Jake Spencer

Jake Spencer:

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

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

Description: Date:
3/2/13

Matching letterhead and business card designed using a personally created logo.

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.

e vidence
incorporated

Jake Spencer
208.492.4565 jdoe@evidence.com 73 West Tommy St. Bremerton WA 98350

e vid

incor

Description: Date:
3/2/13

Matching letterhead and business card designed using a personally created logo.

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%.

e vidence
incorporated

Jake Spencer
208.492.4565 jdoe@evidence.com 73 West Tommy St. Bremerton WA 98350

Description: Date:
2/12/13

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

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: Date:

Black & White promotional flier to promote a graduate leadership conference.

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 gray 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.

raduate

LEADERSHIP CONFERENCE

Sat. May 15
8:00am - 5:00pm

Learn how to land your dream job

Obis venit quaerumquas nobisti dipsanto quatibus eleniet est, qui odisciunt que que laccuptam imaxim ipsanderro blam nusam qui resequid utes ut repero inctotation

BYU-I Center
$20 ENTRANCE

Network with industry leaders

Obis venit quaerumquas nobisti dipsanto quatibus eleniet est, qui odisciunt que que laccuptam imaxim ipsanderro blam nusam qui resequid utes ut repero inctotation

Save $50 on Early Bird Registration

Obis venit quaerumquas nobisti dipsanto quatibus eleniet est, qui odisciunt que que laccuptam imaxim ipsanderro blam nusam qui resequid utes ut repero inctotation

Register now: www.vouant.com/register

Description: Date:
2/23/13

Three logo variations for the same company.

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

Program(s)/Tools:
Adobe Illustrator

Objectives: Process:

Create a variety of logos to fit a company or personal image. Use the basic tools of Illustrator.

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.

Tom Tom Juice

Tom Tom

TOM
UICE

Description: Date:
3/30/13

A two sided (duplex) folding brochure.

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

Program(s)/Tools:
Adobe InDesign Adobe Illustrator Adobe Photoshop

Objectives:

Set up and align a two-sided, folded document. Learn how to wrap text around an image. Use paragraph styles in InDesign.

Process:

I set up the gateway fold in Adobe InDesign. I split my layout into four sections with the concept that the two outer sections would be the flaps of the brochure and the two middle sections would be the body of the brochure. I used black bars throughout the brochure to create repetition and flow. I deliberately chose animal photos that showed green foliage in the background to create contrast against the pink and a thematic element to unite all the photos. For the image of the flamingo I used the quick selection tool in Adobe Photoshop to remove the background of the image. I then used the refine mask dialogue box to smooth, feather, shift edge and apply contrast to the outline of the flamingo. The changes I made in the refine mask dialogue box made a softer image that didnt look so sharp and cutout against the brochures background. I then placed the flamingo into InDesign where I used the text wrap option to wrap my text around the alpha channel of the image.

Description: Date:
2/2/13

A color full-bleed event ad to promote a fundraiser using only Microsoft Word and a scanner.

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 plant image, and then sized it in Microsoft Word. The image had some texture and I wanted that effect. I also scanned a packet of seeds. Then I added green boxes with various opacities to match the green in the seed packet. This helped satisfy repetition and organize things. I chose a slab serif title font and used it sparingly, because it was a little grungy. Then I contrastetd it with a Sans Serif for copy. I was surprised at how much I could do with the hidden design features of

Description: Date:
2/6/13

A personally taken photograph that has been edited/formatted using Photoshop.

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.

Description: Date:
3/16/13

A web page designed to showcase a personally created logo.

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.