P9 - Portfolio
21
Travis Harley Portfolio
description
This is my final project for my Comm130 project. Inside this portfolio is a list of all the designs that I worked on throughout the semester. For each design I have a description about the design. Describing the tools I used, process, date, and more.
Transcript of P9 - Portfolio
Travis Harley
Portfolio
MontageLogosLetterheadBusiness CardBrochureFlierEvent AdWeb PageImaging
table of contents
MontageDescription:This is a montage project. The montage is bringing into the file another image that blends well with the background image. It’s a good tool to make an image look more powerful.
Date: 5/31/15
Course/Instructor:Comm 130 Emily Kunz
Program(s)/Tools: Adobe Photoshop
Objectives:Learn to manage Photoshop layers.Learn to blend images together smoothly, using masks.Use filters.Apply appropriate typography.
Process: I first started looking for a quote. I have always been very found of President Hinkley. I deicded to do some research to find some of his quotes. I found one that I really enjoyed. After I found the quote I started looking for images of President Hinkley and stormy weather. After I found my images, I used the lasso tool and used a feather of 100px around President Hinkley’s face. I moved the image on top of the lake image. I put a mask over that image and blended it to look smooth against the picture of the lake.
I added the quote in the text tool, added a minor drop shadow because the color I used for the type is white. Originally, the image of the lake was not a painting, but an actual image. Something that I wanted to try, was a filter to make the image into a painting to make that picture more consistent with my picture of President Hinkley. I thought that was cool that Photoshop had a filter for that. I had to play with the settings a little bit, but the outcome was pretty cool I think.
Description:This project was to learn how to make a logo. Then with the final versions, we converted it into a greyscale and one in white with a colored background.
Date: 6/7/15
Course/Instructor:Comm 130 Emily Kunz
Program(s)/Tools: Adobe Illustrator
Objectives:Create a variety of logos to fit a company or personal image.Use the basic tools of Illustrator.
Process: First I did some rough drafts on paper, then used Adobe Illustrator to draw the digital versions. In Illustrator I used the pen tool to draw the shapes of the ticket and cactus icons. I used the text tool to write out “PHX films”.
logos
f i l m sPHX
Description:This project we made stationary paper and a business card for a company. We had to also design a new logo for this company.
Date: 6/14/15
Course/Instructor:Comm 130 Emily Kunz
Program(s)/Tools: Adobe IllustratorAdobe InDesign
Objectives: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.
Process: Had to come up with a logo, did some sketches to find a good logo. After I finished drawing the logo I opened up Illustrator and used the text tool to create an ‘E’. I then placed little circles on top of the ‘E’ to make it look more like a pizza. I filled out the rest of the content with the text tool. I used the pen tool to design a slice of pizza for the stationary paper. Used a lightened color of the same yellow in the ‘E’. I then copied the content to the business cards file and arranged the content.
letterhead
Description:This project we made stationary paper and a business card for a company. We had to also design a new logo for this company.
Date: 6/14/15
Course/Instructor:Comm 130Emily Kunz
Program(s)/Tools: Adobe InDesign
Objectives: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.
Process: Had to come up with a logo, did some sketches to find a good logo. After I finished drawing the logo I opened up Illustrator and used the text tool to create an ‘E’. I then placed little circles on top of the ‘E’ to make it look more like a pizza. I filled out the rest of the content with the text tool. I used the pen tool to design a slice of pizza for the stationary paper. Used a lightened color of the same yellow in the ‘E’. I then copied the content to the business cards file and arranged the content.
business cards
Description:For this project, we were supposed to make a brochure for something. I decided to make one based on traveling to Romania.
Date: 7/12/15
Course/Instructor:Comm 130Emily Kunz
Program(s)/Tools: Adobe IndesignsAdobe Photoshop
Objectives:Size and optimize an original logo as a .png for a web page.Write content to describe the process of creating your 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.
Process: In order to create this brochure, I had to first brainstorm possible templates and ideas. I did some sketches to give me some ideas. Once I found an idea that I was pleased with, I created a new InDesign template. I had to create grid lines to map out where the folds would be placed. After I did that, I began to design. I found some images that I really liked from Romania online. I placed them in the areas I sketched out. After my text and headlines were inserted, I began to work on a logo. I opened a new template in Adobe Illustrator. I used the text tool and typed out the words, “Travel Romania”. I inserted my new logo into my brochure and then began to play around with a color scheme. I took the eye drop tool and took the color from one of the images from Romania. I then went to Adobe Kuler and explored the color schemes that they had available for that color I found using the eye drop tool. I then took those colors and played with them in my design until I found the best possible pattern.
Brochure
Romania, like Mexico but different Looking for a place to relax, but not sure where to go? Be the hipster you are and travel somewhere different. Enjoy the crowded streets and traffic with your loved ones. Connect with one of the angriest countries in the world, and try
Romania, almost as safe as DetroitLooking for the vacation that makes you look like Indian Jones when you return home? Imagine your dream getaway, relaxing far off on a beach. Now take that away and add some adventure with a dash of crime. Don’t worry, they’re no longer under communist ruling. Don’t forget to stop by a Fornetti and try some of their famous pastries! Constantly watch your wallet as you travel through the subway interacting with some of the friendliest gypsies in Europe. Give ‘relaxing’ a break, and try some adventure today!
their Kabobs! Make sure you have your sneakers on, as you run away from a bloodthirsty pack of dogs. You’ll come back home 10lbs lighter!
body body
Romania, all the cool kids are doing itRomania has some of the most breathtaking sites you’ll find in Europe. Visit castles, fortresses and greek restaurants throughout the country. Home of Dracula and Dacias; you’ll never have a dull moment in Romania, as you travel across the city chauffeured by the finest taxi drivers. Find an exciting peculiar smell every time you ride public transportation! Casa Poporului is the second largest building in the world. Take a tour there and try to get lost, security will never be able to find you.
More information, contact us at
800.555.6543visit us at
TravelRomania.com
Travel RomaniaGo where nobody thought to go.
Description:This flier is an event for a leadership conference hosted by Vouant Communication.
Date: 5/10/15
Course/Instructor:Comm 130 Emily Kunz
Program(s)/Tools: Adobe InDesign
Objectives:Apply the design principles and use appropriate typography.Incorporate basic InDesign skills to improve basic flier layout.Create a project folder with image, logo and InDesign document to keep links intact.
Process: The process included several sketches to work with possible design layouts. After selecting the best sketch, I used Adobe InDesign to build the flier. Some of the main principles that I used in this flier were alignment, white space and shape.
Flier
Description:An event ad to promote a fundraiser, built using Microsoft Word. Scanned the image from a magazine.
Date: 5/17/15
Course/Instructor:Comm 130 Emily Kunz
Program(s)/Tools: Microsoft WordCanon Scanner
Objectives:Find, scan and import a high-quality image.Create a full-bleed designUse text boxes for layout in Word.Insert and edit images in Word.
Process: First I had to locate an image to use for the ad. After I located an image that I wanted to use, I scanned the image in and then I set it as a watermark to make the image the background image for this flier. Once I had the image set to the background, I decided began writing my text. After the text was typed up, I played around with various layouts until I came across this layout. I created a black text box in Microsoft Word and made it opaque. I stretched it out to fit the content and gave it some padding. The design principles that I used were alignment, typography and white space.
Event ad
Auction off your used electronic devices and donate 10-100% of the final sale price!
givingworks.ebay.com
Lasts All Of July
Description:This project was 2 weeks long. In that time frame, we learned to how to write HTML and CSS. HTML and CSS are the languages used to develop webpages. The screenshot above is the end result.
Date: 7/2/15
Course/Instructor:Comm 130 Emily Kunz
Program(s)/Tools: TextWranglerAdobe Photoshop
Objectives:Size and optimize an original logo as a .png for a web page.Write content to describe the process of creating your 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.
Process: At first I had to take the logo that we made 2 weeks ago and resize it and format it to a .PNG file format. I then used the eye drop tool in Photoshop to find the colors in the logo. I wrote my HTML in a program called Adobe Brackets, a text editor. After I had my HTML ready, I linked the demo.css file to my HTML doc in the header. I used the colors from my logo that I found in Photoshop and I changed the colors in my doc to match my logo colors. I used inspect element in the browser to see a live preview of the code.
web page
Description:A personally taken photograph that has been edited/formatted using Photoshop.
Date: 5/20/15
Course/Instructor:Comm 130 Emily Kunz
Program(s)/Tools: Canon PowerShot CameraAdobe Photoshop
Objectives: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.
Process: After I went and collected all of my images, I transferred the files to my computer. Once I had the photos saved to my computer, I brought them into Photoshop one at a time. With each image, I would first adjust the levels of the image. This corrected the lighting on the photo. After I adjusted the vibrance, which gave the image more color. Then to really polish the color off and fine tune specific colors, I used the Selective Color tool, which allowed me to adjust the individual colors. To top it off, I ran a sharpen tool around the focused parts of the image.
imaging
