You are on page 1of 21

P o r t f o l i o

A m m o n

S t u t z

Contact
Ammon Stutz

707 S. 5th W. apt 1600


Rexburg, ID 83440
253-426-5505
ammon.stutz@gmail.com

Table of
Contents
Mo n t a g e
Brochure
Ev e n t A d
Logo
Letterhead
Business Card
Webpage
Imaging
Flier

Montage
Description

Inspirational montage that was created by combining three images together


and using typography.

Date

5/26/2015

Co u r s e / I n s t r u c t o r
COMM130
Ben Pingel

P r o g r a m ( s ) / To o l s
Adobe Photoshop

Objective

Learn Photoshop
Blending images by using masks
Using filters and effective typography

Process

I first made a black square in the background on Adobe Photoshop. I then


got an image of a lion and positioned it to where I needed it. I blended the
lion image to the black background. I then got an image of a man and I
blended him to the lion. I positioned him to be looking at the same place
as the lion. Next, I took and image of stars and overlaid it on the man and
the lion. I blended the stars in by adjusting the opacity to be behind the
man and the lion. I also adjusted the opacity of the man and the lion to
bring their faces out more. Finally, I added the typography and used an
analogous color scheme of gold, brick, and yellow, all of which are featured
in the image. I used a different font for the words noble, great, and thou
and I made them larger to emphasis them more.

Brochure
Description

Two sided (duplex) brochure.

Date

7/9/2016

Co u r c e / I n s t r u c t o r
COMM130
Ben Pingel

P r o g r a m ( s ) / To o l s
Adobe InDesign
Adobe Illustrator
Adobe Photoshop

Objective

Learning to use paragraph styles


Creating a two sided brochure
Wrap text around images

Process

For this project, I used Adobe Illustrator, Photoshop and InDesign. I


created the logo and edited all of the images, except for the image of the
woman, in Illustrator. I also created the logo in Illustrator by using vectors.
I cut the woman out of an image I found online. I used the masking tool
in Photoshop to remove her from the scene. Once I got all of my images,
I placed them one my project in InDesign. I chose to use the colors of
turquoise and orange as a complementary color scheme. Once I positioned
all of my images, I wrote text for the body copy and I emphasized some
words and phrases by making them a different color than the rest of the
text.

Event Ad
Description

An event ad with a full color bleed by using Microsoft Word and a scanner.

Date

5/14/2016

Co u r c e / I n s t r u c t o r
COMM130
Ben Pingel

P r o g r a m ( s ) / To o l s
Microsoft Word
EPSON Scanner

Objective

Scan a image and import a high-quality image


Design a full bleed
Create the whole design in Word

Process

I scanned an image of a car and uploaded it to Microsoft Word. I kept


most of the scan, so that I could use the contrast already there. I went with
different shades of the lime green of the car to accent the design. All of the
words are in a light lime green. The boxes at the bottom left show different
shades of the lime green and help bring out the lime green in the car. The
programs I used were Microsoft Word and a High Resolution Color Scanner.

Logo
Description

Three logo designs for a company.

Date

6/3/2016

Co u r c e / I n s t r u c t o r
COMM130
Ben Pingel

P r o g r a m ( s ) / To o l s
Adobe Illustrator

Objective

Design many different logos


Learn to use Adobe Illustrator

Process

I created all of the images on Adobe Illustrator. I got the buffalo head
by tracing a photo of a buffalo head. I originally had three options of
logos and this design was the one that people preferred the most. I used
typography that would give the logo a more rugged look. Finally, I enlarged
the R and the B to emphasize the name.

Letterhead
Description

Original logo with a matching letterhead and business card.

Date

6/9/2016

Co u r c e / I n s t r u c t o r
COMM130
Ben Pingel

P r o g r a m ( s ) / To o l s
Adobe InDesign
Adobe Illustrator

Objective

Create a logo in Illustrator and sync it in InDesign


Have consistent design in the business card and letterhead

Process

I first started making the letterhead by shrinking the logo and putting them
in opposite corners. I then drew rectangles to appear jetting out of the logo
towards my typography. I then made red rectangles to draw the audience to
the words. For my typography, I made the persons name larger and bolder
as to emphasize it, and I used a smaller font size for the rest of the words.

Business Card
Description

Original logo with a matching letterhead and business card.

Date

6/9/2016

Co u r c e / I n s t r u c t o r
COMM130
Ben Pingel

P r o g r a m ( s ) / To o l s
Adobe InDesign
Adobe Illustrator

Objective

Create a logo in Illustrator and sync it in InDesign


Have consistent design in the business card and letterhead

Process

The first thing I did was create the logo on Adobe Illustrator. I designed a
dress shirt by using the pen tool to create the shapes and then I adjusted
them accordingly to fit the image the best. Next, I added typography and
made the word design pop out by making it bold. After I made the logo,
I placed it into Adobe InDesign. Finally, the business card was made by
continuing to use the sold colors of my logo. On the front, I set my logo on
a red background and I made the typography white so that it has good
contrast. On the back, the whole card is the logo.

Webpage
Description

A webpage to showcase the logo I designed.

Date

6/25/2016

Co u r c e / I n s t r u c t o r
COMM130
Ben Pingel

P r o g r a m ( s ) / To o l s
Adobe Photoshop
Notepad++

Objective

Format logo to function with a website


Body copy that showcases the process of the creating the logo
Creating a HTML and CSS
Identifying hex colors for web design
Compress many files into a zipped folder

Process

I created this webpage by only using Notepad++. I created the HTML


and CSS virtually by scratch. I created the code to display what I wanted
on the website and designed it to be appealing. I used https://validator.
w3.org/#validate_by_upload to check my HTML and found that there were
no errors. For coloring, I made sure that all of the colors were from the logo
by using the exact hex code of those colors. I also put an image of the logo
in the background for effect. Finally, I embedded fonts from Google Fonts
to make the design more unique.

Imaging
Description

Photo that I took and edited with Adobe Photoshop and added inspirational typography.

Date

5/20/2016

Co u r c e / I n s t r u c t o r
COMM130
Ben Pingel

P r o g r a m ( s ) / To o l s
Adobe Photoshop
Nikon Coolpix L340

Objective

Learn to adjust image saturation, hue, brightness, and contrast levels


Learn the basic Photoshop skills
Further skills with color schemes

Process

I first took a picture with a Nikon Coolpix L340 camera. I captured natural light by
taking the picture outside. I then used Adobe Photoshop to do the rest of the design. In
Photoshop, I added some light, vibrance, and a little bit of saturation to the background
image. I then layered ovals and put text in them. For the color scheme, I used a split
complementary scheme of red, teal, and lime. Overall, I think the design came out really
well and follows, particularly, the rule of thirds with lead room really nicely.

Flier
Description

A promotional flier for a graduate leadership conference.

Date

5/7/2016

Co u r c e / I n s t r u c t o r
COMM130
Ben Pingel

P r o g r a m ( s ) / To o l s
Adobe InDesign

Objective

Learn basic InDesign skills


Apply design principles and use effective typography

Process

I first created sketches on a paper of what I would like my design to me.


I then used those sketches to create the design in Adobe InDesign. I used
arrows as repetitious contrast. I made certain words bigger and bolder to
emphasize them and create more contrast. I let white space bleed off the
edges and made the text small but readable. All of the images and content
were provided for the flier, my job was to organize it in an appealing way.