design portfolio

Brittany Bostrom

Br
y
an
itt
Bo
ro
st
m
707 S. 5th W.
Apt. 1000
Rexburg, ID
83440
702.533.6124
bostrom.britt@gmail.com

pg. 4

Brochure

pg. 6

Photodesign
pg. 8

Logos
pg. 10

Website

ble

pg. 18

ta

Flier

nte

o
f

pg. 16

Montage

co

pg. 14

Event Ad

nts

pg. 12

Stationery

Br
o
ur
ch
e
Date

July 11, 2015

Description

A 6 page brochure set up in a

booklet layout.

Programs

Illustrator, Photoshop, InDesign

Process

I first set up my brochure layout in Adobe

InDesign. I used repeating triangle/arrow shapes to
echo my logo, as well as circles. I used the pen tool to create
shapes and little echoing lines. I created 3 paragraph styles: one
that was left aligned for the body, the second was a different,
larger font for titles, and the third was smaller for the subtitles. I
made sure to copy the colors throughout the design using the color
codes in the color palette.

I then created my logo in Illustrator. I started with a lime circle and centered
a triangle inside that. I used the pen tool to create the snowcap and the
complimentary lines on either side. I sized the name to fit within the triangle. The
last thing I did was divide the shape so that I could delete the white sections so any
color placed behind would show through.
I then went into Photoshop and embedded each image and used the selective color
to adjust the pictures so they fit in my color scheme. I also increased the
lighting in some of them. One picture I used the magnetic lasso tool
to cut around the person in the hood which I then placed on
my InDesign document and set up a text-wrap on
the image.

back

front

pg. 1 & 2

pg. 3 & 4

pg. 5 & 6

PH
GN
SI

DE

TO

O
Date

May 23, 2015

Description

Demonstrate basic Photoshop skills and

photography skills. Match colors from the
picture to make a specific color scheme.

Programs
Photoshop

Process

I first decided on a color scheme from my Visual FOCUS

textbook; I then chose my picture setting and subject
accordingly. I used my K2000 Pentax camera to produce a
photograph that utilized the basics of a quality photo: light, focus
and composition.

When I loaded the picture in Photoshop I first cropped and fit the
picture to my poster size. I edited the saturation, vibrancy, levels, and
sharpness. After doing that I sketched my design ideas and got to work.
I added opaque lines using the pen tool, which go through the photo (some
under the subject and some in front of the subject) mimicking wind flow to
strengthen my message.

I then added text boxes (three of which were on my curving lines using path typing)
that balanced each other as well as the photo. I pulled colors from my picture as
well as the color wheel and used those as the colors of my repeating design
elements. The color scheme pulls everything together into one
flowing poster.

GO

LO
Date

June 5, 2015

Description

A simple, yet unique, logo for a company.

Programs
Illustrator

Process

The first thing I did was sketch multiple ideas. I created

three separate logos and asked people what they thought.
The score was pretty close so I chose the design I thought
reflected the goals of the company best.

I then decided on a design and created that logo using different

shapes that I later united to make the design simple to move
around.

I chose a simple but modern font and created contrast using different
colors for the two parts of the word. I aligned the photo with the side
of the teal B and design was aligned to the inside of the b to create
balance. I made sure I had a clear color scheme from the book FOCUS. I feel
that I excelled at creating a simple but interesting logo.

BB Photodesign

photodesign

photodesign

photodesign

TE
SI

EB
W
Date

June 26, 2015

Description

This webpage showcases the creation of

my Bb Photodesign logo.

Programs

TextEdit, TextWrangler

Process

I used TextWrangler to edit my page content. I first pulled

up my html (provided by my professor) and edited it so that
it had my logo linked to it. I then linked my fonts to Google
Fonts so that they would show up on any computer. I included
multiple headings and a list. I then created a class for my list
headings to be bold and made sure to pull that over into css.

After linking my css to html I changed the fonts and provided back up
fonts as well. I adjusted the sizes and margins around everything. I also
changed the color of my words by pulling up Photoshop and recording the
color number and placing that number into css.

I linked a .gif into the heading to create the wood background. I then centered
and adjusted the opacity on the logo so that you can see the wood texture behind
it. I also changed my blog link at the end to be a different color in general, when
hovered over, and when clicked.

10

11

ST
RY

NE

TIO
A
Date

June 13, 2015

Description

Personalized letterhead and business

card using logo I created.

Programs

Illustrator, InDesign

Process

I created the logo in Illustrator using the pen and pencil

tool. I traced a bird image and then deleted that and used
the smooth tool to get the lines right. I wrote on the path of
the telephone line using the text tool. I then placed my logo in
my InDesign document.

For the business card I used the rectangle tool, with rounded
edges, to make my base shape. I sized and placed a white version
of my logo on top of my teal card front. Then I used the pen tool to
imitate the telephone line in the corner on the back side of my card.

I also took one of the birds from my logo and separated that into a new
Illustrator page and placed that onto the back of my card. I then copied it and
made a smaller bird that was flipped horizontally. I then made the smaller bird
opaque and placed it behind the line while I placed the bigger bird in front of the
line. I then added in all my information and spaced it well so it is easy to read.

On my letterhead I placed my logo after elongating the line and fixing the text in a
new Illustrator page. I placed that at the top of the letterhead and placed my
information underneath the telephone line evenly spaced. I then took
the one bird I used in my card and placed that in my letterhead.
I increased the size and made it very opaque to create a
watermark. Last I place the website at the bottom of
the page in the birds tail.

12

13

EN

EV
D
A
Date

May 16, 2015

Description

An event add flier using a scanned in

photograph.

Programs

Microsoft Word, an Espon scanner, Photoshop

Process

I scanned an image from a magazine keeping the

resolution at 300 pixels per inch and put that into Microsoft
Word as my background. I then added text boxes and arranged
them nicely so they had a good diagonal flow.

I added dots in between some of the words to mimic the font in the
title. I chose colors from within the picture for the text color and made
some words stand out more by changing the colors in the sentence to
match different parts of the analogous color scheme.

14

15

NT

MO
GE
A
Date

May 31, 2015

Description

A spiritual montage poster using at least

2 blended images and contrasting typefaces.

Programs
Photoshop

Process

I first found my images. I then embedded the brick image,

colorized the image and changed the color to teal. I then
cropped the wood-flooring image, made that more of a brick
color and added that on top of the brick.

I then added the picture of the young child and blended it into the
brick and the wood using the brush tool and varying levels of opacity.
Then I added my type putting only a few words in each textbox so I
could vary the size of my words easily.

I used the burn tool to darken the left side and blend that into the right side
using varying opacities. I also copied my type over each section of wording to
create crisper, more defined lettering.

16

17

IER

FL
Date

May 9, 2015

Description

This is a promotional flier for a graduate

leadership conference.

Programs
Indesign

Process

I first drew a few sketches of layout ideas. I then chose

my favorite and created a shape map using the pen tool
to create the two correlating curved shapes. I increased the
thickness of the stroke.

I placed the logo and sized it large enough to be noticeable.

Then I found two contrasting fonts: one for my title and one for the
body. (While they are both sans serif I created contrast using a fairly
decorative font for the title.)

I then aligned every element I could with another. Lastly, I made sure to leave
enough white space to draw attention to the title and picture.

18

Graduate

Leadership
Conference

Do you want to have

the competitive
edge in business?
Come learn how at Vouant
Communications annual Graduate
Leadership Conference.
Conference is available to graduating
seniors. Space is limited.
Vouant Communications is devoted to
helping tomorrows leaders gain
essential leadership skills in the
workplace. 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.

October 21
8 a.m. - 5 p.m.
Lincoln Convention Center
Registration and more information available at

http://www.vouantcomm.com/leaders

19