Jake Spencer:

23 W. 1St N.
Rexburg, ID 83440
208.456.5678
jakespencer@gmail.com

Montage
Logos
Letterhead
Business Card
Brochure
Flier
Event Ad
Web Page
Imaging

Description:

An insperational montage made by the blending of two or more

images, and the use of typography.

Date:
2/12/13

Course/Instructor:
Comm 130 Section 05
Eric Lybbert

Program(s)/Tools:
Adobe Photoshop

Objectives:

Learn to manage Photoshop layers.

Learn to blend images together smoothly, using masks.
Use filters.
Apply appropriate typography.

Process:

I started off by cropping the background image to 8.511. I

selected the conductor and moved him to the background
image, then I added a mask. With black paint and a 100%
opacity, soft-edged brush, I painted away the hard image edges.
With a larger black brush at 30% opacity and 30% flow, I
blended the image into the background, so it looks like he is
melting into the secene. I repeated the process with the train
ticket, but I did not lasso the ticket first. I just dragged the
entire image to the background image and started masking it
until it was a gradual blend. I finally added some type with two
contrasting fonts and I added a layer style (soft, black shadow)
to make the text more legible.

Description:

Three logo variations for the same company.

Date:
2/23/13

Course/Instructor:
Comm 130 Section 05
Eric Lybbert

Program(s)/Tools:
Adobe Illustrator

Objectives:

Create a variety of logos to fit a company or personal image.

Use the basic tools of Illustrator.

Process:

This was really fun to create a logo in Illustrator. I used the

ellipse tool to create the basic shape of the tomato. I then used
the direct select tool to manipulate some of the curves. This
gave the shape a more tomato look. I then used the pen tool
to make the stem and leaves. Most of the other elements are
just typography. I made sure to choose fonts from contrasting
categories to capitalize on the contrast. I also tried getting some
more contrast by changing the sizes of the words.

Description:

Matching letterhead and business card designed using a

personally created logo.

Date:
3/2/13

Course/Instructor:
Comm 130 Section 05
Eric Lybbert

Program(s)/Tools:
Adobe Illustrator
Adobe InDesign

Objectives:

Create a new logo to fit a company or personal image.

Design consistent layouts for a business card and letterhead.
Use the basic tools of Illustrator & InDesign.

Process:

I positioned the placed logo in the top right corner of my

letterhead. I made sure to keep it at least .5 away from the
edges. I then typed my contact information into a text box
and positioned it on the right hand side of the letterhead.
I made my name 12pt font to contrast with the 8pt contact
information. I added in a couple dashed lines to unify the
information and to get some repetition. I also added a large
black and white version of the brief case as a watermark. I kept
the opacity to about 3%.

Description:

Matching letterhead and business card designed using a

personally created logo.

Date:
3/2/13

Course/Instructor:
Comm 130 Section 05
Eric Lybbert

Program(s)/Tools:
Adobe InDesign

Objectives:

Create a new logo to fit a company or personal image.

Design consistent layouts for a business card and letterhead.
Use the basic tools of Illustrator & InDesign.

Process:

I used the rectangle tool to create the front and back outline
of my business card. I then copied/pasted the logo and contact
information onto this page. I kept the logo and contact
information about the same size as the information on the
letterhead. I made sure that no important information came
any closer than 1/8 from the edges. I also brought the dashed
line into the business card to help unify the stationery pieces.
Finally, I a enlarged the brief case and put half of it on the back
of the business card.

Description:

A two sided (duplex) folding brochure.

Date:
3/16/13

Course/Instructor:
Comm 130 Section 05
Eric Lybbert

Program(s)/Tools:
TextWrangler
Adobe Photoshop

Objectives:

Size and optimize an original logo as a .png for a web page.

Write content to describe the process of creating your logo and
how it appeals to a target audience.
Design a web page using HTML to display a logo and content.
Acquire a working knowledge of HTML and basic
understanding of CSS.
Identify hex colors for web design.
Compress multiple files in a zipped folder to attach as one file.

Process:

I created this web page using only TextWrangler. After I

marked up all my content and inserted my image, I attached a
pre-made CSS document to my HTML. I then used the colors
from my logo as the colors for my web page. I found these
colors by opening Photoshop and using the eyedropper tool.
I also changed my fonts to Times New Roman and Verdana. I
declared some backup fonts just in case the viewers browser
didnt have these fonts. I also used padding around the logo and
text so that they would not be too close to the edge of the web
page. This was one of the most challenging parts of working
with CSS.

Description:

Black & White promotional flier to promote a graduate

leadership conference.

Date:

1/12/2013

Course/Instructor:
Comm 130 Section 05
Eric Lybbert

Program(s)/Tools:
Adobe InDesign

Objectives:

Apply the design principles and use appropriate typography.

Incorporate basic InDesign skills to improve basic flier layout.
Create a project folder with image, logo and InDesign
document to keep links intact.

Process:

I first created some sketches of my layout. Then I used my

sketch as a guide to create this layout in Adobe InDesign. I used
black boxes for repetition and contrast. I also emphasized one
word in my title for more contrast, and to create a good focal
point. I left white space and kept my body copy small. I was
given the image, logo, and content for this flier.

Description:

A color full-bleed event ad to promote a fundraiser using only

Microsoft Word and a scanner.

Date:
2/2/13

Course/Instructor:
Comm 130 Section 05
Eric Lybbert

Program(s)/Tools:

Microsoft Word
Epson Scanner
PDF2JPG.net (PDF converter)

Objectives:

Find, scan and import a high-quality image.

Create a full-bleed design
Use text boxes for layout in Word.
Insert and edit images in Word.

Process:

I scanned the bike image, and then used a Word image effect
to delete most of the background. This left a random white
pattern, so I added a shadow to give it an artsy effect. Then I
added boxes with various shades of green in the background for
repetition and organization. I chose one font with contrasting
weights for simplicity. I was surprised at how much I could
do with the hidden design features of Microsoft Word. Now I
know that I could use it in a pinch.

Description:

A web page designed to showcase a personally created logo.

Date:
3/16/13

Course/Instructor:
Comm 130 Section 05
Eric Lybbert

Program(s)/Tools:
TextWrangler
Adobe Photoshop

Objectives:

Size and optimize an original logo as a .png for a web page.

Write content to describe the process of creating your logo and
how it appeals to a target audience.
Design a web page using HTML to display a logo and content.
Acquire a working knowledge of HTML and basic
understanding of CSS.
Identify hex colors for web design.
Compress multiple files in a zipped folder to attach as one file.

Process:

I created this web page using only TextWrangler. After I

marked up all my content and inserted my image, I attached a
pre-made CSS document to my HTML. I then used the colors
from my logo as the colors for my web page. I found these
colors by opening Photoshop and using the eyedropper tool.
I also changed my fonts to Times New Roman and Verdana. I
declared some backup fonts just in case the viewers browser
didnt have these fonts. I also used padding around the logo and
text so that they would not be too close to the edge of the web
page. This was one of the most challenging parts of working
with CSS.

Description:

A personally taken photograph that has been edited/formatted

using Photoshop.

Date:
2/6/13

Course/Instructor:
Comm 130 Section 05
Eric Lybbert

Program(s)/Tools:
Canon PowerShot Camera
Adobe Photoshop

Objectives:

Learn basic photography skills.

Use a digital camera to take a quality image, then download it.
Size and crop the image.
Adjust image brightness, contrast, hue and saturation levels.
Use a selection tool to isolate a portion of the image.
Desaturate the selected portion of the image.
Use a filter or colorize a portion of the image.

Process:

I took this picture using my little Canon PowerShot camera.

Even though it was a point and shoot camera I was able to
take this nice shot. I then took my image into Photoshop and
cropped it to a 66 inch square. I then selected the background
using the quick selection tools, and applied the gaussian blur
filter. I finally desaturated the the background color.