Anda di halaman 1dari 21

Portfolio

Keri Rich
Keri Rich
22331 NE 2nd ST
Sammamish WA
98074
Contact
Brochure
Logos
Letterhead
Web page
Montage
Business Cards
Photo design
Flier
Event Ad
Table of Contents
Description:
Create a two sided folding brochure.
Date:
7/12/14
Course/Instructor:
Comm 130
Julie Peterson
Program(s)/Tools:
Adobe Photoshop
Adobe InDesign
Adobe Illustrator
Objectives:
Set up a two sided document, learn to text wrap and use
Paragraph styling in InDesign.
Process:
First thing I did was set up guides in InDesign with creating cor-
rect margin sizes, and knowing where the folds were. These
guides were crucial for me.
Next thing I did was find the pictures I wanted to use. I got the
originals from the Student Support files and opened them in
Photoshop. Although these were good quality photos, they still
needed some brightening so I increased vibrancy, cropped them
down and increased exposure. I then did a cut out of one using
the quick selection tool and the paint brush. I also added more
sky to the top of the cover photo picture in order to make the
sizing fit for what I wanted the cover to look like.
I then open Illustrator and created the Student Support logo,
since they do not have one I created an original, trying to keep
the type similar with the type the department uses. Finally, I
put all the elements onto the guided InDesign document and
arranged the flow. I also made a text wrap around the cutout
photo and added boxes with Student Support colors.
Brochure
Logos
Description:
Three logo variations for the same company.
Date:
6/7/14
Course/Instructor:
Comm 130
Julie Peterson
Program(s)/Tools:
Adobe InDesign
Adobe Illustrator
Objectives:
Create a logo that fits a company's image, and use basic
tools in Illustrator.
Process:
First thing I did was come up with sketches of possible
logos, Once I came up with a few options I picked my
favorites and refined them. For the first logo, I used shapes
and combined them to create a camera. That was cool, I
didn't know I could do that and I liked the way the camera
looks, even though it is very simple. The next one I played
with so many ideas but I wanted it to be super simple and
kind of like a stamp she could use that gets her logo across
without too many words or distractions. It was cool finding
the brush strokes on my own and playing with the looks of
the circle so it wasn't so stiff looking.
The last one is my favorite. I couldn't find a font I liked so
I ended up drawing it out myself, scanning it into illustrator
and then tracing over it with the blob brush. I love the way
it turned out. Then I really played with the typed "Photogra-
phy" underneath and changed the color to gray and I really
love this logo I feel proud of the way it turned out.
Letterhead
Description:
Matching letterhead and business card design using a
personally created logo.
Date:
6/14/14
Course/Instructor:
Comm 130
Julie Peterson
Program(s)/Tools:
Adobe InDesign
Adobe Illustrator
Objectives:
Create a logo that fits a company's image, use basic
tools in Illustrator.
Process:
For my letterhead, I first had the camera small and
dark next to the fonts, but then decided to increase the
opacity and stretch the camera much bigger over both
the business card and the letterhead. I had to reprint
a couple of times because I needed to adjust my copy
type to ensure it is between 8-10 size. Then I had to
reduce opacity even more and ended on
about 11% opacity.
I ended with my name being about 18 size font, with
the contrasting word "photography" with a different
font and much smaller. I aligned the camera with the
bottom right side of the page to help offset the weight
of the letterhead at the top.
Web Page
Description:
A web page designed to showcase a personally created logo.
Date:
7/27/14
Course/Instructor:
Comm 130
Julie Peterson
Program(s)/Tools:
Adobe Photoshop
Text Wrangler
Objectives:
Size and optimize an original logo as a png for a website and
write the content to describe the process, Create a web-page
using HTML and basic understanding of CSS. Identify hex colors
for the web, as well as web fonts. Compress multiple files into
one zip folder and attach the file.
Process:
I created this web page in Text Wrangler. I have a PC but found
that Text Wrangler worked much more smoothly and people
knew how to help in that program better. I have never had any
experience with CSS before. It was cool to see the background
work of a website, and to learn what kinds of options are
available and what kinds of things to look up to know how to
find answers to your CSS questions. I used the W3.org website
a lot, as well as using Photoshop a lot in order to get my hex
codes and adjust the photo. I would not have been as successful
without using Photoshop.
After creating my content I used a pre-made CSS document
form an earlier activity. I then used the colors from my picture
background, since my logo was black and white but I wanted
my page to have color. I found these exact colors by using the
eyedropper tool in Photoshop. I looked up web appropriate fonts
in Google and found a list, then copied and pasted the fonts
I wanted into my activity document. I also figured out how to
align my logo, that was the most challenging part, since the
helped me figure out how to use a picture background.
Montage
Description:
Create an inspirational montage made by blending two or
more images in Photoshop, and the use of typography.
Date:
6/1/14
Course/Instructor:
Comm 130
Julie Peterson
Program(s)/Tools:
Adobe Photoshop
Adobe InDesign
Adobe Illustrator
Objectives:
Learn to manage layers in Photoshop, learn to blend two
images together smoothly using masks and filters,
and use typography.
Process:
I first took the hands picture, and increased the black
background around it using the stamping and black
painting tools, making sure the hands stayed center. Then
I selected the Christ statue picture and moved him to the
background image, then I added a mask. With black paint
and a 80% opacity, soft-edged brush, I painted away the
background around Christ since it was a different shade
of black. With a larger black brush at 20% opacity and 21%
flow, I blended the image into the background, so that the
hands are the focus and that Christ is softly in the back.
I added some type with two contrasting fonts. Hands, since
that is my main message, is in all capitals at the top, then
in a prettier script I wrote the rest of the sentence.
Business Cards
Description:
Matching letterhead and business cards using a personally
designned logo.
Date:
6/14/14
Course/Instructor:
Comm 130
Julie Peterson
Program(s)/Tools:
Adobe InDesign
Adobe Illustrator
Objectives:
Create a logo that fits a company's image, design consistent
layouts for business cards and letterheads, and use InDesign and
Illustrator tools to do so.
Process:
I played with the pathfinder tool in Illustrator, and played with
the camera logo to make the shape I wanted. Then I transferred
that image over to InDesign and picked the fonts I wanted and
placed my icon.
I then created the size of the cards, went Online to the photog-
rapher's website and found a high quality photo that I could use.
I inserted it into InDesign, and added the company name. On
the back I added the camera design, decreased opacity so that it
was less dominant and added the contact information.
Photodesign
Description:
Demonstrate photography and Photoshop image editing skills. Also to
include color into a poster with original photo.
Date:
5/23/14
Course/Instructor:
Comm 130
Julie Peterson
Program(s)/Tools:
Adobe Photoshop
Objectives:
Demonstrate the ability to take a high quality photo using the
principles of design and photography, then use basic
Photoshop editing skills.
Process:
First thing I did was figure out a plan by picking a color scheme. I love
the blooming flowers on all the cherry blossom tress and so wanted
to go with those nature colors. I used a camera that I rented from the
library technology center, which was my first time ever renting from
them. I've used a fancy camera before but have never played with the
settings on my own before so that was tricky trying to make
everything in focus and get good light. I took the picture on the rule
of thirds, and tried to make sure there was sharp focus and nice
composition. I used the editing techniques of sharpness, saturation,
color balance and levels. I then played with different shaped boxes in
the picture, along with different levels of opaqueness. I did not like a
square shape that I drafted, and am much happier with the circles.
Getting the colors right using the eye dropper and the color wheel was
kind of tricky but I am happy with the way the colors turned out. I
really enjoyed the sharpening tool, I feel like it helped my picture look
a lot more professional. I used the Photoshop tutorial video practically
step by step, which was really helpful. I created 3 circles to include the
color swatches and repetitive design. I tried to align the quote circle
with one of the branches on the top of the tree. I like the flow of the
design much more then the drafted one.
Flier
Description:
Black and white promotional flier to promote a
graduate leadership conference.
Date:
5/11/14
Course/Instructor:
Comm 130
Julie Peterson
Program(s)/Tools:
Adobe InDesign
Objectives:
Practice basic design principles and use appropriate
typography. Also to incorporate basic InDesign skills to
improve basic flier layout and learn to create
a project folder.
Process:
I started by sketching out four possible designs. I then
picked my favorite design and started by making a
shape map on InDesign. From there, I added the writ-
ten information and pictures, all of which were given
to me. I edited the text and adjusted fonts and sizes.
After creating the flier, I had critiques from my
professor and from peers. I went back into my flier
design and made some changes to help define my
message and my focal point.
Event Ad
Description:
Create a color, full-bleed event ad to promote a fundrais-
er using only Microsoft Word.
Date:
5/17/14
Course/Instructor:
Comm 130
Julie Peterson
Program(s)/Tools:
Microsoft Word
Objectives:
Find, scan and import a high-quality image. Create a full
bleed design using text boxes for layout in Word, and
edit image in Word document.
Process:
I scanned this cat picture out of a Better Homes and
Gardens magazine. I then uploaded it onto a jump drip
and opened in into Microsoft Word. I played around with
different fonts, spacing and layouts. Then I had two
students critique it, and Sister Peterson critique it. I
reopened it and adjusted the poster. Improved the flow
by putting the title in more of a natural leading spot,
and contrasted some of the words in the title and in the
details. I also moved the date/time etc. to the right side
to follow the flow a bit better. I then saved it as a PDF,
then converted it to a .jpeg and uploaded it to my blog.