portfolio

-Johnny Lem

Contact Info.
Johnny Lem

28299 Mariners Way

Menifee, Ca 92584
951.208.8370
johnnylemjml@gmail.com

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

Montage
Description:

A montage made with two images and the use of typography.

Date:
2/1515

Course/Instructor:
Comm 130 Section 07
Joel Judkins

Program(s)/Tools:
Adobe Photoshop

Objectives:

Learn to blend two images using photoshop and using the

correct typography.

Process:

To get started, I cropped the background image to 8.511.I

then went to the second image and used the lasso tool to drag
the smoke onto the background image. I then went to the
Dafont.com to download the font called Broken Detroit and
used it for my text.I used the stamp tool to drag some smoke
from image to put around the text in my project to make the
text part of the image.

Logos
Description:

Three types of logos for the same company.

Date:
2/21/15

Course/Instructor:
Comm 130 Section 07
Joel Judkins

Program(s)/Tools:
Adobe Illustrator

Objectives:

To create three types of logos for the representation of the same

company.

Process:

Using Adobe Illustrator was a challenge for me because I have

never used it before, but nonetheless I had fun and learning
more about it. For the first logo, I used the ellipse to create the
shape of the ant. I then change the color of the strokes to make
it look like the ant was disconnected. The middle logo was the
most challenging for me. I attempted to give the middle logo a
cartoon look. I used the ellipse tool to make its shapes. The last
logo was really simple. All I did was use the brush tool to draw
an ant farm around the typography.

Ant Farm Construction

Ant
Farm

Construction

Ant Farm
Construction

Ant Farm
Construction

Lett erhead
Description:

Matching letterhead and business card designed using a logo

created personally.

Date:
2/28/15

Course/Instructor:
Comm 130 Section 07
Joel Judkins

Program(s)/Tools:
Adobe Illustrator
Adobe InDesign

Objectives:

Design a letterhead for a buisness or company

Process:

The logo that is placed on the document is a logo that I

personally made from a previous project. I made the image
using Adobe Illustrator. I made a few changes with the logo. At
first, the legs and the antennas were just lines not connected
to the body, but I made them thicker and attached the legs
and antennas to the body. When I made the adjustments on
Adobe Illustrator, I copied and pasted the logo onto a new
document in Adobe Indesign. On Indesign I didnt do much. I
made the logo smaller and moved it to the top left of the page.
I then used the gradient tool to give the business card the look
it has now. For the letterhead, I pasted the logo twice on the
document. I water marked the logo onto the page by changing
the opacity and then I moved the other logo to the top right of
the page.

Business Card
Description:

Matching letterhead and business card designed using a logo

created personally.

Date:

2/28/115

Course/Instructor:
Comm 130 Section 07
Eric Lybbert

Program(s)/Tools:
Adobe InDesign

Objectives:

To create three types of logos for the representation of the same

company.

Process:

The logo that is placed on the document is a logo that I

personally made from a previous project. I made the image
using Adobe Illustrator. I made a few changes with the logo. At
first, the legs and the antennas were just lines not connected
to the body, but I made them thicker and attached the legs
and antennas to the body. When I made the adjustments on
Adobe Illustrator, I copied and pasted the logo onto a new
document in Adobe Indesign. On Indesign I didnt do much. I
made the logo smaller and moved it to the top left of the page.
I then used the gradient tool to give the business card the look
it has now. For the letterhead, I pasted the logo twice on the
document. I water marked the logo onto the page by changing
the opacity and then I moved the other logo to the top right of
the page.

Brochure
Description:
Date:
Course/Instructor:
Program(s)/Tools:
Objectives:
Process:

Flier
Description:

A black and white flier to encourage graduate students to

attend a graduate leadership conference.

Date:

1/24/2015

Course/Instructor:
Comm 130 Section 07
Joel Judkins

Program(s)/Tools:
Adobe InDesign

Objectives:

Making a flier by incorportaing principles from Adobe

InDesign.

Process:

Before I created this layout on Adobe Indesign, I sketched

out a few of my ideas on a piece of paper. Out of all the layers
that I sketched, I felt positive that this layout would draw the
attention of college graduate students to attend a graduate
leadership conference. I used boxes to show contrast and
repetition. In my title box, I capitalized and contrasted the
word graduate to create a focal point. The images, logos and
text were provided to me for this flier. I made sure there was
enough white space on the flier and I kept my body copy at a
small size.

Graduate Leadership

Conference

Do YOU want to have the compititive edge in businness?

Come learn how at Vouant Communications annual
Graduate Leadership Conference.
Vouant Communications is devoted to helping
tomorrows leaders gain essential leadership skills
in the workplace. During this dynamic three-day
semnar, attendees will meet with top executives of
Vouant Communications to discuss breakthrough
leadership techniques, while cultivating attributes of
leadership that will market to any employer.
Conference is available to graduating seniors.Space is limited.

October 21
8 a.m. 5 p.m.
Lincoln Conventioun Center
Registration and more information
available at: http://www.vouantcomm.com/leaders

Event Ad
Description:

An event ad in full colored to promote a fundraiser for elderly

people who need wheelchairs.

Date:
1/31/15

Course/Instructor:
Comm 130 Section 07
Joel Judkins

Program(s)/Tools:

Microsoft Word
Epson Scanner
PDF2JPG.net (PDF converter)

Objectives:

Find an image and scan it to Microsoft Word.

Use the right typogrphy to create an event ad.

Process:

I found this image in an Ensign and scanned it to my computer.

I used Microsoft Word to expand the image to fit the paper.
I expanded the photo to fit the paper because I wanted the
image to be the focal point of the ad. I believe the image gives
a dramatic look which will catch the attention of the audience.
The quote I used was put in a bigger size font because I wanted
that to catch the attention of the audience as well. Programs
that I used to create this ad: Microsoft Word, Epson Scanner.
and PDF2JPG.net (PDF converter).

Every pizza purchased at

every Papa Johns location,
$5 will go to providing the
elderly wheelchairs.
!

March 2, 2015
12:00pm-6:00pm

Helping

an elderly person will not

change the world, but it will change

www.giveahand.org

theirs

Web Page
Description:

A web page designed to show a logo created personally

Date:
3/14/15

Course/Instructor:

Comm 130 Section 057 Joel Judkins

Program(s)/Tools:
TextWrangler
Adobe Photoshop

Objectives:

Design a webpage using HTML. Compress a logo made

personally and using it on the website

Process:

To make this webpage, I used TextWrangler. I never used

or seen someone use the program TextWrangler, so it was
really challenging and learning experience. When I was first
learning how to use TextWrangler, it was like learning a foreign
language, but as kept working with it each day I was able to
understand well enough to this webpage. The logo that I used
for this webpage is a logo that I made from a previous page. I
used photoshop to copy the colors from the background that I
used for the body, text, borders, etc.

Imaging
Description:

Being able to develop photography and picture editing skills.

Adding colors to the poster from the original photo.

Date:
2/6/15

Course/Instructor:
Comm 130 Section 07
Joel Judkins

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

Objectives:

Learn the basic rules of photography. Being able to use

Photoshop to edit photos to make them more clear.

Process:

As I took the photo and uploaded it on photoshop, I decided

the color scheme to Analogous that I found in Chapter 5 in
the Visual Focus book. When I took the photo, the lighting
was very bright and the colors of the bricks seemed faded. To
have the color of the bricks stand out to capture the audience,
I brought down the vibrance and increased the saturation. To
take this photo, I used a Nikon DSLR D7100 camera. I added a
few elements to the image to give it a better design and I chose
the Colleged Regular font to show a brick them. I used the
eye dropper tool to capture the colors of the image and put
them in the elements that I used for the poster.