CONTACT

Spencer McClellan:
408.896.5573
www.traxstudios.wordpress.com
spencermcclellan@yahoo.com

TABLE OF
CONTENTS
Brochure
Photodesign
Montage
Event Ad
Flier
Logos
Letterhead
Business Card
Web Page

BROCHURE
Description:

A quad sided multifolding brochure.

Date:

7/12/14

Course/Instructor:
Comm 130, Section5
Cory Kerr

Program(s)/Tools:
Adobe Indesign
Adobe Illustrator
Adobe Photoshop

Objectives:

Set up and align a multifolding brochure.

Learn how to text wrap around an image.
Use paragraph styles.

Process:

I first started, with the logo. I use the illustrator program to

create the logo. To create the curved prongs on the Trident
I created a bar then and oval and used the pathfinder tool.
The triangles are just squares shape into a triangle. Then I just
reflected it and set the other parallel to it. Then I just used a
block to combined them all. After that I copied it then flipped it
and placed it on top.
Then I picked out the pictures. I chose the blue because it gave
good contrast with the trident and the sound waves because of
the music aspect of the brochure. I took two picture blended
them together and placed them on the measured pages I then
did the same with another two. after those were in place I
printed a few just to get the proportions right. then I placed
the text. I had to get the proportions right with the text so this
took some time. I had to purchase some tools to assist me in the
building process but it made building things a lot more effective.
after that came the trimming phase.

brown
brown

gray
gray

tetradic

PHOTODESIGN

green
green

Description:

A personally taken photograph edited/formatted using

photoshop.

Date:

5/24/14

Comm 130, Section5

Cory Kerr

Program(s)/Tools:

Adobe Indesign
Adobe Illustrator
Adobe Photoshop
Canon PowerShot camera

Objectives:

Learn basic photragraphy skills.

Take a high quality image, and edit/crop.
Adjust imagae brightness, hue, saturation and contrast.

Process:

This project was difficult for me mainly where to place the bands
of color but after many drafts this is where most preferred. I first
imported this picture I had taken to indesign. Where I also placed
the colored on the right hand side and gave them there names.
Then I added the qoute. I gave it back shadow and a red stroke.
Then I placed the colored band at the corners parallel to the leaf
and text to give repitition.

d
n
sa
u
o
h
t
a
f
o
n

o
i
n
t
r
a
e
co
r
a
c
e
e ...
n
h
T ests ith o
for ins w
g
e
b

Course/Instructor:

red
red

MONTAGE
Description:

An insirationaal montage made of two or more images edited/

formatted using photoshop.

Date:

5/31/14

Course/Instructor:
Comm 130, Section5
Cory Kerr

Program(s)/Tools:
Adobe Indesign
Adobe Photoshop

Objectives:

Learn to manage Photoshop layers.

Learn to use filters and masks to blend images.

Process:

I first started with the base picture giving it a slight fade. I also
gave it a white parallel border. then I cut the old man picture
out with a feather and placed it on a new layer on top of the
cemetery picture. I turned the opacity up just a little and gave
him a drop shadow just to enhance his presence. Then I picked a
very simple elegant font for the quote.

EVENT AD

NIKE

PRESENTS

BIG Mountain race

Description:

A full-bleed event ad using only Microsoft Word and a scanner.

Date:

5/17/14

Course/Instructor:
Comm 130, Section5
Cory Kerr

Program(s)/Tools:
Microsoft Word
Epson scanner
PDF converter

Objectives:

Scan a high quality image and edit.

Create a full bleed design.
Create text boxes.

Process:

First I had to take this picture and scan it in and justify the size
to word. then I added the color text boxes to give contrast to
the (Nike colors). after the boxes were placed I just needed to
add and color the text. I had to copy and trim the Nike check
mark to create the logo. I made the lower box transparent to
draw more attention from the top.

Yellowstone National Park

Saturday May 18 7-2 pm

5$ entrance fee and all proceeds go to

the American Red Cross Foundation

FLIER
Description:

A black and white promotional flier.

Date:

5/10/14

Course/Instructor:
Comm 130, Section5
Cory Kerr

Program(s)/Tools:
Adobe Indesign

Objectives:

Learn to incorperate basic design principles.

Create a project folder and keep images for unbroken links.

Process:

I first used the Black squares to make an initial format and color
scheme. Then I placed the text to contrast the colors in white.
After that I used the cut tool to edit the picture into the frame
established. I then proceeded to create the text box with one
text box and one box for the text to wrap around. I then made
an box to go under the txt box to give it contrast. then the logo
was placed with the email underneath it.

Republic of Gamers

LOGOS

Republic

Description:

Logo variations for the same company.

Date:

6/07/14

of Gamers

Course/Instructor:
Comm 130, Section5
Cory Kerr

Program(s)/Tools:
Adobe Indesign
Adobe Illustrator

Republic
of

Gamers

Objectives:

Create various logos for a company.

Use illustrator

Process:

For the first logo I took a black box and a white text. And fit
the black box behind the white letters to give a white space
effect. Then I placed the logo text above and below the box. The
second logo was a bit more difficult but I started off with a black
box and then created two ovals to make the handles. After I had
the handles where I liked them, I took two circle for the buttons.
Then I created the D-pad with two rectangles and the buttons
were made with just two smaller circles. the start buttons were
just two rectangles I then placed the company title in the middle
so it would give contrast. The third was simple. Three black
boxes and the grid pattern is actually made by placing multiple
boxes on top of another box then using the pathfinder tool I cut
and separated them making the grid format. I then placed it over
the black boxes and placed text underneath.

Republic of Gamers

LETTERHEAD
Description:

Matching letterhead and busness using personally created logos.

Date:

6/14/14

Course/Instructor:
Comm 130, Section5
Cory Kerr

Program(s)/Tools:
Adobe Indesign
Adobe Illustrator

Objectives:

Create a new business logo.

Design consistant styles for letterhead and buisness cards.
Use Indesign and Illustrator.

Process:

When I created a new document I first started with the the

logo of SM. I created a large SM and turned it white then placed
a black background behind it. Then I used the pathfinder tool to
separate the layers. I proceeded to un-group everything and clear
out the letters so now they are see through. I also edited the S
to give it an angle. After I did that I placed the S on the full page
and give about a 9% transparency. I placed two black rectangles
to give contrast then I put my information in the corner.

Designs

Spencer McClellan
www.traxstudios.wordpress.com
17337 Tassajara Circle
Morgan Hill CA
408.896. 5573

BUSINESS CARD
Description:

Matching letterhead and busness using personally created logos.

Date:

6/14/14

Course/Instructor:
Comm 130, Section5
Cory Kerr

Program(s)/Tools:
Adobe Indesign
Adobe Illustrator

Objectives:

Create a new business logo.

Design consistant styles for letterhead and buisness cards.
Use Indesign and Illustrator.

Process:

All of my designs were created in Adobe Illustrator. On the

business card I created two rectangle 3.5x 2 inches. the size of
an business card. I then placed my logo in the center which I
thought was good simple placement. On the Back side i brought
the logo in and gave it around a 9% transparency. Then for
repetition I placed one more black rectangle and placed the
information underneath.

WEB PAGE
Description:

A web page to showcase a personally created logo.

Date:

6/28/14

Course/Instructor:
Comm 130, Section5
Cory Kerr

Program(s)/Tools:
Adobe Illustrator
Textwrangler

Objectives:

Convert logo design into .png.

Design web page using HTML and CSS.
Create the content to explain the web page.

Process:

I used the program TextWrangler to create and organize the

webpage. I first started with the HTML coding giving it words
and adding the pictures in. Then I created a separate style-sheet
for my CSS coding. I centered the logo then gave it padding at
the top and bottom to give it white space. Then I gave padding
below the text to create the paragraph look and the list look.