Embed Size (px)
DESCRIPTION
Enjoy my portfolio.
Citation preview
PortfolioAlex Jensen
Table of Contents
Letterhead
Business Card
Photodesign
Flier
Logos
Brochure
Web Page
Event Ad
Montage
LetterheadDescription: Letterhead designed using a personally created logo.
Date:06/14/2014
Course/Instructor:COMM 130 Section 05Julie Peterson
Programs used:Adobe IllustratorAdobe InDesign
Objective:Use the basic tools in Illustrator & InDesign.Create a new logo to fit a company or personal image. Do not imitate existing logos or use previous designs. Don’t use photos or live trace.Use the new logo to design consistent layouts for a business card and letterhead. Photos are okay on business card and letterhead as additional design elements. Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125. Business card should be 3.5 x 2 and printed above center on a vertical page.Apply typography rules, keeping small copy.Keep designs simple with light watermarks and drop shadows and plenty of white space.Include contact information: name, address, phone, and email on each piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.
Process:When the project was given my wheels started spinning with more ideas of a logo. I took elements from the previous project and used those with new ideas to create this logo for this project. I once again created my logo after creating sketches and drafts o\n paper. I took those sketches to Adobe Illustrator where I could fully create the logo. I started with creating the “O” as a clock and then I was able to go from there. I received the idea, to connect the “O” in On to the “T” in Time, in receiving critique from my teacher. I then added the text in. I placed “Productions” under the arrow to create a little separation. I then extended the kerning of the letters in “Productions” to stretch it across the entire top part of the logo. Once I created the complete logo in Illustrator I then created a new document in Adobe InDesign to create the Letterhead and the Business Card. I first created the Letterhead and I decided to run the arrow all the way across the page to point to the information on the page. I also decided to use an arrow at the bottom to create the repeating effect. Next I opened a new document to create the Business card. I made the card size and I locked the box so that it would not move while I was editing the page. I then proceeded to add the logo and the necessary information onto the face of the card. I needed to make the logo a little smaller due to the size of the business card, but once the logo was placed correctly on the card I was able to size it properly.
n imeP r o d u c t i o n s
Alex Jensen
306 Northfi eld Blvd.Springfi eld, Ohio 45503
937.661.0707
Business CardDescription: Letterhead designed using a personally created logo.
Date:06/14/2014
Course/Instructor:COMM 130 Section 05Julie Peterson
Programs used:Adobe IllustratorAdobe InDesign
Objective:Use the basic tools in Illustrator & InDesign.Create a new logo to fit a company or personal image. Do not imitate existing logos or use previous designs. Don’t use photos or live trace.Use the new logo to design consistent layouts for a business card and letterhead. Photos are okay on business card and letterhead as additional design elements. Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125. Business card should be 3.5 x 2 and printed above center on a vertical page.Apply typography rules, keeping small copy.Keep designs simple with light watermarks and drop shadows and plenty of white space.Include contact information: name, address, phone, and email on each piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.
Process:When the project was given my wheels started spinning with more ideas of a logo. I took elements from the previous project and used those with new ideas to create this logo for this project. I once again created my logo after creating sketches and drafts o\n paper. I took those sketches to Adobe Illustrator where I could fully create the logo. I started with creating the “O” as a clock and then I was able to go from there. I received the idea, to connect the “O” in On to the “T” in Time, in receiving critique from my teacher. I then added the text in. I placed “Productions” under the arrow to create a little separation. I then extended the kerning of the letters in “Productions” to stretch it across the entire top part of the logo. Once I created the complete logo in Illustrator I then created a new document in Adobe InDesign to create the Letterhead and the Business Card. I first created the Letterhead and I decided to run the arrow all the way across the page to point to the information on the page. I also decided to use an arrow at the bottom to create the repeating effect. Next I opened a new document to create the Business card. I made the card size and I locked the box so that it would not move while I was editing the page. I then proceeded to add the logo and the necessary information onto the face of the card. I needed to make the logo a little smaller due to the size of the business card, but once the logo was placed correctly on the card I was able to size it properly.
Photo designDescription:This is a color poster that displays skills in photo design with an inspirational quote.
Date:05/24/2014
Course/Instructor:COMM 130 Section 05Julie Peterson
Programs used:Adobe Photoshop
Objective:Learn basic photography skills.Choose a color scheme, take a photo to match those colors, then incorporate the colors into the layout.Use a digital camera to take a quality image, then download it.Adjust image levels, saturation, color balance, sharpen tool on separate layers for NDE (non-destructive editing.)Size and crop the image, then place on an 8.5×11 page layout.Use layers to design text, and repeating graphic elements in Photoshop.Print with full-bleed margins. Trim only 1/8″ (0.125) from all four sides.
Process:This project pushed me to truly think about the project as a whole from the start. At the beginning I came up with my color scheme and the colors that I would use to accomplish the full scheme. I then began to think of different ideas of photos that I could capture and use in this project. I thought of the American flag outside of the Kimball building on campus. So one day when I noticed it was windy I took the camera to the spot and took quite a few pictures to select the best picture for the project. It was a gloomy day, so that tested my editing skills in Photoshop. After I found the best picture of the flag I came up with the overall design of the project and I was able to create great sketches. I then took my sketches to Photoshop and began to work. I first edited the photo to brighten the colors and lighten the sky. I also modified the ball on top of the flag to bring in the color scheme. After I modified the photo I took it to another Photoshop document to begin the actual project. I implemented my sketches on the document and made my draft. Then I received critiques from classmates, friends and the teacher. After these critiques I made the necessary changes that were brought up during the separate critiques. I made the changes and created the final product that is above.
FlierDescription: This is a black and white promotional flier to promote a graduate leadership conference.
Date: 05/10/2014
Course/Instructor:COMM 130 Section 05Julie Peterson
Programs used: Adobe InDesign
Objective:Apply the design principles and use appropriate typography.Incorporate basic InDesign skills to improve basic flier layout.Retrieve image and logo from links on this page.Create a project folder with image, logo and InDesign document to keep links in InDesign intact.
Process:First I took the learned skills about planning and formulating a plan and I made sketches to give me an idea of what I could do. It is interesting because I did not use one of my sketches, but I used a mixture of a few of them. Then I took my ideas to Adobe InDesing to create the flier. I used the picture to create flow and to keep the viewer on the page. I used repeating solid black rectangles. I also aligned everything with something else. I left plenty of white space on the page and I was able to use the font so that could be read by everyone. In my title I wanted to the focus to be on “conference” to explain quickly what the flier is for. I was given the logo, image and the content for the flier.
Graduate LeadershipConference
Do you want to have the competitive edge in business?
Come learn how at Vouant Communication’s annual Graduate Leadership Conference.
Vouant Communications is devoted to helping tomorrow’s leaders gain essential leadership skills in the workplace. During this dynamic three-day seminar, attendees will meet with top executives of Vouant Communications to discuss breakthrough leadership techniques, while cultivating attributes of leadership that will market to any employer.
October 21st 8 am – 5 pmLincoln Convention Center
Conference is available to graduating seniors.
Space is limited.
Registration and more information available at http://www.vouantcomm.com/leaders
LogosDescription:Three logo variations for the same company.
Date:06/07/2014
Course/Instructor:COMM 130 Section 05Julie Peterson
Programs used:Adobe Illustrator
Objective:Create three completely different, original logos to fit a company or personal image that will appeal to the audience. Do not imitate existing logos or use previous designs.Use only the Illustrator tools to create and draw your logos. (No Illustrator pre fabricated flares, symbols, etc.. No photos or live-tracing. You may use an image or drawing as a guide to trace it with the pen/pencil, but delete the image before submitting.)Gather opinions from at least ten people about which logo appeals most to them.
Process:As I was given this assignment I was trying to decide on a proper name for a company to use. I chose the name first then I took the name to the drawing board. I started to make sketches and then I could have a better idea of the end results that I was wanting. I formulated three draft logos that I took to class on Wednesday and I received critique. I took that critique and the critique from my teacher and I revised the draft logos into the three logos that are above. I used Adobe Illustrator to create the logos. I learned how to create in Illustrator. I discovered more about the program and I became more and more familiar with the program. I think that I have three different logos that I could present to a potential client that would help them choose the best for their company.
On Time Productions
O TP r o d u c t i o n s
n ime
O TP
OnTime
Productions
BrochureDescription:A two sided (duplex) folding brochure.
Date:07/11/2014
Course/Instructor:COMM 130 Section 05Julie Peterson
Programs used:Adobe InDesign
Objective:Set up and align a two-sided, folded document.Create an original company logo and use it in a brochure.Incorporate quality images. (Incorporate at least four quality images (Not including the logo). One should be clipped in Photoshop and text-wrapped in InDesign so the text follows the cutout shape of the image.Write at least 250 words of original copy with at least three paragraphs, headers, and subheaders.Trim for a full bleed and print in duplex (two-sided) color.
Process:The process is similar to the other projects that I have worked on, but I feel like I emphasized more on the preparation. I feel that as I prepared and thought out the overall layout of the project it made the process with InDesign easier. I took a piece of paper to layout the overall project in the way that I wanted it to be like. Once I created this layout on paper I decided to take it to InDesign. I set up my InDesign document just as I had planned it. I then found pictures to use and I saved them to my project folder. Then I decided to create those color boxes to help with a repeating element and it also helps the eye of the viewer. In InDesign I was able create the brochure the way that I had planned. Next I opened one of the images in Photoshop so that I could create the image in a way that I could do a text wrap around it. Once I did that and because the images were linked I did not have to do many changes to the brochure in InDesign. Throughout this whole process I was receiving critique from students and my instructor on how to better the project.
Web PageDescription:A web page designed to showcase a personally created logo.
Date:07/28/2014
Course/Instructor:COMM 130 Section 05Julie Peterson
Programs used:Word Wrangler
Objective:Size and optimize an original logo as a .png for a web page so the long side is 300 – 500 pixels.Write content to describe the process of creating your logo and how it appeals to a target audience. (Minimum of 200 words. Include rationale for colors, appeal to target audience, design skills, etc,)Design a web page using HTML to display the logo and content. (Use TextWrangler (Macintosh) or NotePad++ (Windows))Acquire a working knowledge of HTML. (Must include all required tags (Doctype (provided), html, head, title, meta charset (provided), & body. As well as tag that links to external style sheet. Within the body include h1, h2, p, ol or ul (with li tags), img, hr, and a (link to blog) tags.)Acquire a working knowledge of CSS. (Customize the Cascading Style Sheet (css) provided in I-Learn to add page formatting that complements the logo design, by changing at least the following: The h1 text color & background color, font colors for the paragraphs & list items, the background color, Font Families and add at least one css comment.Identify hex colors for web design. (Find and use hex colors in Photoshop to match your logo)Compress multiple files in a zipped folder to attach as one file.Open your HTML page in a web browser, and capture a quality screen shot with .5 inch margins for printing. (See tutorial below.) See the sample projects on this page as examples (contains 3 files: .css file; linked logo .png; .html file of web page.)
Process:Having no experience with creating a web page or working with CSS/HTML, I found this project to take a little longer to understand than the others. Through practice and exploration, I was able to discover what could be done to a web page with limited knowledge of the process. I found internet sources to aid in the process. I also learned different items from classmates through critique. I used the template for the web page and I created it my own by making distinct, but simple changes. I changed the colors on the CSS. I also changed the padding on the H1 so that it was not too close to the edge of the box. I also created the link to my blog to be the red color of the logo. I found the colors by opening the logo in Adobe Photoshop. I also changed my fonts to create a more personalized web page. On the HTML, I made the logo float to the left so that the top paragraph would be aligned with it. I did this to create whitespace that would help the page not be too cluttered with information.
Event AdDescription:This is a full bleed color Event Ad for an event I created for this project.
Date:05/17/2014
Course/Instructor:COMM 130 Section 05Julie Peterson
Programs used:Microsoft Word
Objective:Comprehend image sizing (how pixels and inches work together)Find, scan and import a high-quality image.Create a full-bleed design.Choose a color scheme and typeface(s) that work for your message and audience.Learn to use only Word design features without using any Adobe programs, including Photoshop.
Process:I first thought of an idea for an event that I could use. Once I came up with the event I then made a few sketches to brainstorm on ideas for the overall design. I then took my sketches to a blank Word document to create the draft. I created a draft and I received several helpful critiques with classmates and a friend. Upon receiving the critiques from my classmates, friend, and teacher I made the necessary changes to the draft to create the final. I made changes to the title, color, and length of body content. I used the scanned image to help with the monochromatic color scheme. I also used it to create flow from the title to the body copy. I used repeating bars to also help with flow. I pulled the two colors from the scanned image. I left plenty of white space to not overcrowd the body copy/content.
diamond
The Rexburg Chamber of Commerce invites you to come enjoy a night of fun, food and America’s Pastime. Bring your glove and be ready to hit a homerun. This night of baseball will benefit the Madison Memorial Hospital.
May 25 5 pm – 9 pm Smith Park
Kids under 8 for free.
Admission is $5.
MontageDescription:This is a montage made by blending two images, and the use of typography.
Date:05/31/2014
Course/Instructor:COMM 130 Section 05Julie Peterson
Programs used:Adobe Photoshop
Objective:Use the FOCUS design process with strong focal point and flowUnify a layout with a consistent theme and dominant messageLearn to blend two or more images together gradually, using masksDemonstrate more advanced Photoshop skills for layout with multiple elementsUse a mask to apply a filter to one part of the imageApply typography principles (titles, quotes, events or scriptures…your choice)Format type: Legibility; Small copy & Title with varying text size. Theme word(s)Select good quality images
Process:I formulated a plan in a brainstorming session and this was an idea that came from that session. I used that idea to make a few sketches of what my end result could be. With those sketches I could then take the idea to the Adobe Photoshop program. I began by editing the photo of the street sign and creating the black and white background. Then I laid that photo on top of the photo of the beach and began to blend the two together. I used different levels of opacity to blend the photos together in a manner that they did not have harsh edges. After I set those by blending them together, I put in the typography. I used the photo of the sign with “Dreams” on it to finish the quote. I applied an effect to help the body copy appear that it is written on the sign.
Other Projects
Photos taken personally that have been edited via Adobe Photoshop. Original photo is on top and the edited photo is on bottom.
Other Projects
Photos taken personally that have been edited via Adobe Photoshop. Original photo is on top and the edited photo is on bottom.
