comm130:12 p9-portfolio project
DESCRIPTION
A portfolio of all the projects we did in our Comm 130:12 class.TRANSCRIPT
PORTFOLIO
Casey J. Shear
MontageWeb PageImagingLogosLetterheadBusiness CardBrochureEvent AdFlier
Table of Contents
MontageDescription:An insperational montage made by the blending of two or more images, and the use of typography.
Date: 10/24/15
Course/Instructor:Comm 130 Section 12Sister Kunz
Program(s)/Tools: Adobe PhotoshopPaintGoogle.
Objectives:Learn to manage Photoshop layers.Learn to blend images together smoothly, using masks.Use filters.Apply appropriate typography.
Process: I cropped the background image to 8.5×11, I then added the second image over the bubble as a mask. I then started blending it, first with 80-100% around the edges, then 20,40,and 60% to smooth it in more. Then I added some text in from a quote I found through google. I adjusted the text and change the font of the words “drop” and “ocean” to make then stand out more. I blended the image a bit more after some feedback using 20% I adjusted the text to make it fit better and provide more white space freedom.
Web PageDescription:A web page designed to showcase a personally created logo.
Date: 11/21/15
Course/Instructor:Comm 130 Section 12Sister Kunz
Program(s)/Tools: Notepad ++Adobe 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: I created this project using some templates from my instructor then editing those in Notepad++ Making an HTML file styled with a CSS file. I also check the valadition with http://www.W3.org’s validator.
I linked the CSS file to the HTML file and adjusted the CSS file to include my colors and then played around a bit with a few settings, such as the <hr/> tag to have some barriers. I played around with the logo to make it right and also it gave me trouble where the red in the logo was different from the color. I had that fixed on the third attempt.
ImagingDescription:A personally taken photograph that has been edited/formatted using Photoshop.
Date: 10/17/15
Course/Instructor:Comm 130 Section 12Sister 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: I took this picture using my little Canon PowerShot camera. Even though it was a point and shoot camera I was able to take this nice shot. I then took my image into Photoshop and cropped it to a 6×6 inch square. I then selected the background using the quick selection tools, and applied the gaussian blur filter. I finally desaturated the the background color.
LogosDescription:Three logo variations for the same company.
Date: 10/31/15
Course/Instructor:Comm 130 Section 12Sister 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: This was really fun to create a logo in Illustrator. I used the ellipse tool to create the basic shape of the tomato. I then used the direct select tool to manipulate some of the curves. This gave the shape a more tomato look. I then used the pen tool to make the stem and leaves. Most of the other elements are just typography. I made sure to choose fonts from contrasting categories to capitalize on the contrast. I also tried getting some more contrast by changing the sizes of the words.
LetterheadDescription:Matching letterhead and business card designed using a personally created logo.
Date: 11/7/15
Course/Instructor:Comm 130 Section 12Sister 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: I first came up with the logo using Illustrator, which involved using the pen tool to each half of the log and then copy it to create the insides and other half which I then joined together. I then did the same for the brushes, which I just made a copy and rotated them and colored the tips.
With the letter head I placed this logo in the top left corner with the title next to it. I had name and contact info to the right connected with some “dots” I then added dots to the bottom to match and a watermark paintbrush, which later I removed the bottom dots and moved the watermark to the right.
Business CardDescription:Matching letterhead and business card designed using a personally created logo.
Date: 11/7/15
Course/Instructor:Comm 130 Section 12Sister 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: I first came up with the logo using Illustrator, which involved using the pen tool to each half of the log and then copy it to create the insides and other half which I then joined together. I then did the same for the brushes, which I just made a copy and rotated them and colored the tips.
With the business card I had the back just show a large version of the logo, and the front I kept simple and tried to position things relative to how the letterhead was placed.
BrochureDescription:A two sided (duplex) folding brochure.
Date: 12/5/15
Course/Instructor:Comm 130 Section 12Sister Kunz
Program(s)/Tools: Adobe 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: I used the template gave by my teacher during an activity, followed the layout and added my logo design which I made. I found images that appealed to my message and focus and added body copy to relay the message.I made adjustments to a few parts and added more to the body copy.
Event AdDescription:A color full-bleed event ad to promote a fundraiser using only Microsoft Word and a scanner.
Date: 10/10/15
Course/Instructor:Comm 130 Section 12Sister Kunz
Program(s)/Tools: I used Microsoft WordExpson XP 310 PrinterDF converter (PDF2JPG.net)
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: I scanned an ad image, I kept the background text in on purpose to give a visual of “information” being stolen. I then stretched the edges of the image to get rid of some background information I did not want. Then using Microsoft office I added some black rectangles and white text along with a header to showcase what the event was about. I used contrasting colors of black and white to make the text stand out and create a flow for the information.
FlierDescription:Black & White promotional flier to promote a graduate leadership conference.
Date: 9/29/15
Course/Instructor:Comm 130 Section 12Sister Kunz
Program(s)/Tools:
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: I sketched out some design ideas for flyers useing basic design elements
