Adin

a Cal

l

P or t

f ol i

o

Cont

act m

e

Nam

e

Num

ber

Web

site

Face

book

Inst

agra

m

Pint

eres

t

Addr

ess

Adin

a Ca

l l

253.

740.

5935

www.

adin

acal

lcom

m.w

ordp

ress

.com

www,

face

book

.com

/adi

na.c

all/

@_di

di_l

a

pint

eres

t .com

/did

i la/

5609

Vic

toria

Gar

dens

Blv

d. #

1404

Port

Ora

nge,

FL

3212

7

Table of Contents F l i e r

A d E v e n t

P h o t o d e s i g n

M o n t a g e

L o g o B u s i n e s s C a r d

L e t t e r h e a d

W e b Pa g e

B r o c h u r e

46

810

1214

1618

20

Instructo

r

Course

Date

Julie Pete

rson

Comm 13

0 Section

13

1.21.201

5

Programs

Used

Adobe In

Design

Descripti

on

I created

Black and

White po

rtfolio flie

r to adver

tise

for a Gra

duate Lea

dership C

onferenc

e.

Objective

s

Apply th

e design

principle

s and use

appropria

te

typograp

hy. Incorp

orate basi

c InDesig

n skills to

improve

basic flier

layout. R

etrieve im

age and

logo

from links

on this p

age. Crea

te a proje

ct folder

with

image, lo

go and In

Design d

ocument t

o keep li

nks in

InDesign

intact.

Process

I first sket

ched out

rough dra

fts of the

layout on

paper. I th

en picked

my favor

ite desig

n and us

ed

Adobe In

Design to

recreate

the desi

gn into a

digital

form. I us

ed the RE

CTANGL

E tool to c

reate box

es

and the T

EXT tool

to create

text box

es. I dow

nloaded

the photo

and logo

from a BY

U-Idaho

Comm we

b-

page, and

inserted

them usin

g the PLA

CE tool. I a

lso

used ROT

ATE tool

to create

the angl

es that yo

u see. I

thought a

bout the

tracking (

spacing o

f lines be

tween

text lines

) the title

heading

s and pret

ty much

all the

line spac

ing and le

arned the

importan

ce of spa

cing.

Alignmen

t was very

importan

t aspect o

f this proj

ect

to get the

right flow

and con

sistency.

I incorpor

ated

an asymm

etrical lay

out to dra

w the rea

der in for

a fun

and fresh

look.

Flier

Grad

uate

Lead

ersh

ip

Conf

eren

ce

Do you

wan

t to

have

the co

mpe

titive ed

ge in

bus

ines

s?

Com

e le

arn

how at V

ouan

t Com

mun

icat

ions

ann

ual G

radu

ate Le

ader

sihi

p Co

nfer

ence

.

Voua

nt C

omm

uica

tions

is d

evot

ed to

helpi

ng to

mm

orro

ws lead

ers ga

in ess

entia

l

lead

ersh

ip ski

lls in

the wo

rk p

lace

. Dur

ing

this d

ynam

ic th

ree-da

y se

min

ar, a

ttend

ees

will

mee

t with

top

exec

utives

of V

ouan

t Com

mun

icat

ions

to d

iscu

ss b

reak

thro

ugh

lead

ersh

ip te

chni

ques

, whi

le cul

tivat

ing

attrib

utes

of l

eade

rshi

p te

chni

ques

that

will

mar

ket t

o an

y em

ploy

er. C

onfe

renc

e is ava

ilabl

e to

gra

duat

ing

seni

ors.

Spac

e is li

mite

d.

Registration and more inform

ation

available at:

www.vouantcomm

.com

October 21 8am-5pm

Lincoln Convention Center

Instructo

r

Course

Date

Julie Pete

rson

Comm 13

0 sectio

n 13

1.31.201

5

Microsof

t Word

Descripti

on

This is a c

olor full-b

leed even

t ad that

I used on

ly Micros

oft

word and

a scanne

d.

Objective

s

Compreh

end imag

e sizing (

how pixe

ls and inc

hes work

together)

. Find, sca

n and im

port a hig

h-quality

image.

Create a

full-bleed

design.

Choose a

color sch

eme and

typeface

(s) that wo

rk for you

r messag

e and au

dience.

Learn to

use only W

ord desig

n features

without u

sing any

Adobe p

rograms,

including

Photosh

op.

Process

For this p

roject I sc

anned an

image a

nd I didn

t do any

major edi

ts to the

image oth

er than ch

anging th

e pixels

a little bi

t to fit the

project s

tandard a

nd cropp

ing it to

fit the pa

ge. I had

this idea

to use tr

iangles to

ad some

design e

lements, t

o add so

me flow a

nd to draw

in the

viewer. I u

sed lots o

f layering

for that as

well as th

e

grouping

tool afte

r my initi

al design

of those w

as in plac

e.

I also dow

nloaded

the title f

ont from

DaFont.co

m to get

that surfe

r feel. I us

ed a logo

from Goo

gle imag

es to

incorpor

ate the A

utism awa

reness, th

e ribbon

is usually

red, yello

w and blu

e puzzle

pieces, b

ut I found

this imag

e

fit my col

or schem

e more an

d unified

the piec

e. I though

t

about ges

talt a lot w

ith the tria

ngles and

with all th

e colors

to unify m

y composi

tion. Pro

grams, I u

sed are:

Microsof

t

Word, Hp

Photosm

art Printe

r 7520, Da

Font.com

.

Ad Event

Programs

Used

Instructo

r

Course

Date

Julie Pete

rson

Comm 13

0 sectio

n 13

2.07.201

5

Adobe P

hotoshop

Descripti

on

Demonst

rate good

photogr

aphy and

image e

diting ski

lls into

a poster

design a

long with

adding a

color sch

eme to a

poster.

Objective

sLear

n basic p

hotograp

hy skills. C

hoose a c

olor sche

me, take

a

photo to

match tho

se colors,

then inco

rporate t

he colors

into

the layou

t. Use a d

igital cam

era to tak

e a qualit

y image, t

hen

downloa

d it. Adju

st image

levels, sa

turation,

color bal

ance,

sharpen

tool on s

eparate l

ayers for

NDE (non

-destruct

ive

editing.)

Size and

crop the

image, th

en place

on an 8.5

11

page layo

ut. Use la

yers to de

sign text

, and repe

ating grap

hic

elements

in Photo

shop. Prin

t with full-

bleed ma

rgins. Trim

only

1/8 (0.12

5) from al

l four sid

es.

Process

First I pic

ked out a

Triadic co

lor schem

e from th

e color w

heel,

I chose Re

d, Yellow

and Blue

to work w

ith. Then

I practice

d

taking qu

ality phot

os with a

friends c

amera of

my son a

t the

beach(wh

ich was so

much fun

), a Nikon

D3100 d

igital cam

era.

I thought

about co

mposition

and how

photo ca

n lead yo

u

into a lay

out. I also

used shar

p focus, o

utdoor lig

hting and

an

off-cente

red comp

osition. Th

en I used

placed m

y photo i

nto

Photosho

p and us

ed edits

such as b

rightness

and con

trast,

vibrance

and satur

ation, and

also leve

ls. I then

situated m

y photo

on an 8.5

x 11 bac

kground

and brou

ght in my

quote, co

lor

scheme n

ame and

also the

names of

the actu

al colors

I used. I

used the

eye-drop

per tool t

o match f

rom my p

hoto to th

e text so

it would h

ave a coh

esive and

unified lo

ok. I had

fun playin

g the

arrow shap

es, from t

he custo

m shape

tool, and

making t

hem

modern l

ooking a

s well has

helping t

o lead yo

u around

the

composi

tion. I als

o used a

backdro

p photo w

ith the lay

er style

option to

add textu

re to the

page and

made it m

ore trans

parent,

so it wou

ldnt dist

ract from

the cont

ent. To b

e honest

I wasnt

sure wha

t I envisio

ned, but

I really en

joyed pla

ying and

learning

in Photos

hop this w

eek.

Photo de

sign

Programs

Used

Instructo

r

Course

Date

Julie Pete

rson

Comm 13

0 sectio

n 13

2.14.201

5

Adobe P

hotoshop

Descripti

on

This is an

inspiratio

nal monta

ge with th

e blendin

g of

three pho

tos and th

e additio

n of using

Typograp

hy

to create

a poster.

Objective

sUse

the FOCU

S design

process w

ith strong

focal

point and

flow. Uni

fy a layou

t with a co

nsistent t

heme

and dom

inant spi

ritual me

ssage. Le

arn to ble

nd two

or more i

mages to

gether gr

adually, u

sing mas

ks.

Demonst

rate more

advance

d Photos

hop skills

for layou

t

with mul

tiple elem

ents. Use

a mask t

o apply a

filter to

one part

of the im

age. App

ly typogra

phy princ

iples

(titles, qu

otes, eve

nts or scr

iptures...

your cho

ice).

Process

For this p

roject I sc

anned an

image a

nd I didn

t do

any major

edits to th

e image

other tha

n changi

ng the

pixels a l

ittle bit to

fit the pro

ject stand

ard and c

ropping

it to fit th

e page. I

had this

idea to u

se triang

les to ad

some de

sign elem

ents, to a

dd some

flow and

to draw

in the vie

wer. I use

d lots of l

ayering f

or that as

well as

the group

ing tool a

fter my init

ial desig

n of thos

e was

in place.

I also dow

nloaded

the title f

ont from

DaFont.

com to g

et that su

rfer feel. I

used a lo

go from G

oogle

images to

incorpor

ate the A

utism awa

reness, th

e

ribbon is

usually re

d, yellow

and blue

puzzle p

ieces,

but I foun

d this ima

ge fit my

color sch

eme mor

e and

unified th

e piece. I

thought a

bout ges

talt a lot w

ith the

triangles

and with

all the co

lors to un

ify my com

position.

Programs

, I used a

re: Micros

oft Word,

Hp Photo

smart

Printer 75

20, DaFon

t.com

Montage

Programs

Used

Instructo

r

Course

Date

Julie Pete

rson

Comm 13

0 sectio

n 13

2.19.201

5

Adobe Il

lustrator

Descripti

on

Three log

o variatio

ns for the

same co

mpany.

Objective

s

Create th

ree comp

letely dif

ferent, ori

ginal log

os to

fit a com

pany or p

ersonal im

age that

will appea

l

to the au

dience. D

o not imi

tate exist

ing logos

or

use previo

us desig

ns. Use on

ly the Illu

strator to

ols

to create

and draw

your log

os. (No Illu

strator pr

e-

fabricate

d flares, s

ymbols, e

tc. No ph

otos or li

ve-

tracing. Y

ou may us

e an ima

ge or dra

wing as a

guide

to trace it

with the

pen/penc

il, but del

ete the im

age

before su

bmitting.

) Gather o

pinions fr

om at lea

st

ten peopl

e about w

hich logo

appeals

most to t

hem.

Process

This was

fun to see

what I ca

n create w

ith Illustr

ator and

also chall

enging to

understa

nd what w

orks and

how

to use co

lor with d

esign pri

nciples. F

irst I sketc

hed out

some thu

mbnails t

o genera

te ideas a

nd basic

concepts

.

For the to

p logo, I u

sed the p

en tool to

create m

y initials

into sign

ature form

. I used a

monochr

omatic co

lor

scheme f

or this log

o. On the

second I

used crea

ted

the a an

d c into

objects s

o I could m

atch the

tail of

the a an

d the c to

be the sa

me width.

I also us

ed the

ellipse to

ol to crea

te a circle

then used

the text

and

hovered o

ver that c

ircle to c

reate a cu

rved text

path. I

used an a

nalogous

color sch

eme for t

he this log

o. In

the bottom

logo I use

d the pen

tool to c

reate the

tip of

the paintb

rush and

a rounde

d rectang

le to crea

te with

handle of

the pain

tbrush, e

dited with

the pen

tool. I

used a co

mplimen

tary colo

r scheme

for this la

st logo

design. O

n all of th

e logos I u

sed basic

typograp

hy

principles

, with varie

d tracking

and kern

ing to ma

ke

them mor

e interes

ting.

Logo

Programs

Used

Adina Call Design & Studio

A D I N A C A L L

design & studio

ad

ina call design & st

udio

ad

ina

call design & stud

io a

d e s i g n & s t u d i o

C A L L

Instructo

r

Course

Date

Julie Pete

rson

Comm 13

0 sectio

n 13

2.28.201

5

Adobe Il

lustrator

& InDesig

n

Descripti

on

Matching

letterhea

d and bu

siness car

d design

using

an origin

al logo d

esign.

Objective

s

Use the b

asic tools

in Illustra

tor & InDe

sign.

Create a

new logo

to fit a co

mpany o

r persona

l image.

Do not im

itate exis

ting logo

s or use p

revious d

esigns.

Dont use

photos o

r live trac

e. Use the

new logo

to desig

n

consisten

t layouts f

or a busi

ness card

and lette

rhead.

Photos ar

e okay on

business

card and

letterhea

d as

additiona

l design e

lements. L

etterhead

should b

e 8.5 x

11, full-b

leed opti

onal, but

trim only

.125. Bus

iness card

should be

3.5 x 2 a

nd printe

d above

center on

a vertica

l

page. App

ly typogra

phy rules

, keeping

small cop

y.

Keep des

igns simp

le with lig

ht waterm

arks and

drop

Process

For the b

usiness ca

rd design

, I found

a font from

DaFont.

com and

created a

lso some

gold leaf

from a tu

torial, tha

t

led me to

deviant a

rt where I

could do

wnload th

e gold

leaf for fr

ee. I used

a clippin

g mask, w

ith the fon

t and gold

leaf to cr

eate the

Momoko

and Mo

logos. I

used Ado

be

Illustrator

for this p

roject. I h

ad a hard

time savi

ng them a

s

a J PG in

Illustrator

so I crea

ted an InD

esign file

and plac

ed

my busine

ss card in

to InDesi

gn and e

xported f

rom there

to create

J PG. I als

o saved it

as a PDF

in Illustra

tor. This

was a gre

at lesson

in how t

o use Illu

strator an

d work wi

th

design to

make a f

un and re

levant bus

iness card

.

Business C

ard

Programs

Used

Instructo

r

Course

Date

Julie Pete

rson

Comm 13

0 sectio

n 13

2.28.201

5

Adobe Il

lustrator

& InDesig

n

Descripti

on

Matching

letterhea

d and bu

siness car

d design

using

an origin

al logo d

esign.

Objective

s

Use the b

asic tools

in Illustra

tor & InDe

sign.

Create a

new logo

to fit a co

mpany o

r persona

l image.

Do not im

itate exis

ting logo

s or use p

revious d

esigns.

Dont use

photos o

r live trac

e. Use the

new logo

to desig

n

consisten

t layouts f

or a busi

ness card

and lette

rhead.

Photos ar

e okay on

business

card and

letterhea

d as

additiona

l design e

lements. L

etterhead

should b

e 8.5 x

11, full-b

leed opti

onal, but

trim only

.125. Bus

iness card

should be

3.5 x 2 a

nd printe

d above

center on

a vertica

l

page. App

ly typogra

phy rules

, keeping

small cop

y.

Keep des

igns simp

le with lig

ht waterm

arks and

drop

Process

For the l

etter hea

d, I create

d the bus

iness card

first, the

n

after my c

ard was do

ne I copi

ed and p

asted my l

ogos into

a new Ad

obe Illust

rator doc

ument. F

rom there

I played

around w

ith creati

ng anoth

er gold le

af clippin

g mask

for the lin

e undern

eath at th

e top, but

for some

reason

it sort of m

ade it loo

k a little t

oo much

bling blin

g. It was

distractin

g. While

working i

n InDesig

n, I kept t

he line

black. I th

en create

d a waterm

ark by en

larging th

e Mo

and chan

ging the

opacity to

like 4%,

I had it at

7% but

when I p

rinting it w

as still to

o dark. I h

ad to adju

st it to a 3

&

or 4%. This

was a fu

n project

and reall

y nice to

see how t

o

create st

ationary u

sing an o

riginal lo

go.

Letterhea

d

Programs

Used

Instructo

r

Course

Date

Julie Pete

rson

Comm 13

0 sectio

n 13

3.15.201

5

Adobe P

hotoshop

and Text

Wrangler

Descripti

onA we

b page d

esigned

to showca

se a pers

onally cre

ated logo

.

Objective

s

Size and

optimize a

n origina

l logo as

a .png for

a web pa

ge

so the lon

g side is 3

00 500

pixels. W

rite conte

nt to des

cribe

the proce

ss of crea

ting your

logo and

how it ap

peals to a

target aud

ience. (M

inimum o

f 200 wor

ds. Includ

e rationa

le for

colors, ap

peal to ta

rget audi

ence, des

ign skills,

etc,). Ac

quire

a working

knowled

ge of HTM

L. (Includ

e all requ

ired tags

Doctype

(provide

d), html,

head, title

, meta ch

arset (pro

vided),

body, h1

, h2, p, ol

or ul (wit

h li tags)

, img, br,

and a link

to blog).

Acquire a

working

knowled

ge of CSS

. (Custom

ize the pro

vided

CSS prov

ided to fo

rmat the

HTML to

complem

ent the lo

go

design. C

hange at

least the

following

: The h1 t

ext color

& h1

backgrou

nd color,

font colo

rs for the

paragrap

hs & list i

tems,

the backg

round co

lor, font f

amilies a

nd add a

t least on

e css

commen

t.) Identif

y hex col

ors to ma

tch logo,

using Ph

otoshop

color pic

ker. Open

the HTML

page in

a web bro

wser and

capture a

quality s

creen sho

t with .5 in

ch margin

s for prin

ting.

Process

I created

this web

page usi

ng only T

extWrang

ler. I have

been

introduce

d to HTM

L/CSS bri

efly but on

ly since Ja

nuary 20

15,

in my oth

er online

courses.

Its been

fun to see

what you

can

create w

ith text ed

itor. I also

used the

http://ww

w.W3.org

HTML val

idator to e

nsure my

code wa

s correct.

After I pu

t all

the conte

nt and my

logo ima

ge into th

e html , I a

ttached a

pre-

made CS

S docum

ent to my

HTML. I th

en used

the colors

from

my logo a

s the colo

rs for my

web pag

e. I found

these co

lors

by openi

ng Photo

shop and

using the

eyedropp

er tool. I a

lso

changed

my fonts

to Baske

rville and

Century

Gothic. I d

eclared

some ba

ckup font

s just in c

ase the v

iewers b

rowser di

dnt have

these fon

ts. I also u

sed padd

ing aroun

d the logo

and text

so

that they

would no

t be too c

lose to th

e edge o

f the web

page.

This was

one of th

e most ch

allenging

parts of w

orking wit

h CSS.

Web Page

Programs

Used

I created

this web

page usi

ng only T

extWrang

ler. I have

been

introduce

d to HTM

L/CSS bri

efly but on

ly since Ja

nuary 20

15,

in my oth

er online

courses.

Its been

fun to see

what you

can

create w

ith text ed

itor. I also

used the

http://ww

w.W3.org

HTML val

idator to e

nsure my

code wa

s correct.

After I pu

t all

the conte

nt and my

logo ima

ge into th

e html , I a

ttached a

pre-

made CS

S docum

ent to my

HTML. I th

en used

the colors

from

my logo a

s the colo

rs for my

web pag

e. I found

these co

lors

by openi

ng Photo

shop and

using the

eyedropp

er tool. I a

lso

changed

my fonts

to Baske

rville and

Century

Gothic. I d

eclared

some ba

ckup font

s just in c

ase the v

iewers b

rowser di

dnt have

these fon

ts. I also u

sed padd

ing aroun

d the logo

and text

so

that they

would no

t be too c

lose to th

e edge o

f the web

page.

This was

one of th

e most ch

allenging

parts of w

orking wit

h CSS.

Instructo

r

Course

Date

Julie Pete

rson

Comm 13

0 sectio

n 13

3.29.201

5

Adobe P

hotoshop

, InDesig

n, and Illu

strator.

Descripti

on

A tri-fold,

double s

ided fold

ing broch

ure.

Objective

sSet u

p and ali

gn a two

-sided, fo

lded doc

ument.

Create an

original,

new logo

and use

it in a bro

chure.

Incorpor

ate qualit

y images.

Incorpor

ate at lea

st four qu

ality

images, n

ot includ

ing the lo

go. One sh

ould be c

lipped in

Photosho

p and tex

t-wrapped

in InDesi

gn so the

text follo

ws the

cutout sh

ape of th

e image.

Write at

least 250

words o

f original

copy in at

least thre

e paragra

phs, hea

ders, and

sub hea

ders.

Trim for a

full bleed

and prin

t in duple

x (two-sid

ed) color.

Process

I set up th

e tri-fold

in Adob

e InDesig

n. I split m

y layout i

nto six

sections

with the

concept t

hat the o

uter secti

on would

handle

the front

of the bro

chure, th

e second

page and

the back

of the

brochure

. While th

e inside w

ould han

dle the th

ree body

panels.

I used pu

rple and

gold bars

along wit

h repeatin

g rectang

ular

boxes to c

reate repe

tition and

flow. I de

liberately

chose el

ephant

images an

d clothing

photos t

hat show

ed off wh

at the bu

siness

offered a

s well as

tied into

the logo.

I used the

se photo

s to

create in

terest and

help the

reader se

e what th

e compa

ny is

about as w

ell as crea

te interes

ting desi

gn eleme

nts. For th

e

image of

the painte

d elephan

t and the

clothes on

the rack

photo

I used the

quick se

lection to

ol in Ado

be Photo

shop to re

move

the backg

round of

the imag

e. . I then

placed

the pain

ted

elephant

into InDe

sign whe

re I used

the text

wrap opt

ion to

wrap my t

ext aroun

d the alph

a channel

of the im

age. For

the

clothing p

hoto I sim

ply placed

into a re

ctangle,

that I too

k the

border of

f of using

the hide

outline o

n the colo

r panel. I l

iked the

original p

hotos loo

k of the j

ewelry, th

e baby e

lephant,

and the

girls at th

e party, s

o I didnt

add any

filters, I si

mply plac

ed them

into InDe

sign.

Brochure

Programs

Used