21
Portfolio Caitlyn McKell
PortfolioCaitlyn McKell
Table of Contents WebpageLetterheadBusiness CardBrochureLogosMontagePhoto DesignFundraiser EventFlier
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.
LetterheadDescription: 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 CardDescription: 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 Illus-trator, 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.
LogosDescription: 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.
MontageDescription: 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 mission-aries. 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 didn’t 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.
PhotoDesignDescription: 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.5×11 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 EventDescription: 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.
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.
Flier
