Vous êtes sur la page 1sur 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

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 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.511, 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

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.orgs 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

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 66 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 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

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:
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
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 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

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