Portfolio Sue Francis
Nov 15, 2015
Portfol
io Sue Franc
is
2Sue Fra
ncis
2125 S
San A
ntonio
Ave,
Ontari
o, CA 9
1762
(909)5
18-683
7
suefran
cis428@
gmail.
com
Conta
ct Info
Conte
nt
Letterh
ead
5
Busine
ss Card
7
Brochu
re 9
Monta
ge 11
Event A
d 13
Logos
15
Web P
age 1
7
Imagin
g 19
F
lier 21
4Letterh
ead
Match
ing sta
tionary
and b
usiness
card u
sing a p
ersona
lly desig
ned log
o.
Design
ed in
Adob
e Illust
rator an
d Ado
be InD
esign.
After s
ketchi
ng out
multip
le idea
s for th
e logo
design
I
chose
this o
ne to
pursu
e. I cr
eated
and r
efind t
he de
sign in
Adob
e illust
rator pr
imarily
using th
e shap
es and
pen to
ols.
After
finishin
g the
logo I
saved
it as a
png fi
le and
place
d
it in an
InDesig
n proje
ct I ha
d crea
ted. I u
sed the
type
tool an
d the se
lection
tools to
type in
the co
ntact
informa
tion an
d adju
st the
colors
, type
faces a
nd
fonts. I
select
ed an
imag
e from
CG Te
xtures
to use
a bac
kgroun
d and
worke
d with
the op
acity
to
get the
color
desire
d. I pla
ced a w
aterma
rk
on the
station
ary of
the log
o and
reduce
d
the op
acity.
Create
an ori
ginal l
ogo a
nd sta
tionary
in
InDesig
n and
Adob
e Illust
rator.
Emily K
unz
Februa
ry 2015
Comm
130 S
ection
11
BonanaTours &
Transfers
Tezz OldsOwner
9837 Palmiet DrWestville
KwaZulu-NatalSouth Africa
27 0 83 324 [email protected]
Descrip
tion:
Progra
ms:
Proces
s:
Objec
tive:
Instruc
tor:
Date:
Course
:
6Match
ing sta
tionary
and b
usiness
card u
sing a p
ersona
lly desig
ned log
o.
Design
ed in
Adob
e Illust
rator an
d Ado
be InD
esign.
After s
ketchi
ng out
multip
le idea
s for th
e logo
design
I
chose
this o
ne to
pursu
e. I cr
eated
and r
efind t
he de
sign in
Adob
e illust
rator pr
imarily
using th
e shap
es and
pen to
ols.
After
finishin
g the
logo I
saved
it as a
png fi
le and
place
d
it in an
InDesig
n proje
ct I ha
d crea
ted. I u
sed the
type
tool an
d the se
lection
tools to
type in
the co
ntact
informa
tion an
d adju
st the
colors
, type
faces a
nd
fonts. I
select
ed an
imag
e from
CG Te
xtures
to use
a bac
kgroun
d and
worke
d with
the op
acity
to
get the
color
desire
d. I pla
ced a w
aterma
rk
on the
station
ary of
the log
o and
reduce
d
the op
acity.
Using In
Design
and Il
lustrato
r crea
te a
busine
ss card
, a con
dense
d vers
ion of
the sta
tionary
!
Emily K
unz
Februa
ry 2015
Comm
130 S
ection
11
Busin
ess Ca
rds
Tezz OldsOwner
9887 Palmiet DrWestville
KwaZulu-NatalSouth Africa
27 0 83 324 [email protected]
www.bonana.co.za
BonanaTours &
Transfers
Descrip
tion:
Progra
ms:
Proces
s:
Objec
tive:
Instruc
tor:
Date:
Course
:
8Brochu
re
Tri-Fold
brochu
re for
Palmie
t River
Lodg
e Bed
& Bre
akfast
.
Adob
e Illust
rator,
Adob
e InDe
sign an
d
Adob
e Phot
oshop
.
After s
ketchi
ng sev
eral de
signs I r
e-sized
myima
ges in
Photos
hop to
improv
e the re
solution
. Using
InDesig
n I set
up the
ruler
guide
s in the
dimens
ions ne
eded
for a t
rifold b
rochur
e. I se
t the
perim
eters u
sing the
pen to
ol of ea
ch of t
he sha
pes I w
anted
, doing
the
backg
round
first a
nd ali
gning
the s
hape
s as I w
ent. U
sing th
e han
dles I
was a
ble to
pull an
d push
the line
s to the
desire
d shap
es.
I then
create
d fram
es follo
wing th
e same
lines fo
r the im
ages a
nd
placed
those.
I design
ed the
logo fo
r the b
rochur
e in Illu
strator
and s
aved
it as a
png fi
le with
a tran
sparen
t bac
kgrou
nd.
After p
lacing
the im
ages i
nto fra
mes I c
opied
and p
laced
the typ
ograp
hy I ha
d writte
n into t
he bro
chure w
rappin
g
it from
one te
xtbox
to anot
her, ar
ound th
e imag
es. I
printed
it seve
ral tim
es to g
et the
alignm
ent pe
rfect.
Cre
ate an
origin
al new
logo a
nd de
sign a t
wo-sid
ed,
folded
docum
ent. In
corpo
rate a
t least
four qu
ality
image
s and
origina
l body
copy.
Emily K
unz
March
2015
Comm
130 S
ection
11
Descrip
tion:
Progra
ms:
Proces
s:
Objec
tive:
Instruc
tor:
Date:
Course
:
Front Back Inside Flap
Inside Brochure
10
Photo m
ontag
e taken
from p
ersona
l
photog
raphs w
ith a b
ackgr
ound o
f Afric
an
forest a
nd a q
uote b
y Jeffer
y R. Ho
lland.
Adob
e Phot
oshop
impo
rting a
back
ground
image
from C
G Text
ures w
ebsite
.
Usin
g an A
frican
forest b
ackgr
ound I
placed
three
image
s telling
Elijah
s story
. In the
cente
r pictu
re the
one
boy w
as so
dark y
ou cou
ld not s
ee him
at all
so I w
orked
with a
clonin
g tool a
nd bru
sh too
l and a
dded
some
color t
o help
him be
more v
isible.
I used
the ma
sks, the
clonin
g tool,
the lay
ers an
d align
ment t
ools.
Filter
Colori
zation
used o
n ever
y imag
e and
the
typog
raphy
and a l
ot of co
lorizat
ion on
the
photog
raphs,
especi
ally the
cente
r one.
Monta
ge
Descrip
tion:
Progra
ms:
Proces
s:
Objec
tive: B
lend tw
o or m
ore im
ages
togeth
er grad
ually, u
sing
masks
demo
nstrat
ing mo
re adva
nced P
hotosh
op
skills fo
r layou
t with
multip
le elem
ents a
nd
domin
ant sp
iritual m
essag
e .
Emily K
unz
Februa
ry 2015
Comm
130 S
ection
11
Pure
Flow
ing
from
true
rig
hteo
usne
ss
Can
chan
ge th
e Fl
owin
g fr
om tr
ue r
ight
eous
ness
Chri
stlik
ePu
re
LOVE
Wor
ldJe
ffrey
R. H
olla
nd
Instruc
tor:
Date:
Course
:
12
Descrip
tion:
Progra
ms:
Proces
s:
Objec
tive:
Event A
d
Event
Ad in
color
to ad
vertis
e a be
nefit d
inner
for
Zambia
s Scho
larship
Fund,
spons
ored b
y Franc
is Bros
Inc.
This pro
ject w
as de
signed
in Mic
rosoft
Word.
After s
ketchi
ng ide
as I im
ported
a sca
nned im
age to
Word a
nd
create
d text b
oxes. I
made
sure to
ensure
the tex
t boxes
and im
age
had tex
t wrap
ping a
ssigned
so tha
t I coul
d freel
y move
them a
round
the pa
ge. I u
sed the
imag
e tools
to rem
ove the
backg
round
of the
image
and c
rop it t
o what
I want
ed it t
o be. I
placed
the
backg
round
color,
makin
g it da
rk so th
at ther
e woul
d be g
reat
contra
st with
the typ
ograp
hy wh
ich I w
anted
white.
I used
contra
sting ty
pefac
e for th
e title
and bo
dy cop
y to
give v
isual te
xture.
Scan a
nd imp
ort a h
igh-qu
ality im
age to
use to
create
a
full-ble
ed de
sign. C
hoose
a colo
r schem
e and
typefa
ce(s) t
hat wo
rk for y
our me
ssage
and a
udienc
e.
Use on
ly Word
design
feature
s to cre
ate thi
s desig
n.
Emily K
unz
Januar
y 2015
Comm
130 S
ection
11
Zambias Scholarship
March 7, 2015
Gardner Village 1100 W 7800 S West Jordan
Cost $35 per person
H e l p u s r a i s e a w a r e n e s s a n d f u n d s F o r t h e c h i l d r e n o f Z a m b i a
T o r e c e i v e a n e d u c a t i o n .
S p on s o re d b y Fr a n c i s B r os . I n c .
Fund
You and your family are invited to a benefit banquet and evening with
PEGGY ROGERS Author of Heart to Heart and
Foreign Flowers an African Journey .
Instruc
tor:
Date:
Course
:
14
Descrip
tion:
Progra
ms:
Proces
s:
Objec
tive:
Logos
Logos
design
ed for
name
d Gree
n Gran
ny De
signs.
The co
mpany
uses o
ld woo
len sw
eaters
and re
uses th
e yarn
or som
etimes
the sw
eaters
thems
elves
for mu
ltiple o
ther ite
ms.
They st
itch a s
heep l
abel i
nto ea
ch of t
heir pr
oduct
s.
Adob
e Illust
rator.
These
logos
were d
esigned
comp
letely in
Adob
e Illust
rator u
sing a
variety
of too
ls. The
main t
ools u
sed we
re the
pen to
ol and
the
shape
tool to
place
circles
on the
art bo
ard an
d then
to add
anchor
points
and h
andles
to pull t
he sha
pes in
to shee
p. I als
o
used th
e pen
tool fo
r the b
all of y
arnand
the rec
ycle s
ymbo
l. I
create
d path
s to typ
e on a
round
the cir
cle. I jo
ined th
e two
circles
as one
shape
in ord
er to g
et colo
r into i
t and u
sed
the lay
ers to
move
eleme
nts ba
ckward
s and
forward
s in
the de
sign to
get th
e effec
ts I de
sired.
Create
three
differ
ent, o
rigina
l logo
s to fit
a com
pany
or pers
onal im
age th
at will a
ppea
l to the
audie
nce
useing
only t
he Illus
trator
tools to
create
and
draw y
our log
os.
Emily K
unz
Februa
ry 2015
Comm
130 S
ection
11
Instruc
tor:
Date:
Course
:
16
Descrip
tion:
Progra
ms:
Proces
s:
Objec
tive:
Instruc
tor:
Date:
Course
:
Web P
age
Webp
age c
reated
in HTM
L with
CSS st
yling u
sing a p
reviou
sly
create
d logo
.
NetBe
ans an
d Phot
oshop
.
I crea
ted my
webp
age in
NetBe
ans IDE
using
HTML a
nd CS
S. Using
a basic
HTML
structu
re I en
tered th
e cod
ing I n
eeded
to pla
ce my
png of
my log
o on th
e web
page
. I did t
he styl
ing in
CSS I h
ad to
search
out co
de tha
t woul
d style
my list
and p
lace le
ading
betwe
en ea
ch list
item. I a
lso use
d the C
SS style
guide
to ma
ke
my link
to my
blog m
atch th
e colo
rs on m
y pag
e. By
placin
g
the im
age in
Photo
shop I
was a
ble to
use the
eyed
roppe
r
tool to
get th
e colo
rs to m
atch t
he log
o. By
using
float
and pa
dding
comm
ands I w
as ab
le to p
lace th
e
introd
uctory
typog
raphy
next to
the log
o. I the
n took
my HT
ML an
d CSS t
o the tw
o valid
ators a
nd
checke
d them
for err
ors.
Size an
d optim
ize an
origina
l logo
as a .
png for
a
web p
age. W
rite co
ntent t
o desc
ribe the
proces
s
of crea
ting yo
ur log
o and
how it a
ppea
ls to a
targe
t audie
nce. Ac
quire a
workin
g know
ledge
of HTM
L. inclu
ding a
ll requi
red tag
s. Acq
uire
a work
ing kn
owled
ge of
CSS.
to prov
ide
text co
lor, ba
ckgrou
nd col
or font
families
and w
eights
.
Emily K
unz
March
2015
Comm
130 Se
ction 1
1
18
Descrip
tion:
Progra
ms:
Proces
s:
Objec
tive:
Phot la
yout us
ing co
lors an
d repe
tative
design
eleme
nts
to conv
ey a m
essag
e. Colo
rs in the
layout
taken
from
the ori
ginal p
hotog
raph.
Photos
hop
I took
a phot
o of th
e City
Library
and d
ecide
d to ma
ke it th
e focus
of my d
esign.
Using P
hotosh
op I e
dited th
e phot
o using
levels,
sharpn
ess, sa
turation
, and c
olor ba
lance.
I re-s
ized the
photo
to
1024 p
x on th
e longe
st size.
I used
the ma
rque to
ol and
copied
the ph
oto ins
ide the
marqu
e and
then p
asted
it onto
the ne
w
projec
t I had
crea
ted 8.5
X 11
layou
t in Ph
otosho
p. It g
ave
the ed
ge of
the ph
oto a f
aded
look ra
ther th
an the
hard
edge
s. I use
d the d
roppe
r to cre
ate co
lor swa
tches
of the
wall, th
e brick
and th
e path
way a
nd use
d them
in my
design
. I ma
de the
backg
round
the co
lor of t
he bric
k
on the
pathw
ay, the
n mad
e ellips
es usin
g the s
hape
tool of
the ora
nge bri
ck col
or and
the typ
ograp
hy
I used
the co
lor of t
he wa
ll.
Create
a full-
bleed
, 8.5 b
y 11, p
hotod
esign
projec
t that i
nclude
s an o
riginal
, new q
uality
image
, a con
sistent
color
schem
e base
d on
that im
age, s
ome te
xt, and
a few
design
eleme
nts. C
omple
te the
messa
ge,
choosin
g a co
lor sch
eme th
at will
commu
nicate
the me
ssage
to
your au
dience
.
Emily K
unz
Februa
ry 2015
Comm
130 Se
ction11
Imagin
g
Ontar
io Ci
ty Lib
rary
215
East
C. S
treet
Ontar
io, C
A 91
764
Mond
ay -
Satur
day
9am
- 9 p
mE
duca
tion
can
prov
e to
be th
e wi
sest
and
most
profi
table
inves
tmen
t you
ll ev
er m
ake.
Go
rdon
B. H
inckle
yCo
mplem
entar
y Co
lor S
chem
e
It all re
volves
aroun
d the
LIBRA
RY
Blue
Whit
eOr
ange
Instruc
tor:
Date:
Course
:
20
Descrip
tion:
Progra
ms:
Proces
s:
Objec
tive:
Flier
LEADERSHIPGraduate
Conference
Conference i s avai lable to graduating seniors . Space i s l imited.
Do you want to have the competitive edge in business?
Come learn how at Vount Communications annual Graduate Leadership Conference.
Vount 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 Vount Communications to discuss breakthrough leadership techniques, while cultivating attributes of leadership that will market to any employer.
Registration and more information available at http://www.vouantcomm.com/leaders
October 218 a.m. 5 p.m.Lincoln Convention Center
Promo
tional fl
ier in B
lack a
nd W
hite to
prom
ote Vo
uant
Comm
unica
tions Le
aders
hip Co
nferen
ce for
gradua
tes.
InDesig
n
I sketc
hed fou
r layou
t option
s. I rec
reated
my fav
orite la
yout in
Adob
e InDe
sign. I
used
an im
age,
logo a
nd th
e con
tent fo
r this fl
ier
that w
as giv
en to m
e for th
e proje
ct. I us
ed as
ymme
try in m
y desig
n
and ali
gned th
e phot
o, title
and d
ecorat
ive bo
xes to
the lef
t of the
page
and a
ligned
the bu
llet po
ints slig
htly off
cente
r. Using
value
s
of blac
k and
white
I provi
ded g
reat co
ntrast in
the typ
ograp
hy
in the
title an
d using
differi
ng fon
t sizes
and op
tions c
reated
a
focal p
oint fo
r the d
esign. I
n orde
r to un
ify the
design
I used
boxes
of bla
ck rep
etitive
ly thro
ughout
the de
sign.
Your e
mploy
er ask
s you
to cr
eate
a new
s flier
in InD
esign
.
She giv
es you
the inf
ormatio
n, a log
o, and
one im
age
to use.
She a
sks you
to cre
ate a n
ew lay
out tha
t will
be att
ractive
and m
ore inv
iting to
read.
Emily K
unz
Januar
y 2015
Comm
130 Se
ction 1
1
Instruc
tor:
Date:
Course
: