You are on page 1of 23

Portfolio

Amber Rokovitz

Contact Information
Amber Rokovitz 2936 E 1300 S Spanish Fork UT 84660 801.850.7634 rok12001@byui.edu

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

Brochure
Description Date Course Instructor Programs Objectives
A brochure advertising the new 2013 Mazda 3 and also advertising a personally created auto company. Comm 130 Section 2 Caryn Esplin Adobe InDesign, Adobe Photoshop, Adobe Illustrator Set up and align a two-sided, folded document Learn how to wrap text around an image Use paragraph styles in InDesign Create an original company logo and use it in a brochure Incorporate quality images First I created a black box as my background for the entire brochure. Next I cut out the logo and other images from the background and placed them on the brochure in the appropriate places. Then I switched over to Illustrator and created a logo for an auto company. I placed the logo next to the salesman. For the last step on this page I inserted my text and made a text wrap around the salesman. Next I created the insert. I placed 2 pictures on each side and diffused the edges of each photo. Below each photo I placed a grey box. I increased the opacity and diffused the edges. These boxes are where I placed my text. Then came the printing. I had to shift several things over by just 1/4 but after a few tries I was able to get it perfect. Recreated the logo for the auto dealer on the back of the brochure 3/25/13

Process

Corrections

Front Page

Page 1

Page 2

Page 3 Back Page

Letterhead
Description Date Course Instructor Programs Objectives Process
A letterhead for a personally designed company 2/27/13 Comm 130 Section 2 Caryn Esplin Adobe InDesign, Adobe Illustrator Create a new logo to fit a company or personal image Design consistent layouts for a business card and letterhead. Use the basic tools of Illustrator & InDesign. First I had to think of a company name and create a logo for it. I found a photo of an ink splotch and traced it with the pen tool. I duplicated my traced piece and placed a smaller version of it extruding from the large splotch. Next I found a font and put the words in the middle of the splotch. To create the letterhead I changed the background of the paper to a blue color and faded the opacity of it. Next I placed the Logo in the upper left corner. I used the ellipse tool to create small ovals that I repeated as a line going across the top. Lastly I added a name above the line in the same font as the logo, and placed the information text below it.

Business Card
Description Course Instructor Objectives Programs Date
Create a business card with a personally designed logo 2/27/13 Comm 130 Section 2 Caryn Esplin Adobe InDesign, Adobe Illustrator Create a new logo to fit a company or personal image. Design consistent layouts for a business card and letterhead. Use the basic tools of Illustrator & InDesign. First I had to think of a company name and create a logo for it. I found a photo of an ink splotch and traced it with the pen tool. I duplicated my traced piece and placed a smaller version of it extruding from the large splotch. Next I found a font and put the words in the middle of the splotch. To create the business card I created two blue rectangles and faded their opacity. On one, I placed the logo in the middle. Thats the front of the card. On the back I made a black rectangle at the top and placed the name inside in white font. The information text was placed below. Lastly I traced another ink splotch and placed it in the corner of the card.

Process

Corrections

Added 4 minor ink splotches to match the logo of the stationary exactly

Web Page
Description Course Instructor Objectives Programs Date
A webpage designed to showcase a personally created logo. 3/13/13 Comm 130 Section 2 Caryn Esplin TextWrangler, Microsoft Word, Google Chrome Size and optimize an original logo as a .png for a web page. Write content to descreibe the process of creating my logo and how it appeals to a target audience. Design a web page using HTML to display a logo and content. Acquire a working knowledge of HTML and basic understanding of CSS. Identify hex colors for web design. Compress multiple files in a zipped folder to attach as one file. This was the longest process of any project. I first started by creating the HTML according to the guidelines. I added in the tags in the appropriate places and then opened up a webpage to see if the tags worked. This was a constant back and forth process. I resized my logo and linked it into the HTML. I added in a link to my blog at the bottom of the page. Lastly I wrote the content for the webpage (232 words) and then verified the HTML. Then I moved onto the CSS. I opened the provided document in textwrangler, renamed it, and linked it to my HTML. Next I opened up live CSS and used that to practice making changes to see what works, what looks good, and what I didnt want. I went back and forth adding in colors, changing the background color of headings, and changing fonts. One thing I wanted to learn how to do was change the size of the horizontal rule. So I looked up instructions and had to add a code into both the HTML and the CSS. I was able to change the width of it as well as the color. Lastly I viewed my webpage in the browser to make sure it looked good.

Process

Montage
Description Course Instructor Objectives Programs Date
An inpirational montage made by the blending of two or more images, and the use of typography. 2/12/13 Comm 130 Section 2 Caryn Esplin Adobe Photoshop Learn to manage Photoshop layers Learn to blend images together smoothly, using masks Use filters Apply appropriate typography First I spent a lot of time deciding which photos I was going to use. I found the background on the internet and then I found one of my own photos that worked really well. I first flipped the body photo so the face was looking the opposite direction. Next I used the lasso tool to select the body and place it on the background. I used the masking tool to take the background out from behind the body photo and then I blended the pixels together. I used the eyedropper tool to get a color from the background that I wanted to use as my text. I inserted my text and then I was finished!

Process

Imaging
Description Course Instructor Objectives Programs Date
A personally taken photograph that has been edited/formatted using Photoshop 2/11/13 Comm 130 Section 2 Caryn Esplin Adobe Photoshop Learn basic photography skills Use a digital camera to take a quality image, then download it Size and crop the image Adjust image brightness, contrast, hue and saturation levels Use a selection tool to isolate a portion of the image Desaturate the selected portion of the image Use a filter or colorize a portion of the image First I went out and shot the photo. After I uploaded it I selected only the numbers on the tassel and then switched it to select the inverse. I reduced the saturation a lot on everything except the numbers. Then I selected the numbers and made them brighter gold so they would really stand out. Lastly I put a very subtle filter on.

Process

Flier
Description Date
Black & White promotional flier to promote a graduate leadership conference 1/26/13 Comm 130 Section 2 Caryn Esplin Adobe InDesign Apply the design principles and use appropriate typography Incorporate basic InDesign skills to imporive basic flier layout Create a project folder with image, lodo, and InDesign document to keep links intact I first started by creating 4 different sketches of possible layouts for the flier. I then surveyed my roommates and friends to see which flier would catch their eye the most. Next I created the most popular flier (as chosen by friends) using Adobe InDesign. I used long black horizontal rectangles along the top and bottom with smaller vertical rectangles at opposite ends to create repitition. I then added the title, body text, website and logo, making sure they were all aligned perfectly. Last, I added the picture and aligned it with the body text. I made sure I only used 2 font types and that I kept related items together instead of letting them be in random spots on the page. After reviewing my flier with classmates, I went back into InDesign and made a few small changes. I put the website on top of the logo instead of beneath it and changed the text to white with a black box behind it. I also made the grey rectangles a lighter shade of grey.

Course Instructor Programs

Objectives

Process

Corrections

Changed the fold of the title Lightened up the 4 gray rectangles and took the white border off them Changed the image and cut the new one out from the background Did a text wrap on the body copy around the photo Moved the date and time from the right side of the flier to the left side

Event Ad
Description Course Instructor Programs Objectives Date
A color full-bleed even ad to promote a fundraiser using only Microsoft Word and a scanner. 2/2/13 Comm 130 Section 2 Caryn Esplin Microsoft Word, PDF2JPG.net (PDF converter) Find, scan and import a high-quality image Create a full-bleed design Use text boxes for layout in Word Insert and edit images in Word I first found the photo I wanted to use in a magazine. I scanned it into the computer and saved it as a JPEG. Next I inserted it into Word and placed it where I wanted. Then I used the text box tool to create the title I wanted. I also created the text boxes for the information at the bottom of the page. I changed the colors of the fonts to match part of the cinnamon roll. Lastly I added a background and made it opaque to compliment the cinnamon roll as well. Changed the title font Pulled the picture down lower to create more space for the title

Process

Corrections

Logos
Description Date
Three logo variations for the same company 2/22/13 Comm 130 Section 2 Caryn Esplin Adobe Illustrator Create a variety of logos to fit a company or personal image Use the basic tools of Illustrator

Course Instructor Programs

Objectives Process

I started by finding a company to do a logo for. My dad has a company with no logo called Six Seasons Sports so I decided to use that one. I then sketched out a few ideas and imagined how I wanted them to look. For the first logo, I created 6 separate pieces that all fit together into a circle. I made each one a different color. Then I traced images to get the 6 seasons and made them look like cutouts in the circle. Lastly I applied a drop shadow to the entire logo to make it stand out. On the middle logo, I started with finding a font that would look nice to have the three Ss overlap. I then played around with different colors and effects until I got the look I wanted. On the last logo I traced a fish. I added 3 Ss and made them extend to the edge to make it look like it was a pattern on the fish. I then made the fish and its fin the company colors. Made the second logo all black Changed the body of the fish on the last logo to be all black

Corrections

20 Minute Project
Description Date
A 5x7 ad to showcase the new Angry Birds Underwater app 4/3/13 Comm 130 Section 2 Caryn Esplin Adobe Photoshop, Adobe InDesign Create an ad to show all skills that have been acquired over the semester Create quality work in a short amount of time The very first thing I did was find an underwater background for my ad. I found one and placed it in InDesign. Next I found a photo with all the Angry Birds flying. I opened it in photoshop and cut each bird out and placed it on my ad. By this time I had 1 minute left. I quickly grabbed a logo and was lucky enough to grab one without a background. I placed it in and typed the word Underwater in black and placed it in. Lastly I added my body copy and then time was up.

Course Instructor Programs

Objectives Process