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
