Top Banner
Portfolio Sue Francis
11

Project 9 Sue Francis

Nov 15, 2015

Download

Documents

Sue Francis

Comm 130 Portfolio
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 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

    :