comm 130 p9 portfolio

8/18/2019 COMM 130 P9 Portfolio

1/15


2/15

Table of Content

Flier

Event Ad

Photodesign

Montage

Logos

Stationary

Web page

Brochure

contactRachel Merrill

123 Vernon Way

Springfield, DE 13243

593.343.5434

[email protected]


3/15

Event AdDescription A c olor flye r de sign ed in Word prom oti ng an even t b ene fit ing a s mall

library in a small town in Maine.

Date30 Jan 2016

Course/ InstructorCOMM 130 Section 13

Emily Kunz

Programs UsedMicrosoft Word

Objectives

• Find, scan and import a high-quality image.• Create a full-bleed design.

• Choose a color scheme and type that supports the message

• Learn to use Word design features

ProcessI scanned an image from Miss Rumphius, an iconic childrens’ book

set in Maine about a woman who “makes the world more beautiful” by

scattering lupine seeds everywhere. I dida few sketches to generate

layout options, then turned to Word. I pulled the color scheme of

green, purple, and orange from the image itself, and find that the

orange really added good contrast. I also contrasted the serif title font

with the san serif body copy. I created some lupine-shaped bullets torepeat the shapes found in the image, and arranged the text to mirror

the diagonal line created on the bottom left by the lupines. I love how

the image of Miss Rumphius, the sale of lupine plants and seeds, and

the tagline from the book “Do something to make the world more

beau tif ul” all work tog eth er r eall y n icel y t o c reat e a stro ng the me for

this event.


4/15

PhotodesignDescription A f ull-b leed , 8 .5 by 1 1, phot ode sign proj ect that inc lude s an orig inal

quality image, a consistent color scheme based on that image, some

text, and a few design elements.

Date6 Feb 2016


Emily Kunz

Programs Used Ado be Phot osho p

Objectives• Learn basic photography skills• Take a photo to match a chosen color scheme

• Incorporate color scheme into layout.

• Use a digital camera to take a quality image

• Adjust image levels, saturation, color balance, sharpen tool on

separate layers for NDE (non-destructive editing)

• Use layers to design text & repeating graphic elements in Photoshop

ProcessI took a walk in the woods and took some photos of a nearby creek.

When I g ot home , t houg h, I wasn ’t very happy with the colo rs i n

the pictures. The water was muddy, and the green, yellow, and brick

colors that I pulled from the photo weren’t very appealing. I used a

mask to make the water a little more blue. This improved the appeal

of the photo, but it still seemed flat. I found a texture overlay in my

files, and adding that gave my image some depth, and then I added a

clipping mask that I think really adds to the rustic, woodsy feel.


5/15

LogosDescription A u niq ue l ogo for a re al o r f ict ion al c omp any.

Date

20 Feb 2016


Emily Kunz

Programs Used Ado be Illu stra tor

Objectives• Create an three original logos to fit a company

• Conduct market research to narrow it down to one• Use only the Illustrator tools to create and draw your logos

• Refine one logo with variations for color, black & white, and white

on a colored background

ProcessIt was fun to return to Illustrator this week, because I’m a lot more

comfortable here than with Photoshop or Indesign. I sketched out

a dozen or so ideas, picked the best three, and worked them up in

Illustrator. I took a market survey, which ended up evenly divided

bet ween two of the ide as. I we nt wit h t he one my i nst ruct or like d b est .

I used the pen tool to create the apostrophe heart shape- I wanted it

to have a little dimensionality, reminiscent of a piece of raised metal

type. After my critique I simplified the typography to a font that has

very little thick to t hin transition so nothing disappears when the

logo is shrunk to a smaller size. I also simplified the graphic part

of the logo to make fewer small lines and details. I think I ended up

with a logo that would come across well at any size and in a variety of

formats. I’ve inserted an image below that shows several steps in the

evolution of my my logo design.


6/15

MontageDescription A s piri tual ly t hem ed post er w ith imag es a nd type .

Date

13 Feb 2016


Emily Kunz

Programs Used Ado be Phot osho p

Objectives• Create a design with strong focal point and flow

• Unify layout with a consistent theme and spiritual message• Blend two or more images together gradually using masks

• Demonstrate advanced Photoshop skills

• Use a mask to apply a filter to one part of the image

• Apply typography principles

ProcessFor this project I used Photoshop. I was asked to keep track of the

steps I took to create this image:

• Opened a blank 8.5×11 in canvas Photoshop and brought in an

image of stars and sky.

• Copied the stars layer, than applied a Gaussian blur to the top layer,

and reduced the opacity to 85%.

• Opened an image of a woman with outstretched arms, clipped

around her, and brought that into the stars image.

• Copied the layer with the woman. Desaturated the top layer of the

woman and lowered the opacity to 30%.

• Made a third copy of the stars layer, and created a clipping mask

with that and one of the woman layers, so now you see the woman

with the stars showing through behind her.


7/15

Web PageDescription A we b p age con tai nin g an orig inal logo desi gn and desc ript ion of the

design process.

Date12 Mar 2016


Emily Kunz

Programs UsedNotebook ++, Adobe Photoshop, Adobe Illustrator

Objectives

• Size and optimize an original logo as a .png• Write content to describe the process of creating your logo

• Acquire a working knowledge of HTML

• Acquire a working knowledge of CSS

• Identify hex colors to match logo using Photoshop

ProcessFor this project I used Notebook ++ as my text editor. We were given

a simple HTML outline and CSS page. We were asked to change a few

things, to add our own image, change some colors, etc. Very simple

things. I took the opportunity to learn a little more about web design.

I started with a goal of designing a completely responsive page. I had

to cut back on that goal for this assignment. I searched W3 schools

whenever I got stuck, and was usually able to find an example of how

to do what I wanted to d o. I’m pleased with what I designed, I feel that

it looks a little more updated then the template we were originally

given.


8/15

FlierDescriptionBlack and white news flier promoting a graduate conference. Client

provided information, logo, and a selection of images.

Date23 Jan 2016


Emily Kunz

Programs Used Ado be Ind esi gn

Objectives

• Apply design principles• Use appropriate typography

• Incorporate InDesign skills to improve flier layout

ProcessFirst, I spent some time thinking about the message and the audience.

I did some research, gathering examples of other conference fliers

for inspiration. Then I brainstormed visually, sketching out possible

layouts with pencil and paper. I chose my favorite layout of the basic

elements (title, images, body copy, etc.) and turned to Indesign. I

tried to look at the basic shapes and how they were working together,

paying attention to proximity and alignment. Then I added some

contrast through value changes and a asymmetry. I tried to make sure

that the overall look was unified, that everything belonged together.

Aft er doi ng som e c riti que sess ion s, I poli shed up t he t ypog raphy and

simplified the graphic elements to streamline the design.

8 a.m.

to

5 p.m.

October

21-23

2016

Lincoln

Convention

Center

Do you want to have t hecompetitive edge in busCome learn how at Vouant Communic

Annual Graduate Leadership Confere

Vouant Communications is devoted to

tomorrow’s leaders gain essential lead

skills in the workplace.

During this dynamic threeseminar, graduating seni• Meet top executives of Vouant Comm

• Discuss breakthrough leadership tec

• Cultivate attributes of leadership thamarket to any employer

Conference is available to graduating

Space is limited.

Registration and more information a

at: http://www.vouantcomm.com/l

G R A D U A T E

C O N F E R E NL E A D E R S H I


9/15

BrochureDescription A f ull colo r fo ldin g b roch ure.

DateLorem ipsum.


Emily Kunz

Programs Used Ado be Ind esi gn, Ado be Illu stra tor, Ado be Phot osho p

Objectives• Set up and align a two-sided, folded document.

• Create an original, new logo and use it in a brochure• Incorporate at least four quality images

• Clip an image in Photoshop and text-wrap it in InDesign so the text

follows the cutout shape of the image

• Write at least 250 words of original copy in at least three paragraphs,

headers, and subheaders

• Trim for a full bleed and print in duplex (two-sided) color

ProcessI decided to design an instructional brochure. I set up a white box and

took step by step photographs of the process. I used Adobe Illustrator

to design a logo using three S’s for Spinning Sky Designs. I also

created the background graphics in Illustrator, as I feel Illustrator has

bet ter too ls f or that . I used Phot osho p t o e dit my p hoto s, a nd to make a

cut-out of the large doll photo. I used a text wrap in InDesign to make

the title wrap around the doll photo. I used Indesign to put all of the

elements together, and to set up the text. The paragraph style tool was

especially helpful in this project, so every time I changed my mind I

didn’t have to manually redo all of the text.

PerfectlyPrecious

Peg DollTutorial

For more great tutorials and

printables visit my website

and blog at: www.

spinningskystudios.com. Sign up for

my newsletter so

you won’t miss

any great new

content!

Materials1. Wooden doll form2. Felt scraps

3. Scissors

4. Glue

Cuta rectangle out of your felt,

approximately 3 inches long and tall

enough to cover the peg doll from

bottom to neck.

Cover the peg doll body with glue, you can

spread a thin layer all over, or just zig zag.

Then just roll the fabric around it, and

hold in place for the glue to dry.

Adda ring of glue around the neck, and push

the felt inward so it fits snugly there. Hold

in place while the glue dries.

Stylehair as desired, I chose pigtails for t

one, it seemed to fit her well.

Adjust the hair, continue to glue and hold. T

is the most fiddly part of the project

Hold the roving in place while it dries, the

add glue in additional areas as desir

Cover head with glue, I prefer to start with small circle of glue near the back an

of the head.


10/15

StationaryDescriptionLetterhead and business card with original logo.

Date20 Feb 2016


Emily Kunz

Programs Used Ado be Illu stra tor and Adob e I nDes ign

Objectives• Use the basic tools in Illustrator & InDesign.

• Create a new logo to fit a company or personal image.• Design consistent layouts for a business card and letterhead. Apply

typography rules, keeping small copy

• Keep designs simple

ProcessFor this project I reached out to Cara Sawyer, head librarian at the

Cherryfield Public Library. Cherryfield is my mother’s hometown in

Maine, and one of my favorite places in the world. I admire how hard

the librarians work to bring the services they bring to t heir town, and

I wanted to do something to help. I sent Cara a series of questions

about the library and what kind of logo design she was looking for.

Aft er sket chin g o ut som e i deas , I used Illu stra tor to crea te seve ral

different logos for her to consider. I’ve inserted an image below to the

sheet I sent for her consideration. I pulled keywords from her answers

to my questions, and images of my different ideas. She and I are still

working to finalize and refine a logo, but for the purposes of this

assignment I picked one and used it to create a professional looking

letterhead and business card in Indesign.

Serving the community since 1837

Cara Sawyer

207.546.4228

35 Main Street

Cherryfield, ME, 04622

[email protected]

www.cherryfieldlibrary.com

Cara Sawyer

207.546.422835 Main Street

Cherryfield, ME, 04622

[email protected]

www.cherryfieldlibrary.com


11/15

Event PosterDescriptionLarge poster to advertise an Easter musical event.

Date06 Feb 2016

ClientSavior of the World Production

Devin Toma


Objectives• Use provided image to create a strong focal point

• Present pertinent information in an easily readable manner• Combine text and images to create a layout that reinforces the

message and theme of the production

• Create multiple sizes/ dimensions of layout for printing at 8.5x11,

18x24, and 24x36

ProcessI chose the window with the image of Christ in as thefocal point,

and designed everything around that. I lightened the value of the

lines depicting the apostles so that the focal point would be darker

and stand out inside the window frame. I placed a slight gradient on

the page so it would be lighter behind the window. I offset the focal

point, instead of centering it, and arranged the typography so that it

would look like it was flowing out from the bottom of the focal point.

I started with a dark blue background, but lightened it because I felt it

fit the message and theme better. This poster was distributed all over

Northern Virgina, Washington DC, and Maryland as well as on social

media. All three performances were sold out.

March 25-27, 2016

SAVIOR OF THE WORLD

H i s L i f e a n d R e s u r r e c t i o nPlease join us for this beauful Easter musical dramaMar 25th, 7pm • Mar 26th, 4pm • Mar 27th, 7p

Running time 75 min · No charge for admission · For more info visit www.sotw

Washington D.C. Temple Visitor’s Center · 9900 Stoneybrook Dr · Kensington, M

Learn fromastronauts

To Find Out More


12/15

Workshop

BrochureDescription A f our page , f ull- colo r br och ure for a t hree work shop even t.

Date20 Mar 2016

ClientHigher Orbits

Michelle Lucas

Programs Used Ado be Illu stra tor, Ado be InD esig n, and Adob e P hoto shop

Objectives• Incorporate a b adge image (provided) and a space photo (not

provided) into the front cover

• Incorporate an event logo, company logo, sponsor logos, location

photo and bio photos into design

• Write copy based on information provided

• Include sections for workshop information, instructor bios,

testimonials, location information, and sponsor information

ProcessSince I was asked to place the previously created badge image on the

cover, and the colors in that image were a little intense, I chose an

analogous color scheme that matched the blue in the badge. I found a

picture on NASA’s website that provided a non-distracting background

for the cover. I created the graphics in Illustrator, then placed those

files into an InDesign document and set up the text. I gathered

feedback from the client several times and made small tweaks in t he

design and text, then exported it as a high quality PDF for printing.

Meet the Team

...and more!

Dottie Metcalf-Lindenburger, a teacher, joined NASA in 2004 anSpace Station as a Mission Specicommanded an underwater NEEof the Space Camp Hall of Fame,TedX stage, she loves to speak abeducation.

Michelle Lucas worked at NASA Space Station (ISS) Flight Controand as an Astronaut Instructor inGroup. Her passion for inspiringwork with other organizations indecided to form Higher Orbits tostudents abut the wonders of ST

“I have never seen something like Go For Launch! anywherein the world. Offering students the opportunity to competefor a place on the International Space Station is unheardof and an extremely incredible opportunity...kids fromall backgrounds are coming to our local Science Centerto build professional-level experiments while meetingastronauts and learning some history along the way. It isan inspiring and humbling thing to see: a truly unbeatableway to incorporate “STEAM” education into the lives of ourstudents.” -Katie Kubitskey; Space enthusiast & Educatorand Founder of My World Travel

Twyman Clements is President &a Lexington, Kentucky based comspace for solutions on Earth. ClemSpace Systems Engineer for KentTango’s R&D partner). His experimissions, International Space Stdevelopment, research and Exom

ScienceTechnology EngineeringArtMath

High SchoolProgram

Jul 27-2 9,2016

MiddleSchoolProgram

June 30-Jul 2,2016

3 Days toExplore &Discover!

astronauts& otherexperts!

and Register visit:

www.GoForLaunch.spaceor email

[email protected]

DeerfieldHigh School1949 WaukegDeerfield, IL60015

Pres

Go For Launch!WHAT IS IT?A 3-day program, running 9-5 each day, that uses SpaceExploration as a platform to launch student involvement in:

• STEAM (Science, Technology, Engineering, Art & Math)

• Teamwork

• Communication

WHAT CAN I EXPECT?

Learn about human spaceflight directly from experts in thefields of space & STEM including:

• An Astronaut and Astronaut Instructor• International Space Station Flight Controller

• Space Shuttle Flight Controller

• Scientists and Engineers

Get personalized insight and feedback from experiencedspace and STEM professionals whose goals are to illustratethe numerous possibilities that exist in the world of STEM.

Work with a real live astronaut for two or three full days.

ARE THERE HANDS ON ACTIVITIES?

Student teams will work together on collaborative activitiesbefore or after nearly every talk to earn daily awards.

Each team will work together over the three days to defineand design their own space experiment & present theirideas to a panel of judges from the Space & STEM fields. The

judges will c hoose a winne r from eac h Go For Launch! event.The experiment will go on to compete against other projectsfrom the same division and the winning experiment will belaunched into space!

WHY SHOULD I ATTEND?

Go For Launch! is a unique and memorable experience. Spaceinspires! The Go For Launch! experience gives studentsexperience and skills that can lead to success in any venturethat requires imagination, leadership, teamwork, andproblem solving skills.

HOW CAN I LEARN MORE?

Higher Orbits is looking forward to bringing Go For Launch! to Deerfield! For further details, visit www.GoForLaunch.Space,email [email protected] or call 707.893.STAR.


13/15


14/15

Web GraphicsDescriptionUnique graphics for events at a three day conference..

Date28 Jan 2016

ClientLatter-day Saint Home Educators

ldshe.org

Programs Used Ado be Illu stra tor, Ado be Phot osho p, D rupal

Objectives• Create original graphics for a website that match the color and style

of graphics created previously by another designer• Create button icons for links leading off the page

• Save graphics and buttons as pngs optimized for web

• Create a page with a section for each event that contains the graphic

for that event and some teaser text, with a “learn more” button to

open the section, accordion style to reveal more text

• Copy-edit text for each section

ProcessI drew the graphics in Indesign using the blog brush tool, then

colored them using the paint bucket tool. I had to use the palette and

mimic the style of graphics created by a previous designer. I used

appropriate typography to add a title to each graphic.

C I RCU S

C I R C U S E X

T RAORDI N A I R E

DADS!

KIDS!

Field Trips!

Fun & Games!


15/15

art posterDescriptionPoster for a fictional upcoming art exhibit.

Date2 April 2015

Course/ Instructor ART 130 Sec tio n 5

Douglas Flückiger


Objectives• Explore communicating concepts visually

• Creatively use images of the artist’s work to build a collage typeimage

• Use principles of typography to effectively communicate exhibit

details

ProcessFor this poster advertising the work of Gunta Stolzl I chose one of her

tapestry designers and printed it with an inkjet printer onto fabric

that I’d ironed onto freezer paper so it would go through the printer.

I took a photograph of Gunta at her first communion, and drew an

outline based on that photograph, which I then embroidered onto the

fabric. I scanned the finished product, then took that jpg and used the

brus h t ool in Illu stra tor to mask out sect ion s o f t he imag e. I a ppli ed

principles of typography to create the title and event information.

nov 3 - dec 31

artist reception

saturday, nov 3, 6-9pm

rsvp for reception

800 235 8456

or [email protected]

san francisco museum of modern art

151 third street

(between mission and howard st.)

san francisco, ca 94103

gunta stölzl ,

from bauhas

student to

master

l i fe is ar t is l i fe

comm 130 p9 portfolio

Documents