s

e
n

i
L tfo

o
il

r
o
P

Jo

r
e
k
r
a
id P

JODI PARKER
2306 E 1000 N
SUGAR CITY, ID 83448
208.356.9965
208.521.9964
runlittlejo@jbpfam.com

TABLE OF CONTENTS
01
02
03
04
05

event ad

06

montage

07
08
09

letterhead

10

brochure
business card

logos
photodesign
resume layout
flier
web page

01

event ad

Description:
This is a color, full-bleed fundraising and promotional event ad using only Microsoft Word and a scanner.

Date:
January 29, 2015

Course/Instructor:
Visual Media: Communication 130, section 5
Ben Pingel

Program(s) Tools:
Microsoft Word, Adobe Acrobat XI version 11.0.0 to convert PDF to JPEG, and a home scanner

Objectives:
How to scan properly and to use a design layout in Microsoft Word.

Process:
First off, I scanned the bike image and imported it into Microsoft Word. It was necessary to delete the
background I didnt want in the design. This feature wasnt perfect and left a few bare parts that were
difficult to get back into graphic. To remedy the said situation, as well as the fact that I planned a specific
color scheme, I decided to recolor the image with accent color 6 and used a dark gradient base background
underneath to fill in the holes from the previous process. By using these effects I wanted it to appear
as if the bikers were riding out of a ripped page. After altering the image to my satisfaction, I added an
angled green rectangle with a white font to draw attention to the title of my event and other pertinent
information. Three gradient lines with contrasting color and graduating weights were added underneath to
add more emphasis & repetition. The three bikers in the image naturally added rhythm and followed the
rule of thirds. I chose two different fonts for visual interest, and in the body copy chose to use bold and
all caps for specific words to bring out their importance to the event. I was pleasantly surprised at how
much can be done in the page layout setting and hidden design features of Microsoft Word. I really enjoyed
playing with image recoloring and filters. I now feel confident that I could produce professional looking
fliers & ads using these techniques.

AMA Challenge

Ashton City Park

9.26.2015
$20 Registration Fee

02 brochure
Description:

This two sided (duplex) square trifold brochure has a tetradic color scheme.

Date:
March 27, 2015

Course/Instructor:
Visual Media: Communication 130, section 5
Ben Pingel

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

Objectives:
How to clip images in Photoshop and wrap text around an image in InDesign.

Process:
Using measurements and a layout I found on the internet, I set up the square trifold template in Adobe
InDesign. This fold with three inside panels enabled me to visually showcase the acronym of my three
letter logo SEE through the body of the brochure. The squre design is less common and than a
rectangle and gave a uniqueness that I really liked.
Squares were used throughout the brochure to create repetition and flow. I deliberately clipped my images
to omit the background to create more of a flat design feel and keep things simple.
For each image I used the quick selection tool in Adobe Photoshop to remove the background of the
image. After which I used the refine mask dialogue box to smooth and apply contrast to the outline
of images. The changes I made in the refine mask dialogue box made a softer image I especially like
how the runner turned out and the whisps from her ponytail are more natural. Placingthe images into
InDesign where I used the text wrap option to wrap my text around the alpha channel of the runner and
the happy sleeping man was the final step of the editing process.
I created the simple SEE logo in Adobe Illustrator using the shape tool with fill and text which would
match my color scheme. I then placed it into InDesign on the front and back covers.

03 business card
Description:

Personalized custom logo made to fit business card.

Date:
February 27, 2015

Course/Instructor:
Visual Media: Communication 130, section 5
Ben Pingel

Program(s) Tools:
Adobe Illustrator & InDesign

Objectives:
How to effectively work simultaneously in Adobe Illustrator and InDesign to create a personalized
business card.

Process:
The first tool I used for my business cared was used the rectangle tool to make a box on the top half of
the card. My logo was placed strategically by intersecting the top of the box on the grid line. Next I chose
fonts that could carry the message and idea of my design. I determined I needed a script font as to help
me use lines with the pen tool to create flowing yarn from front to back of card to create a nice rhythm. It
was really important to match my stroke point size to the size of the tail of the s in knits. My overall goal
was to be sure that a viewer would be able to determine what the business was about and a contact item
on both sides of the card. Adding a fiber background at 10% opacity to gave a nice textured appearance
(I played around with this number a lot). Finally, I wanted to use a powerful slogan that would be able to
encompass the style of the company and appeal to the proper audience.

Michelle Babcock
12345 Katie Court
Sandy, UT 75468
307.321.0067
mbb@charknits.com

CHAR

knits

Modern Des i g n s
S u p e r i o r

Q u a l i t y

w w w . c h a r k n i t s . c o m

04 montage
Description:

An inspirational poster montage using images and type.

Date:
February 14, 2015

Course/Instructor:
Visual Media: Communication 130, section 5
Ben Pingel

Program(s) Tools:
Adobe Photoshop

Objectives:
How to gradually blend two images by applying masks to images.

Process:
First I cropped the mountain image to 8.511. Then I placed the mountain climber image on top of the
mountain image, and 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 different opacity levels, I blended the image into the
background, so it produced a subtle contrast. The images were then set to Black and White 1 and added
Photo Filter 2 (a warming filter) to give a sepia tone. I also played around with levels, vibrance, channel
mixer, and selective color until I was pleased with the results.
The layered background images were found at www.cgtextures.com/. The Metal Scratches0036 as well as
MarbleBeige0052 created more of a rugged feel. The overlay filter I used on both of these images was
combined with another mask so to erase the background off of important features of the images beneath.
I ultimately flipped the mountain image horizontally so that I could have better flow from text to the
mountain climber image.
The two contrasting fonts were put on top of a rectangle with overlay filter to allow more legibility with
the words. I wanted to emphasize each line of my text so I chose different effects, colors, and sizes to
showcase that. The words we conquer were the most important to me so I used a drop shadow and high
value in color to bring it out.

05 letterhead
Description:

This is a personalized logo made to fit a cutomized letterhead.

Date:
February 27, 2015

Course/Instructor:
Visual Media: Communication 130, section 5
Ben Pingel

Program(s) Tools:
Adobe Illustrator and Adobe InDesign

Objectives:
How to effectively work in Adobe Illustrator and InDesign to create branding for company stationery.

Process:
The knitting needles used on the back of this companies business card was the inspiration to place them
separately and horizontally on both top and bottom of page to create a border. To create good flow the
contact information began at the top of the knitting needle on the right hand side so the natural flow
would go to the point and then down to the bottom need and off to the end point again, as if it was a sort
of arrow. A fiber background at 10% opacity was layered over top to give a textured apperance. Finally,
I placed my yarn image on the bottom right hand corner on the bottom 1/4 of paper and put it at 10%
opacity. I debated on whether to use the company name on the top of the letterhead or the owners name. I
decided on using the owner name and put the website underneath in the contact information.

Michelle Babcock
12345 Katie Court
Sandy, UT 75468
307.321.0067
mbb@charknits.com
www.charknits.com

Modern Designs. Superior Quality.

06 logos
Description:

Three different logo designs for the same company.

Date:
February 20, 2015

Course/Instructor:
Visual Media: Communication 130, section 5
Ben Pingel

Program(s) Tools:
Adobe Illustrator

Objectives:
How to draw using the pen tool in Adobe Illustrator.

Process:
The company icon for this brand is a lioness, so I started off looking online for ways I could implement it
into the logo. A lioness face shaped necklace using different shapes was found and I knew this could turn
into a unique and cool icon. I played around with the tracing features and used the pen tool and eraser
both to come up with the finished result. The crown was added to give a touch of femininity. In the middle
design, after typing a monogram I turned those letters into outlines and manipulated the J to fit my design
needs. Another exciting thing I discovered was how to type text on an outline for a badge feel. With my
typography I used two different fonts to create contrast as well as using color schemes. I also found a
lioness running that I placed into illustrator and then used the pen tool to outline the shape of a running
lioness. This particular logo, the running lioness, was the one logo most people were drawn to.

runlittlejo communications

co

mm

ns

tt
unli lejo

u n ic a ti o

communications

runlittlejo
communications

07

photodesign

Description:

Demonstrate useful photography skills, including editing. Incorporate those skills to showcase a quality
image, a consistent color scheme based on that image, some text, and a few design elements.

Date:
February 7, 2015

Course/Instructor:
Visual Media: Communication 130, section 5
Ben Pingel

Program(s) Tools:
Adobe Photoshop Nikon D60

Objectives:
I learned a lot about the composition of photography. I also learned how to edit the image to keep quality
and enhance the overall appeal by using Photoshop.

Process:
I began by sketching out an idea and then selected a color scheme that would best suit the plan from the
Visual FOCUS book, I decided on Split Complementary. I took a photo with appropriate light, sharp
focus, and nice composition. I used my Nikon D60 camera to accomplish this, and then imported the
photo into Photoshop and used editing techniques: levels, sharpness, saturation, and color balance. I
learned a lot using color balance & selection tool and how I could fine tune a few details of my photo to
help support the color scheme by making the buttons on the yellow coat indigo, and adding a touch of
violet to the lining of the coat sleeve. Then I designed an 8.511 layout that included my photo, text, and
repeating design elements. I incorporated my color scheme title, color swatches, and color names into
my design. I used the eye dropper tool and adjusted the color in the color picker to match a little more
accurately. I loved the contrast that these bold colors demanded. After going through this process it was
fun to see the vision I started out with come to fruition.

08 resume
Description:

Simple resume layout and design

Date:
March 29, 2015

Course/Instructor:
Self

Program(s) Tools:
Adobe Photoshop, Illustrator, and InDesign

Objectives:
To create a visually appealing layout to build a unique resume.

Process:
To begin I searched online for ideas to show my client. After finding one that fit her peronality
and needs I opened InDesign to being the layout. I used simle shape boxes and paragraphy
styling to set up the design. To create more visual appeal, I decided on importing simple
shapes to add next to the contact information. Placing images in Photoshop, I deleted the
background and then transerred the images to Illustrator. In Illustrator I made the images
white to go along with my simple color scheme. My client was pleased with this addition.

alexis
parker
experience
Cashier/Cook

Millhollow Frozen Yogurt

2013-Present

I take orders, work the register, assemble sandwiches, serve yogurt, and make/bake bread.
I also clean dining area, work area, and bathrooms. I have learned the benefits of good
customer service and enjoy the challenge of helping make a persons day brighter. Working
as a team with the other employees has also been a highlight of my time there.

Sports Official

Snake River Soccer Officials Association

Spring 2013

Side Line and Center Soccer Referee Certified.

XXXX E XXXX N
Sugar City, ID 00000

Produce Farm Work/Babysitter

CWT Produce

Summer 2012

Misc. farm work including pulling weeds, working at farmers markets, and babysitting.

eDUCATION
Sugar Salem High School
I have been a high honor student each consecutive year. I currently serve as Vice President of
the National Honors Society. I also had the privilege of being the captain of the girls soccer
team for the past two years. This year we won the district title and the honor of participating
at state. I enjoy participating in our schools advanced audition choir. I enjoy performing while
dancing and singing. This year we were able to sing at the Idaho State Capital.
lpark@youhoo.com

SKILLS

interests

I am fun-loving, dependable, and committed

to do my best in all I do. I am not afraid to work
hard and I enjoy setting goals and strive to
accomplish them. I have been told that I can see
the big picture and know how to make plans
accordingly. I take pride in being honest and
organized and utilize these in being a leader in
my church and school groups.

I really enjoy traveling and learning

about lifestyles in other places, music,
soccer, learning, design, culinary arts,
pyschology, anatomy and physiology,
serving others in need, religion and
family. This summer I will be volunteering
at an orphanage in Ecuador for six weeks.

References
208.222.9999

Diana Puzey

208.444.7777

Chris Andrews

208.555.5555

09 flier
Description:

This flier, in black and white, is meant to publicize an upcoming Graduate Leadership Conference.

Date:
January 23, 2015

Course/Instructor:
Visual Media: Communication 130, section 5
Ben Pingel

Program(s) Tools:
Adobe InDesign

Objectives:
I learned the importance of tracking, kerning, leading, and how it plays into alignment.

Process:
The first process in designing this project consisted of sketching 4 different layouts options. After selecting
which sketch portrayed the focused message and appealed to the audience I began creating the design
in Adobe InDesign. I used square and rectangular boxes which were specifically organized and colored
to create good flow and contrast. I chose to insert the image inside of a circle to create a spontaneous,
yet memorable focal point. In the focal point text my professor suggested using a drop shadow, which I
did, and I was happy with the result of how it entered into the image while keeping the line proximity in
check with other letters in the word. The typography, varied in weight and size, helped create interest and
dimension. I was careful to use good alignment. My overall objective was to create an obvious contrasting
focal point with supporting flow into the important details such as Date, Time, Place and website.

Do you want to have the

competitive edge in business?
Come learn how at
Vouant Communications annual

G Rl Ae aDd UAT
E
e r s h i p
CONFERENCE

registration

about us

Vouant Communications is devoted to

helping tomorrows leaders gain essential

leadership skills in the workplace.

During this dynamic three day seminar,

attendees will meet with top executives

of Vouant Communication to discuss

A d d i t i o n a l i n f o r m at i o n a n d
re g i s t rat i o n at :

www.vouantcomm.com/leaders

breakthrough leadership techniques, while

Co n f e re n c e i s a v a i l a b l e t o
g ra d u at i n g s e n i o r s .

market to any employer.

SPACE IS LIMITED

cultivating attributes of leadership that will

tvv

10.21

Lincoln
Co n v e n t i o n
Ce n t e r

8am-5pm

10

web page

Description:
A web page designed to showcase a personally created logo.

Date:
March 3, 2015

Course/Instructor:
Visual Media: Communication 130, section 5
Ben Pingel

Program(s) Tools:
TextWrangler, Adobe Illustrator, and Adobe Photoshop

Objectives:
How to use CSS and HTML together to design a basic web page.

Process:
By using only TextWrangler I was able to produce this simple webpage. I had never before written in
HTML or CSS. It was interesting to learn how the different tags work together to create the final outcome.
I liked having the HTML and CSS validators, found on the web, to help me see where a mistake was made.
When deciding the design process I considered the importance of the FOCUS design principles I have
learned: Formulate a Plan, Organize the Layout, Contrast the Elements, Unify the Parts, and Simplify the
Message.
I actually began this process by updating a previous logo I had made. I easily did this by opening Illustrator
and modifying an existing design. I added a new company name underneath an existing image and then
selected a new color scheme. After doing this, I was ready to mark up my content in HTML and import my
new design, then I attached a pre-made CSS document to my HTML. I then went into Photoshop and used
the eye dropper tool to find the correct hex code to correctly match the colors from my logo. I inserted
the correct hex# to where I wanted the color. I also changed my fonts to Tall Dark and Handsome and
PT Sans. I declared some backup fonts just in case the viewers browser didnt have these fonts. I also used