You are on page 1of 21

My Visual Media

P rtfolio
Tiffany Osborn

Tiffany Osborn
tiffanyosborn@gmail.com
208.293.5206
743 Centennial Loop
Rexburg, ID
83440

Table of Contents
Montage
Poster
Logos
Webpage
Stationary
Brochure
Business Card
Flier
Photodesign

Montage
Date:
June 1, 2014

Description:
This is an artistic representation of the Internet as an international unifier/portal. I really pushed
myself with this project and really let the design motivate the message. I struggled to unify
everything until my final inspiration took shape.

Programs:
Photoshop

Course:
Visual Media
Comm 130

Instructor:
Brother Cory Kerr

Objectives:
The objective is to represent the Internet. The code and circuit boards surround the earth and
create the portal of information that is the Internet. I find it amazing that this powerful tool has had
such an incredible impact on globalization, creating a common bond between all members of
the human family, and providing unrestricted content to be easily accessed.

Process:
The center shape was created with a picture of a swirl made by light painting (a photography
technique that uses exposure to create shapes and lines using light). I used a mask to blend the
image into the background. The secondary circular shape, which looks like the earth, was created
using one light painting picture that has an umbrella shape. I copied and rotated the image 4
times and used a mask to blend them together. A subtract filter was added to those layers.
The next layer is a concrete texture with warm red colored veins at 10% opacity. After that, an
oxidized metal texture layer was added at 24% opacity. I used a difference filter and a mask in
the shape of a circle that created some of the glow around the round element that looks like the
earth. The next four layers are pictures of circuit boards, in each corner, that were blended into the
background and a screen filter was applied.
Finally, I added a text layer of 0’s and 1’s that covered the entire canvas. This is meant to mimic
code. After changing it to a futuristic font and rasterizing the font, I lowered the opacity to 30%. I
used a mask to eliminate the text over the circular elements.

Poster
Date:
May 17, 2014

Description:
This poster was created to advertise a charity fundraiser. The purpose is for education and will not
actually occur. I used a variety of different design elements, which will be explained below. The
main focal point is a scan of candy that I edited to maintain the original color in the first portion
and then took on a blue hue for the rest.

Programs:
Microsoft Word

Course:
Visual Media
Comm 130

Instructor:
Brother Cory Kerr

Objectives:
The objective is to advertise a 5K walk through central park in order to help end childhood
obesity. However, within the design, I tried to send another subconscious message. I tried to
have the left side of the image represent what the world sees when they see candy. On the right
side, I made it look somewhat like an x-ray in order to communicate the health implications of
childhood obesity.

Process:
After my pre-design/sketches were done I created this project entirely in Microsoft Word.
I first scanned my image and saved it as a jpeg. Before scanning I set my preset size and
resolution.
I then opened a word document. I opened two versions of my picture. In Microsoft Word I
cropped each image to match up perfectly. After that, I added an effect that gave the right
side of the image a blue hue (instead of the original yellow, orange and red). Then I created my
two boxes. The one on the left covered the portion of the image where the colors changed. The
bar on the right was created and filled with a teal color that I got using the magnifying glass tool
(eyedropper). Then I created my text. The title and statistic are in a sans serif, decorative font so
I paired that with an old-style font for the information. I changed the kerning on the date, time,
place, and benefactor to be equal in length. I changed the margins of the statistic to match the
width of the 5K. Finally, I made the text red or white. I chose to have the red where I did in order
to have diagonal flow, balance and repetition.
Note: While the statistic technically has an orphan, I decided that it didn’t look alone because it
was a long word and the size of the text box was narrow.

Logos
Date:
June 8, 2014

Description:
These logos have been designed for a company called the fox café (though it doesn’t actually exist).

Programs:
Illustrator

Course:
Visual Media
Comm 130

Instructor:
Brother Cory Kerr

Objectives:
The objective is simply to create a strong brand that resonates with those who see it.

Process:
I used the pen tool, shape tools, blob paint tool, brush tool, and text tools. I started with an extensive
sketching process (far lengthier than usual). Once I decided on some rough designs, I started the
Illustrator process. After working for quite some time using the pen and shape tools to mimic my sketches,
I finally gained access to my friend’s Wacom tablet. I loved it. I scrapped my initial work and did all my
outlines with the Wacom tablet. What a difference it made! I finally added the color schemes and final
edits using a good old fashion mouse. The blob paint tool was used to color my foxes until I decided on
a more simplistic design. I ended up with three very different designs with veins of similarity throughout. I
wanted to create a specific brand, but give different options to communicate that. That’s why I chose to
use similar elements and the same font but drastically vary the colors and styles. While all are variations of
a fox made into a mug, I feel comfortable with the differences I offered.

fox café

café

Webpage
Date:
July 1, 2014

Description:
This project is an html website, that uses CSS, to showcase my logo design process in an infographic
like page.

Programs:
Illustrator, Text Wrangler

Course:
Visual Media
Comm 130

Instructor:
Brother Cory Kerr

Objectives:
I simply wanted to display my design process for the logo in a visually appealing way.

Process:
I used text wrangler to construct both documents. I first set up my header, and formatted it so that
my logo was on the left and the title was right justified (with padding), with the logo bleeding into the
body. This took a while to figure out, but I’m happy I took that time. Next, I created all the pngs for
each section, using illustrator (process, color, audience, skills). I made sure that the colors matched
my logo and that they played off of the heading fonts in the webpage. I then proofed my copy (434
words). I had to work with page breaks and the size of my section images to eliminate orphans and
make it look the way I wanted it to. Finally, I added a hyperlink to my blog and closed the body and
document.

Stationary
Date:
June 15, 2014

Description:
This is a letterhead I created for myself that ties in with my purpose of helping people and companies
effectively communicate with others.

Programs:
Illustrator

Course:
Visual Media
Comm 130

Instructor:
Brother Cory Kerr

Objectives:
I’m trying to create a personal brand/identity. While I wouldn’t feel comfortable putting
a professional title during my education, I do want to communicate that my specialty is
communication.

Process:
I started by creating the speech bubble using the ellipse tool and a polygon tool (set to thee sides),
and converting one of the points to a rounded corner. I then used to shape builder tool to combine
them. I filled them with a striking red color. Next I created a text box and used my name in the same
red color. After creating the outlines, I used the shape builder tool to delete my first name from the
text bubble. I used the same bubble to do the same thing with my initials. Then I created the shape
of my card and added my personal information. For my letterhead, I created a red block with the
rectangle tool. I then used the shape builder tool to delete the bubble and my last name from the
shape which inverted the colors. I then added my information below. Finally, I added the same
speech bubble to the bottom and set it to an 8% opacity.

Brochure
Date:
July 13, 2014

Description:
This is a brochure, made in the shape of a shoe, created to showcase a company’s new collection..

Programs:
Illustrator, InDesign

Course:
Visual Media
Comm 130

Instructor:
Brother Cory Kerr

Objectives:
I wanted to communicate the nature of the company. This is a classy business, just like the men they
design for. We are an old company who deliver quality products, especially with the ‘Clarence” line.

Process:
I used an image of my great great grandpa Abner Mack Osborn as the model for my logo. Then I spent
quite a bit of time making paper mock-ups and finally taking it to my computer, where I used clipping
masks, dashed lines and plastic wrapped circles (lace eyelets). This took a massive amount of time and a
wide variety of tools.

Clarence

Clarence

Abner Mack
Abner Mack is a family owned
business that has been committed
to classic men’s fashion since 1886.
With nothing but the highest
quality imported Italian calfskin
leather, Abner Mack’s latest shoe
collection ‘Clarence’ is unequaled
in luxury and comfort. Handmade
in Benton, Arkansas, these shoes
showcase intricate, time-honored
artisanship that is second to none.
Your business helps celebrate a
legacy of the highest quality men’s
fashion products.

Our
Commitment
You are a valued costumer. We
are dedicated to making you look your
best. We offer world-class fashion with
world-class costumer service. We do our
best to offer affordable luxury. In addition,
we guarantee the quality of our products for
ten years after your purchase. We promise
to give you exemplary service with our sleek,
recognizable brand. We are proud of the loyal
costumer base and following that we have
created. Abner Mack welcomes Clarence into
our family of unrivaled quality.

The Clarence Collection
durable construction make
The timeless design and
compliment
investment. Created to
‘Clarence’ a worthwhile
be sold
collections, this line will
Abner Mack’s iconic suit
Mack retailers. With leather
only at our certified Abner
sacrifice
to
you
s
longer require
padded insoles, class no
cherry,
rich
to
ny
light mahoga
the upmost comfort. From
Our
colors.
of
n
m selectio
Clarence offers a premiu
help
tread is made to last and
simple, yet distinctive
arable
hard. Clarence is incomp
the workingman work
market today; it’s the
to anything on the
that will become
style
beginning of a
test of time.
the
a classic to stand

Business Card
Date:
July 13, 2014

Description:
This is a business card I created for myself.

Programs:
Illustrator, InDesign

Course:
Visual Media
Comm 130

Instructor:
Brother Cory Kerr

Objectives:
I wanted to create a memorable business card that accurately reflected the brand I’m trying to
create for myself.

Process:
I started by creating the speech bubble using the ellipse tool and a polygon tool (set to thee
sides), and converting one of the points to a rounded corner. I then used to shape builder tool to
combine them. I filled them with a striking red color. Next I created a text box and used my name
in the same red color. After creating the outlines, I used the shape builder tool to delete my first
name from the text bubble. I used the same bubble to do the same thing with my initials. Then I
created the shape of my card and added my personal information.

743 Centennial Loop
Rexburg, ID 83440
208. 293. 5206
tiffanyosborn@gmail.com

Flier
Date:
May 11, 2014

Description:
A black and white flier used to advertise a Graduate Leadership conference.

Programs:
InDesign

Course:
Visual Media
Comm 130

Instructor:
Brother Cory Kerr

Objectives:
I am trying to attract professionally motivated graduating seniors to attend a leadership conference.

Process:
I first selected my image and opened it in Photoshop. I erased the right side of the image after his arm
using the Magic Eraser tool and Eraser. I then saved the image and opened it in InDesign. There I added
a block to extend the column using the eye dropper tool to select my color. I then formatted my title,
date/time/place, subtitle, logo, and body copy. I formed the body copy around his shoulder in order
to add flow. After making sure all of that was aligned as I wanted, and allowing sufficient white space,
I added my line element. I used a diagonal line that matches the angle of my ‘e’ in order to create
repetition. Finally, I reopened my flier in Photoshop to blend my column and picture.

Photodesign
Date:
May 11, 2014

Description:
This is a design based around a picture I took of my sister and then played with the concept of dreams.

Programs:
InDesign

Course:
Visual Media
Comm 130

Instructor:
Brother Cory Kerr

Objectives:
The message is somewhat abstract, but purposefully so. The idea of ‘dream awake’ is about visionaries. The
lines are a physical representation of the world that only she can see, not visible to anyone else. It’s meant to
communicate the necessity to dream, and achieve.

Process:
I took this picture at my friend’s farm against some pipes used to flow oxygen into potato sellers. I edited the
levels, vibrance, selective color and sharpness of the original image. After that I added a mask and selected
everything surrounding my model (or my twin, take your pick of pronouns). I then desaturated the picture a
bit more. From there, I added a brick gradient that had a horizontal gradient as well as a color overlay that
combined at an opacity of 84% to make that effect. Next, I made yet another make of my sisters eyes (from
the original image) and set the opacity at 53%. At 100% her eyes looked quite demonic, but I liked maintaining
that focal interest as well as adding a teal element amongst the brick. After that I added my lines, which all
started as triangles. The teal ones were added first, originating from her right eye. The brick triangles originated
from her left eye. I then edited out everything that interfered with her figure. Finally I added the text: First, the
color palette and then the phrase ‘dream awake’. Dream awake is in a very geometric font and I paired that
with a simple, lightweight sanserif font.