COMM130 Final Portfolio

Download as pdf or txt
Download as pdf or txt
You are on page 1of 21

Portfolio

Chris Bazzle

A designer knows he has achieved perfection not


when there is nothing left to add, but when there is
nothing left to take away.
Antoine de Saint-Exupery

Chris Bazzle

Contact

455 S. 2nd East #410


Rexburg, Idaho 83440
208.995.5019
[email protected]

Letterhead

Web Page
Logo
Event Ad
Brochure
Montage
Flier
Photodesign

Table of Contents

Business Card

Instructor:
Ben Pingel

Course:

Comm130 Section 03

Date:

Letterhead

11.07.2015

Description:

Matching business card and letterhead designed using a


personally created logo.

Program(s)/Tools:
Adobe Illustrator
Adob InDesign

Objectives:

Create a new logo for either a fictitious or existing company.


Design consistent layouts for a business card and letterhead.
Use the basic tools of Illustrator and InDesign.

Process:

I used an image of a fortune cookie as a point of reference, then created my


own using the Pen Tool in Illustrator. I chose my color scheme based off the
universally brown color of the fortune cookie, and incorporated other shades
of brown to fit the requirements for a monochromatic color scheme, and I
used those colors to accent the edges of the cookie. These color accents were
placed strageically to give the icon a sense of depth as they imitate lighting. I
then used the Shape Tool to create a rectangle and placed it on the edge of the
cookie to make a paper fortune where the company name is found. After
that was done, I selected both the cookie and the paper and made a copy, then
made the copy gray and offset it from the logo and placed it behind it to create
a small drop shadow. Once the icon was finished, I took the shape of the
cookie, copied and enlarged it, then reduced the opacity to create a watermark.
Once that was finished, I added the name of the company and my contact
information in contrasting fonts.

Chris Bazzle
208.995.5019
[email protected]
1327 S. Americana St.

fortunaDesigns

Boise, ID 83709
www.fortunadesigns.com

Instructor:
Ben Pingel

Course:

Comm130 Section 03

Business Card

Date:

11.07.2015

Description:

Matching business card and letterhead designed using a


personally created logo.

Program(s)/Tools:
Adobe Illustrator

Objectives:

Create a new logo for either a fictitious or existing company.


Design consistent layouts for a business card and letterhead.
Use the basic tools of Illustrator and InDesign.

Process:

I used the Shape Tool to create two rectangles, both 2 x 3.5, to create borders
for the front and back of my business card. I then copied the logo and contact
information from my letterhead into their respective places. I replicated the
cookie icon on the back of the card, but removed the company name to have
space for my contact information. Once everything was in place, I created
another rectangle, placed it behind the front logo, and used the eyedropper tool
to match the dark brown color within the logo.

fortunaDesigns

Chris Bazzle
208.995.5019
[email protected]
1327 S. Americana St.
Boise, ID 83709
www.fortunadesigns.com

Instructor:
Ben Pingel

Course:

Comm130 Section 03

Date:

11.21.2015

Description:

Web Page

A web page designed to showcase a personally created logo.

Program(s)/Tools:
Sublime Text Editor

Objectives:

Size and optimize an original logo as a .png for a web page.


Write content to describe the process of creating the logo, and describe how it
appeals to a target audience.
Design a web page using HTML to display both the logo and the content.
Acquire a working knowledge of HTML and a basic understanding of CSS.
Identify hex colors for web design.
Compress multiple files in a zipped folder to attach as a single file.

Process:

I created this web page using Sublime Text Editor. After finishing my HTML
markup, I attached a pre-made CSS document and linked it in the HTML head
tags. I used the colors from my logo as colors on my web page. Then I added
a high resolution image as my background that properly tied into the theme
of the logo. I changed the fonts to ones that were more web-appropriate, then
declared several backup fonts to accommodate many different browsers. I
also centered my logo and added some padding so it didnt feel too crowded.
Lastly, I styled the link at the bottom of the page.

Instructor:
Ben Pingel

Course:

Comm130 Section 03

Date:

10.31.2015

Description:

Three logo variations for the same company.

Logo

Program(s)/Tools:
Adobe Illustrator

Objectives:

Create a new logo for either a fictitious or existing company


with three variations.
Use the basic tools of Illustrator.

Process:

I used the Shape Tool to create several circles of mutliple sizes. I used the
largest two circles as my basic lifesaver shape, and as the lower shadow. Then
I used the remaining smaller circles as the hole, the inner shading, and the
upper inner shadow. To create the appearnace of shadows, I selected those
circles, colored them a light gray, then reduced the opacity. I then chose
two contrasting fonts and played with the sizing to create a poitn of focus. I
changed the word productions to green to complemet the red in the lifesaver,
then aligned the first letters of both words.

Overboard Productions

Overb ard
Productions

Overb ard
Productions

Overb ard
Productions

Instructor:
Ben Pingel

Course:

Comm130 Section 03

Date:

10.10.2015

Description:

Event Ad

A full-color bleed event ad to promote a fundraiser using only Microsoft Word


and a scanner.

Program(s)/Tools:
Microsoft Word
Epson Scanner

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 the image, thenproperly cropped and sized it. I chose my color
scheme based on the color of the facepaint, then colored my text accordingly.
I used the Shape Tool to drag out a rectangle upon which I placed the event
information. In order to create a better sense of visual flow, I reduced the
opacity of the rectangle and colored it red to give my text legibility without
compromising style.



Get your face painted
this Saturday from
10-4 at Porter Park.






All proceeds will be
donated to the
American Red Cross
to feed and clothe
children in impoverished
countries.






Hosted by the Eastern

Idaho Relief Effort.

Painting for Poverty

Instructor:
Ben Pingel

Course:

Comm130 Section 03

Date:

12.01.2015

Brochure

Description:

A two-sided (offset) folding brochure.

Program(s)/Tools:
Adobe InDesign
Adobe Illustrator
Abode Photoshop

Objectives:

Set up and align a two-sided, folded document.


Learn how to wrap text around and image.
Use paragraph styles in InDesign.

Process:

First, I set up the offset fold in InDesign. I used many smaller photographs
on the offset to create repetition and alignment. I chose a color scheme that
would complement the cover picture. Using Illustrator, I created a logo using
the Shape Tool. I used Photoshop to cut out the image of the home on the
inside-left page, then refined the edges, and placed the cutout on a new layer.
I then saved it as a.png so there would be no background of any kind. Once
placed in the brochure, I used the Text Wrap window to place the paragraph
text around the edges of the image.

Inside

Outside (Open)

Front (Closed)

Instructor:
Ben Pingel

Course:

Comm130 Section 03

Date:

10.24.2015

Montage

Description:

An inspirational montage created by blending two or more images, and using


appropriate typography.

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:

First I added a layer mask to the background image to add a more blue hue to
it, in order to tone down the brightness and add a bit of contrast. I then added
the image of the woman, which I cut out using the Lasso Tool, then added a
layer mask and used the Brush Tool with opacity set to 30% to blend the image
and remove any hard edges. I repeated the process with the image of Christ. I
then added some type and added a drop shadow for maximum legibility.

Instructor:
Ben Pingel

Course:

Comm130 Section 03

Date:

10.03.2015

Description:

Black and white promotional flier to promote a graduate


leadership conference.

Program(s)/Tools:

Flier

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 the image, logo, and InDesign
document to keep links intact.

Process:

First I created several sketches of possible layouts. I chose the one I liked the
best and used it as a guide to create it digitally in InDesign. I chose a picture
conducive to both repetition and alignment, then added a gray, transparent
rectangle that I placed diagonally to add to the flow. I added appropriate text
using contrasting fonts, and emboldened certain words to create emphasis and
help clarify the message. I was given the image, logo, and copy for this flier.
Additionally, I checked the copy for spelling and grammatical errors.

Graduate
Do you want to have the competitive

Leadership
Conference

edge in business?

Come learn how at Vouant Communications annual


Graduate Leadership Conference.
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.
Vouant Communications is devoted to helping tomorrows leaders gain
essential leadership skills in the workplace.
Conference is available to graduating
seniors. Space is limited.
Registration and more information available at

http://www.vouantcomm.com/ leaders

October 21
8 a.m. 5 p.m.
Lincoln Convention Center

Instructor:
Ben Pingel

Course:

Comm130 Section 03

Photodesign

Date:

10.17.2015

Description:

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

Program(s)/Tools:
Adobe Photoshop
Canon Camera

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.

Process:

I took this picture using a Canon digital camera. I then opened it in Photoshop
and cropped it, then used the Healing Tool to airbrush out a powerline that sat
in the middle of the shot. I then tweaked the saturation, hue, and brightness
levels. After that, I added proper typography using contrasting fonts and an
analogous color scheme.

You might also like