Portfolio

KELLI MARROTT
Contact
Kelli Marrott
820 West 7th S. #20
Rexburg, ID 83440
208.317.2189
kelli.marrott@gmail.com
Table of Contents
Flier
Photo Montage
Logos
Brochure
Web Design
Photo Design
Event Ad
Business Card
Stationery
Project of Choice
Flier
Description
This flier is an invitation to graduate students who would like to learn how to
gain leadership skills to be more qualified for jobs.
Process
First, I sketched my layout on paper. Then, I completed the flier using the
InDesign program with the sketch as my guide.
I started out with a nice dark background color. Then, I added the photo and
gave it a circular shape to create visual flow. Next, I put in the text making
sure to group each set of information. Then, I added the line design to create
repetition. And lastly, I made sure everything was properly aligned.
Objective/Skills
A 8.5”x11” black and white promotional flier for a Graduate Leadership
Conference. Used the image and information provided by the instructor.
Date Completed
May 10, 2014
Course Title and Instructor
Visual Designs: Section 6, Joel Judkins
Graduate
Leadership Conference
Come learn how at Vouant Communication’s annual Graduate Leadership Conference.
Vouant Communications is devoted to helping tomorrow’s leaders gain essential leadership
skills in the work place. During this dynamic one-day seminar, 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.
Registration and more information available at http://www.vouantcomm.com/leaders
October 21
8 a.m. - 5 p.m.
Lincoln Convention Center
Do you want to have the competitive edge in business?
Photo Montage
Description
A motivational photo montage about families and love.
Programs
Photoshop
Process
First, I came up with a theme and message, then I found correlating photos.
Next, I cropped the background image to my desired size, which was 8.5 x 11
inches. Then, I cropped and softened the edges of the second photo using the
soft-edged paint brush at 30% opacity. Then, I completed the montage by adding
my message in two contrasting fonts.
Objective/Skills
A motivational photo montage design using two or more photos. And using the
opacity brush to create photo overlapping.
Date Completed
June 1, 2014
Course Title and Instructor
Visual Designs: Section 6, Joel Judkins
Description
Three different logos and color schemes for a infant and toddler shoe company.
Programs
Illustrator
Process
First, I decided on a company name to conveyed the message of what the
company was about. I used the pen and circle shape tools to create the foot
logo. The pathfinder window allowed me to combine the shapes to make one
complete foot. For the foot shaped “S” I side clicked to create outlines that
allowed me to re-shape the “S” to resemble a foot.
Objective/Skills
To create 3 different logos for one company using 3 different color schemes in
the Illustrator program. The Illustrator program uses vectors which allows the
image to enlarge without image distortion.
Date Completed
June 8, 2014
Course Title and Instructor
Visual Designs: Section 6, Joel Judkins
Logos
ole
small
S
Ole
SMALL
small
Description
Create a brochure with the theme or company of choice including 4 photos, using
a paragraph style, and text wrapping on a curved edge.
Programs
Illustrator, Photoshop, InDesign
Process
I used Illustrator to create a logo for Rexburg. I used Photoshop to edit the
brightness, color, and levels of my photos. And I used InDesign to create the
brochure layout. To make sure I had the correct measurements on my brochure
for my desired layout, I used a scrap paper and folded it where I felt it
appropriate. Then I took the measurements from the paper and used the Ruler
tool in InDesign to mark my front, center, and back.
Objective/Skills
To use Illustrator to create a logo, Photoshop to edit photos, and InDesign to
create the Brochure. Also, to design a unique double-sided brochure with a front,
inside, and outside view.
Date Completed
July 13, 2014
Course Title and Instructor
Visual Designs: Section 6, Joel Judkins
Brochure
www.Rexburg.org
R
Back Front
Inside
Description
I designed a web page to showcase the logo I created and a description of the
logo creating process.
Programs
Text Wrangler, Illustrator, photoshop
Process
I used Text Wrangler to program the html and css for my web page. Using the
colors of my logo in photoshop I found the hex # for each color. I incorporated
each color from the logo into the web design to be consistent with the color
scheme. I used the blue as my text because I wanted the text to be dark
enough to read. I used the green as my background color, and the pink for my
heading 1 background color. I designed a polka - dot patterned background in
adobe illustrator.
Objective/Skills
To use Text Wrangler to moderate the html and css coding to design a
personalized web page. To save my html background pattern as a “.png” file to
make it readable for the web.
Date Completed
June 28, 2014
Course Title and Instructor
Visual Designs: Section 6, Joel Judkins
Web Design
Description
Demonstrate photography and image editing skills and incorporating a color
scheme into the photo and poster layout.
Programs
Photoshop CC, Nikon D3200 DSLR Camera
Process
First, I decided on a color scheme and then took quality photos using my Nikon
D3200. I took my photos in the early evening to be sure to capture photos
in good lighting. Then, using Adobe Photo Shop I adjusted the photo using
a number of editing techniques like light levels, saturation, and color balance.
Then, I designed a 8.5 x 11 poster background to go with the message and
photo.
Objective/Skills
To decide on a color scheme and then take a quality photo with colors of that
color scheme. And then create a motivational poster using the photo and color
scheme.
Date Completed
May 25, 2014
Course Title and Instructor
Visual Designs: Section 6, Joel Judkins
Photo Design
Event Ad
Description
This project was designed for a fictitious fundraiser event put on by a fictitious
company.
Programs
Office Word, scanner for image
Process
First, I found a 4x6 printed photograph and scanned it into the computer.
Since I knew I wanted to enlarge the picture to 8.5 x 11 I scanned it at 300
pixels. Then, I used Office Word to complete the design. I added rectangular
shapes to contrast with the round balloon in the photo.
Objective/Skills
This project was designed using only Office Word. This project allowed me
to become familiar with a low budget design program in the event design
resources might be limited. I also learned how use a scanner to scan an image
to use for the event advertisement.
Date Completed
May 18, 2014
Course Title and Instructor
Visual Designs: Section 6, Joel Judkins

Rides will be available to the public. All proceeds
will be used for the expansion of the Teton
Valley Hospital.

For directions and more information please visit:
www.TetonValleyChamberofCommerce.com

Balloon Festival
6 – 10am

Saturday August 23, 2014
Teton County Fair Grounds
Driggs, ID
Description
This is an example of a business card with matching stationary.
Programs
Illustartor and InDesign
Process
In Illustrator I used the pen tool to create the shape of my logo. Since I wanted
it to be symmetrical, I designed the left side of the logo and then copied and
reflected it to create a symmetrical right side.
To create the color filled block with the curved line, I first designed the curved
line using the pen tool. Then, I made a rectangle the size I needed and placed
the curved line on the edge. I used the pathfinder tool to divide the curved line
from the rectangle. Then, I ungrouped the divided pieces so that I could delete
the side of the rectangle that I didn’t need.
I dragged the logo and rectangle shape into InDesign to complete the business
card and stationery. I used the same logo for the business card and the
stationery to create unity.
Objective/Skills
Learned to create a professional business card using the correct sizes
Learned the appropriate opacity range for watermarks, proper size of stationary
heading, and appropriate font sizes. I also learned how to create a symmetrical
image. And I learned how to create a logo without image tracing.
Date Completed
June 15, 2014
Course Title and Instructor
Visual Media: Section 6, Joel Judkins
Business Card
Kelli Marrott
503.642.5555
860 West Brookville Street
CLOTHING DESIGNER
kelli.marrott@design.com
Rexburg, ID 83440
Stationery
Description
A stationery design that correlates with the business card project.
Programs
Illustrator and InDesign
Process
In Illustrator I used the pen tool to create the shape of my logo. Since I
wanted it to be symmetrical, I designed the left side of the logo and then copied
and reflected it to create a symmetrical right side.
To create the color filled block with the curved line, I first designed the curved
line using the pen tool. Then, I made a rectangle the size I needed and placed
the curved line on the edge. I used the pathfinder tool to divide the curved line
from the rectangle. Then, I ungrouped the divided pieces so that I could delete
the side of the rectangle that I didn’t need.
I dragged the logo and rectangle shape into InDesign to complete the stationery.
I used the same logo for the business card and the stationary to create unity.
Objective/Skills
To create a logo without image tracing and use it to represent a company.
Learned the appropriate size of stationary heading and font.
Date Completed
June 15, 2014
Course Title and Instructor
Visual Media: Section 6, Joel Judkins
Kelli Marrott
503.642.5555
860 West Brookville Street
CLOTHING DESIGNER
kelli.marrott@design.com
Rexburg, ID 83440
Project of Choice
Description
I enjoyed the logo design project so much that I chose to do another logo
design for the project of my choice. I chose to do three logos for a potential
sewing blog. The butterfly represents the meaning of the phrase, “fancy free”.
Programs
Illustrator
Process
I wanted to incorporate the use of the paintbrush tool because I felt like I
needed more practice with it. It is a hard tool to master, so this project helped
me become more familiar with it. I used the paintbrush tool to create the
needle and thread. I used .25pt to make the paintbrush marks thin enough
to resemble the needle and thread. I also created the butterfly using the
paintbrush tool. I used the direct selection tool to adjust the shape. To create
the thread spool, I used the rectangle and circle shape tool. I overlapped the
shapes and used pathfinder to combine the shapes to make one. Then, I filled
it with color.
Objective/Skills
To create three different logos in Illustrator for a company without using image
trace. And to use the paintbrush tool to learn control and manipulation.
Date Completed
July 19, 2014
Course Title and Instructor
Visual Media: Section 6, Joel Judkins
Sew
fancy
free
Sew
FANCY FREE
Sew
Fancy
Free