j.

a
DESIGNS BY

joci allen

design & print

PORTFOLIO

contact me.
Joci Allen
11603 Hot Springs Dr.
Parker, CO 80138
303.917.8873
joci.allen@gmail.com

index.
1
3
5
7
9
11
13
15
17
19

Brochure
Montage
Event Ad
Imaging
Logo
Business Card
Stationary
Web Page

brochure.
Description:

A trifold brochure in full color

Process:

Using Adobe Illustrator, I created the logo for the front of the brochure. I chose
bright colors and found photos to match the bright colors. For one of the photos
I created a cut-out using Photoshop. Then I used a text-wrap effect to wrap it
around the image. I then built the rest of the brochure with images and text.I set
background colors and perfect alignment.

Programs:
Microsoft Word, Adobe Illustrator, InDesign and PhotoshopAudience:

Date:

July 11. 2015

Course:

Visual Media

Instructor:

Brother Jason Stucki

Objectives:

Set up and align a two-sided, folded document.

Create an original, new logo and use it in a brochure.
Incorporate quality images using text-wrapped effect for one.
Trim for a full bleed and print in duplex (two-sided) color.

back.

front.

inside.

montage.
Description:

An inspirational montage made by the blending of two or more images, and the use of
typography.

Process:

I cropped the background image. I used the selecction tool to select the top image
with a slight feather. I placed the top image to the back. I used the brush tool
with opacity to reveal the background through the top image. Next, I changed the
umbrella color. I then added the text and chose font typs, size and color.

Programs/Tools Used:
Adobe Photoshop

Date:

May 30. 2015

Course:

Visual Media

Instructor:

Brother Jason Stucki

Objectives:

Use the FOCUS design process with strong focal point and flow
Unify a layout with a consistent theme and dominant spiritual message
Learn to blend two or more images together gradually, using masks and se a mask
to apply a filter to one part of the image
Apply typography principles and format type: Legibility; Small copy & Title with
varying text size. Theme word(s)
Select good quality images

His commandments

are the loving

instructions and
the divine help for
us to close the
umbrella so we
can receive the
shower of

heavenly blessings.
-Dieter F. Uchtdorf

event ad.
Description:

An event ad, in full-color bleed, designed from a scanned image.

Process:

I scanned the dog image from a calendar. Then, putting that image into a word
document, I was able to add text and designs into the image. After changing
the orientation to landscape instead of portrait, Iinserted text boxes. I then added
shapes to create a logo and added more color to the font.

Programs/Tools Used:
Microsoft Word, Scanner

Date:

May 16. 2015

Course:

Visual Media

Instructor:

Brother Jason Stucki

Objectives:

Comprehend image sizing (how pixels and inches work together)

Find, scan and import a high-quality image.
Create a full-bleed design using Word
Choose a color scheme and typeface(s) that work for your message and audience.
Learn to use only Word design features without using any Adobe programs, including
Photoshop.

imaging.
Description:

A photo taken by myself with added embelishmenta, text and effects

Process:

First, I took a photo with my digital camera. I uploaded it and placed it into Photoshop.
I adjusted the levels of the photo to create a more vibrant red and yellow color in the
photo and decrease the noise of the tree trunk. I then added a border with the
selection tool and turned it to a red color to match the flower in the photo. Then
I added a text box to add the quote. I made the font in the quote white and red.

Programs/Tools Used:

Photoshop. Canon digital camera

Date:

May 16. 2015

Course:

Visual Media

Instructor:

Brother Jason Stucki

Objectives:

Comprehend image sizing (how pixels and inches work together)

Find, scan and import a high-quality image.
Create a full-bleed design using Word
Choose a color scheme and typeface(s) that work for your message and audience.
Learn to use only Word design features without using any Adobe programs, including
Photoshop.

logo.
Description:

Logo options for a company

Process:

First, I used Illustrator to practice by creating 3 options for logos. I used the line tool,
the fill tool, the shape tool and the text tool.I made the first logo, then changed it
into a grayscale option and colored background option.

Programs/Tools Used:

Adobe Illustrator, marker and paper.

Date:

May 16. 2015

Course:

Visual Media

Instructor:

Brother Jason Stucki

Objectives:

Learn basic photography skills.

Choose a color scheme, take a photo to match those colors, then incorporate the
colors into the layout.
Use a digital camera to take a quality image, then download it.
Adjust image levels, saturation, color balance, sharpen tool on separate layers for
NDE (non-destructive editing.)
Size and crop the image, then place on an 8.511 page layout.
Use layers to design text, and repeating graphic elements in Photoshop.
Print with full-bleed margins. Trim only 1/8 (0.125) from all four sides.

business.card
Description:

Business card for knitting business

Process:

I used Illustrator to create the logo and then places that logo into a 3in x 2.5in
document. I created a bleed to make sure my color blocking would cover the
entire card. I also adjusted the borders so that there would be enough room
for cutting. Creating an extra logo was just a matter of changing the colors
of the initial one. So I put the alternative logo on the back of the card with the
information for the business .

Programs/Tools used:
Adobe Illustrator and InDesign

Date:

June 12. 2015

Course:

Visual Media

Instructor:

Brother Jason Stucki

Objectives:

Use the basic tools in Illustrator & InDesign.

Create a new logo to fit a company or personal image.
Use the new logo to design consistent layouts for a business card. Business
card should be 3.5 x 2 and printed above center on a vertical page.
Apply typography rules, keeping small copy.
Include contact information: name, address, phone, website, and email on each
piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

11

For The Love Of Knit

front.

back.

stationary.
Description:

Stationary for a knitting business.

Process:

I used Illustrator to create the logo and then places that logo into document 8.5in x 11in. I
was able to change the opacity percentage of a small portion of my logo to use
as a water mark for the stationary so that it wasnt a simple white piece of paper with
a logo on it. Then, I put all necessary information on the footer section and spaced
it accordingly.

Programs/Tools used:
Adobe Illustrator and InDesign

Date:

June 12. 2015

Course:

Visual Media

Instructor:

Brother Jason Stucki

Objectives:

Use the basic tools in Illustrator & InDesign.

Create a new logo to fit a company or personal image.
Use the new logo to design consistent layouts for a letterhead. Letterhead should
be 8.5 x 11, full-bleed optional, but trim only .125.
Apply typography rules, keeping small copy.
Include contact information: name, address, phone, website, and email on each
piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

13

web site.
Description:

A web page designed to showcase a personally created logo.

Process:

I created a basic webpage using HTML in TextWrangler. I inserted an image into the
HTML and then I explained how I created that logo and the reasoning behind text
choices, coloring choices, shapes and themes. After creating the HTML part of
my site, I then add style with a CSS code. I connected the HTML and CSS codes
together by inserting codes to do so. I changed the previous colors listed in the
copied CSS code by grabbing the color number from my logo in Photoshop.

Programs/Tools Used:
TextWrangler & Photoshop

Date:

June 25. 2015

Course:

Visual Media

Instructor:

Brother Jason Stucki

Objectives:

Size and optimize an original logo as a .png for a web page so the long side is 300
500 pixels.
Write content to describe the process of creating your logo and how it appeals to
a target audience.
Acquire a working knowledge of HTML.
Acquire a working knowledge of CSS.
Identify hex colors to match logo, using Photoshop color picker.

15

flier.
Description:

This is a flier to promote a graduate leadership conference.

Process:

First, I made sketches to determine what type of design I wanted to focus on. I took
into consideration the message, audience and the clients wants while sketching
our ideas. Then, I created my best flier in Adobe InDesign. Before finalizing and
printing the flier, I met with two different peers for critique meetings. This helped
simplify, unify and perfect the flier. After making suggested changes, I printed my flier.

Programs/Tools Used:
Adobe InDesign

Date:

May 12. 2015

Course:

Visual Media

Instructor:

Brother Jason Stucki

Objectives:

Apply the design principles and use appropriate typography.

Incorporate basic InDesign skills to improve basic flier layout.
Retrieve image and logo from links on this page.
Create a project folder with image, logo and InDesign document to keep links in
InDesign intact.

17