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:
A color full-bleed event ad to promote a fundraiser using only
Microsof Word and a scanner.
Date:
2/2/13
Course/Instructor:
Comm 130 Section 05
Eric Lybbert
Program(s)/Tools:
Microsof 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 efect
to delete most of the background. Tis lef a random white
pattern, so I added a shadow to give it an artsy efect. Ten 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 Microsof Word. Now I
know that I could use it in a pinch.
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 flters.
Apply appropriate typography.
Process:
I started of 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, sof-edged brush, I painted away the hard image edges.
With a larger black brush at 30% opacity and 30% fow, 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 frst. I just dragged the
entire image to the background image and started masking it
until it was a gradual blend. I fnally added some type with two
contrasting fonts and I added a layer style (sof, black shadow)
to make the text more legible.
Description:
Black & White promotional fier 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 fier layout.
Create a project folder with image, logo and InDesign
document to keep links intact.
Process:
I frst created some sketches of my layout. Ten 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 lef white space and kept my body copy small. I was
given the image, logo, and content for this fier.
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 fles in a zipped folder to attach as one fle.
Process:
I created this web page using only TextWrangler. Afer 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. Tis was one of the most challenging parts of working
with CSS.
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 ft 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:
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 flter 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
flter. I fnally desaturated the the background color.
Description:
Tree 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 ft a company or personal image.
Use the basic tools of Illustrator.
Process:
Tis 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. Tis
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:
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 fles in a zipped folder to attach as one fle.
Process:
I created this web page using only TextWrangler. Afer 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. Tis was one of the most challenging parts of working
with CSS.
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 ft 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.