Sie sind auf Seite 1von 21

PORTFOLIO

Casey J. Shear

Contact Casey J. Shear 36 Sweat Meadow Court St. Charles, MO 63303 314.712.1649 shear.casey@gmail.com www.caseyjshear.com

Contact

Casey J. Shear

36 Sweat Meadow Court St. Charles, MO 63303

314.712.1649

shear.casey@gmail.com

www.caseyjshear.com

Contact Casey J. Shear 36 Sweat Meadow Court St. Charles, MO 63303 314.712.1649 shear.casey@gmail.com www.caseyjshear.com

Table of Contents

Montage Web Page Imaging Logos Letterhead Business Card Brochure Event Ad Flier

Montage Description: An insperational montage made by the blending of two or more images, and

Montage

Description:

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 12 Sister Kunz

Program(s)/Tools:

Adobe Photoshop Paint Google.

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 Page Description: A web page designed to showcase a personally created logo. Date: 11/21/15

Web Page

Description:

A web page designed to showcase a personally created logo.

Date:

11/21/15

Course/Instructor:

Comm 130 Section 12 Sister 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.

Imaging Description: A personally taken photograph that has been edited/formatted using Photoshop. Date: 10/17/15

Imaging

Description:

A personally taken photograph that has been edited/formatted using Photoshop.

Date:

10/17/15

Course/Instructor:

Comm 130 Section 12 Sister Kunz

Program(s)/Tools:

Canon PowerShot Camera Adobe 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.

Logos Description: Three logo variations for the same company. Date: 10/31/15 Course/Instructor: Comm 130 Section

Logos

Description:

Three logo variations for the same company.

Date:

10/31/15

Course/Instructor:

Comm 130 Section 12 Sister 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.

Letterhead Description: Matching letterhead and business card designed using a personally created logo. Date: 11/7/15

Letterhead

Description:

Matching letterhead and business card designed using a personally created logo.

Date:

11/7/15

Course/Instructor:

Comm 130 Section 12 Sister Kunz

Program(s)/Tools:

Adobe Illustrator 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 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 Card Description: Matching letterhead and business card designed using a personally created logo. Date:

Business Card

Description:

Matching letterhead and business card designed using a personally created logo.

Date:

11/7/15

Course/Instructor:

Comm 130 Section 12 Sister 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.

Brochure Description: A two sided (duplex) folding brochure. Date: 12/5/15 Course/Instructor: Comm 130 Section 12

Brochure

Description:

A two sided (duplex) folding brochure.

Date:

12/5/15

Course/Instructor:

Comm 130 Section 12 Sister 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 Ad Description: A color full-bleed event ad to promote a fundraiser using only Microsoft

Event Ad

Description:

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 12 Sister Kunz

Program(s)/Tools:

I used Microsoft Word

Expson XP 310 Printer DF converter (PDF2JPG.net)

Objectives:

Find, scan and import a high-quality image. Create a full-bleed design Use 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.

Flier Description: Black & White promotional flier to promote a graduate leadership conference. Date: 9/29/15

Flier

Description:

Black & White promotional flier to promote a graduate leadership conference.

Date:

9/29/15

Course/Instructor:

Comm 130 Section 12 Sister 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