Portfolio

Caitlyn McKell

Contact Information
Caitlyn McKell
(661).965.0608 cmckell1023@gmail.com 40272 Wyngate Ct. Palmdale, CA 93551

Table of Contents
Webpage Letterhead Business Card Brochure Logos Montage Photo Design Fundraiser Event Flier

Webpage
Description: A webpage featuring a logo that I have designed for an Advertising Agency Process (Programs, Tools, Skills): The idea of the logo and color choices is described in my web page above. I first made the web page by using TextWrangler. Using this to create the HTML and the CSS was tough, I never have done it before. I also wanted to validated my HTML, to help check for any errors. Once I was able to make the web page with the colors I wanted, I place my paper texture in the body page. I used this texture to show that the letters and the body was written on paper. I had to do some editing to the paper, making it a bit darker and turning it 180 degrees. I thank took a screenshot of my web page and place it on a photoshop document, with 1/2 inch margins, and then printed it. I used TextWrangler and Photoshop for this project. Details: Text Wrangler. COMM130 with Esplin. March 2014 Objective: Size and optimize an original logo as a .png for a web page, write content to describe the process of creating the logo and how it appeals to a target audience, use HTML to display the logo with content, use CSS to style the web page, and use hex colors in the webpage.

Letterhead
Description: Business Card and Letterhead Design for Looking Higher Advertising Agency Process (Programs, Tools, Skills): I first sketched out my business card first. I already knew what I wanted and I was only able to sketch out one design. I actually got the idea while I was in Comm 100. I than created a draft in Adobe Illustrator CC, while I was in there I was able to figure out my colors. I was also able to make the letterhead in Illustrator, however I went through a couple of sketches before I was able to find the one that I liked. After we had a draft critique, I was able to make some major changes and my designs look way better. I switched the cards to be vertical and I added the strip designs. For the letter head I was able to get rid of the letters. Details: Adobe Illustrator. COMM130 with Esplin. March 2014. Objective: Create a new logo to fit a company or personal image, design consistent layouts for a business card and letterhead, and use the basic tools of Illustrator and InDesign.

Business Card
Description: Business Card and Letterhead Design for Looking Higher Advertising Agency. Process (Programs, Tools, Skills): I first sketched out my business card first. I already knew what I wanted and I was only able to sketch out one design. I actually got the idea while I was in Comm 100. I than created a draft in Adobe Illustrator CC, while I was in there I was able to figure out my colors. I was also able to make the letterhead in Illustrator, however I went through a couple of sketches before I was able to find the one that I liked. After we had a draft critique, I was able to make some major changes and my designs look way better. I switched the cards to be vertical and I added the strip designs. For the letter head I was able to get rid of the letters. Details: Adobe Illustrator. COMM 130 with Esplin. March 2014. Objective: Create a new logo to fit a company or personal image, design consistent layers for a business card

and letterhead, and use the basic tools of Illustrator and InDesign.

Brochure
Description: A promotional brochure for a Restaurant called Whacha Makin Burger Builder. Process (Programs, Tools, Skills): I first came up with the idea of the restaurant and I started to sketch. I first created the logo for the restaurant in Adobe Illustrator. I made the Full Title one first and then made the back cover one next. I then started to write a draft of the information that would be shared in the brochure. This included the history of the restaurant, an announcement of a new location and the free burger offer. I then started on making the brochure. I wanted to keep the colors primary, so I used red, yellow and blue throughout my brochure. Once I figured out of I wanted the colors to be formatted , I moved to inserting the photos. I was able to use vectors from the internet to help me. I have placed a burger on the front, along with a red arrow. Inside, I have placed a onion, tomato and lettuce. If you can notice I have used a text wrap on the tomato and also on the onion. After my design was complete, I printed, trimmed it, and folded it to how I wanted it. Details: Adobe InDesign. COMM130 with Esplin. March 2014 Objective: Create a two-sided folding brochure. Use full bleeds, quality images and resolutions and incorporate a 250-word message.

Logos
Description: Three logo variations for a Bar and Grill called Fourteen-Five (14-5) Process (Programs, Tools, Skills): Before I started to design the logos in Illustrator, I sketched them out and tried to find a symbol. I figured a flame was a great symbol for a bar and grill. After sketching out my ideas, I designed the logos in Illustrator and I started with the text of the logos. I wanted text that we contrasting and different to help give variety. Once I was able to find the right text and color for the logos, I found and picked five flame clipart to choose for the logos. I matched them with the different text until I found the perfect fit for each one. The different flames help make each logo different from each other. I used Adobe Illustrator for this project. Details: Adobe Illustrator. COMM 130 with Esplin. Feb 2014 Objective: Create a variety of logos to fit a company, using vector based images, and learning the pathfonder tool.

Montage
Description: This is a montage flier that I made. It is about missionary work and the definition of what their work it. Process (Programs, Tools, Skills): I first started with this project with a theme idea. I picked what I wanted to have in my design, the quote and color scheme. I was able to watch a tutorial video from my COMM 130 Visual Media Class, and this helped me out a lot. I used photoshop to create this design. I first started out with the missionary image making it black and white. I then added a mask layer and colored in the missionaries. Once finished I worked on the Angel Moroni. I fist switch him to face the other direction and then I took the lasso tool to cut him out, but I used a 100 feather to create the faded edges. I had a hard time with this part, but I eventually got the image that I wanted. I then placed on top of the missionary layer and added a mask, where I faded the image just a bit, mostly on the edges. I wanted to keep Moroni solid so I didnt make him fade too much. I then added in my definition. I placed a faded blue box behind the white words and I also added a shadow so that the text was readable. Details: Adobe Photoshop. COMM 130 with Esplin. Feb. 2014 Objective: Learn to manage Photoshop layers, learn to blend images together smoothly, use filters, and approptiately apply typography.

PhotoDesign
Description: This is a flier that I made for a Student Art Exhibit Process (Programs, Tools, Skills): I started this project by picking two color schemes. By doing this, I wanted to keep my options open to possibilities. I made a list of things that I wanted to take on campus and off campus. Once I was able to take the pictures, I chose the best ones and edited them on Photoshop Design. I was able to gain skills in using different tools in Photoshop. I learned about color balance, vibrancy and saturation. After editing and picking my picture for my project, I sketched out my layout for my flier. I was then able to incorporate the design and the picture together on the Photoshop Design. I first set up 8.511 page for my flier. Once I finished I printed it and then I sized it down for my blog. Details: Adobe Indesign. COMM 130 with Esplin. Jan 2014 Objective: A personally taken photograph that has been edited/formated using photoshop.

Fundraiser Event
Description: For this project, my fundraiser is an Awareness Walk for a birth defect called Diaphragmatic Hernia. Process (Programs, Tools, Skills): I designed this flier in Word Press. I first found the picture online, downloaded it and had it printed at a photoshop. I scanned it and made it into a jpeg file. I incorporated circles into my design and I had to work to find a balance. I finally found it when I made the photo smaller than the rest of the circle. Details: Microsoft Word. COMM130 with Esplin. Jan2014 Objective: Find, scan and import a high-quality image, create a full bleed design, use text boxes for layout in Word, and insert and edit image in Word.

Flier
Description: Black and White flier that promotes A Leadership Conference for Graduates. Process (Programs, Tools, Skills): I first sketched out the design before I went to the computer. I designed it in Adobe InDesign. I wanted something different that could stand out and I was able to create the three dots on the top, left and the bottom, right. This provided repetition in the flier and also a beginning and ending points. My flow is created in a Z shape, starting with the word Graduate as a beginning point, then leading to the information and then to the picture. At the bottom is the group that is providing the conference and additional information. I was given the logo, pictures and content for the flier. Details: Adobe Indesign. Comm130 Esplin. Jan 2014 Objective: Apply the design principles and use appropriate typography. Incorporate basic InDesign skills to improve basic flier layout.