Portfolio Caitlyn McKell
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
Related Documents
