13a sara coley

11
Portfolio Sara Coley

Upload: sara-coley

Post on 10-Apr-2017

155 views

Category:

Art & Photos


2 download

TRANSCRIPT

Page 1: 13A Sara Coley

PortfolioSara Coley

Page 2: 13A Sara Coley

Contact Table of Contents

Sara [email protected]://saracoleycomm.wordpress.com/

Page 2 . . . . . ContactPage 3 . . . . . Table of ContentsPage 4-5 . . . . . BrochurePage 6-7 . . . . . Webpage MockupPage 8-9 . . . . . MontagePage 10-11 . . . . . Photo DesignPage 12-13 . . . . . PreziPage 14-15 . . . . . Business IdentityPage 16-17 . . . . . CodingPage 18-19 . . . . . Magazine CoverPage 20-21 . . . . . Infographic

Page 3: 13A Sara Coley

A brochure, advertising a horse breeding ranch.

June 29, 2016

Comm 130: Visual Media - Section 13

Sara Tranberg

Adobe Photoshop, Adobe InDesign, Adobe Illustrator

Design a brochure for a company with an original logo and at least 250 words of body copy, including a text wrap.

I decided to make a brochure for a fictional company that I think would be really cool. I looked on the web for stock photos of Rocky Mountain horses. I found one that would look really nice as the front of a gate fold, another that would be easy to cut out, and two more that illustrated the beauty of the breed. I measured the proper fold lines and used those as guides to design the brocure. I made a logo for the brand in Adobe Illustrator. I liked the circle shape from the logo, so I continued the shape throughout the brocure.

BrochureDescription

Date

Course

Instructor

Programs Used

Objective

Process

Page 4: 13A Sara Coley

A website for a fictional, owl-themed clothing store.

June 22, 2016

Comm 130: Visual Media - Section 13

Sara Tranberg

Adobe Photoshop

Design a webpage mockup for a fictional client, including organized layers.

For this project, I began with a business concept and logo I conceived in another class. I sketched a few layout ideas, then began making a wireframe in Adobe Photoshop. I played with alignments and colors before adding content. When I was satified with the layout, I found pictures and added the logo and type. Once everything was placed how I originally imagined, everything seemed cramped, so I did a lot of touching up to the layout. I also adjusted the colors to work with the photos better.

Web MockupDescription

Date

Course

Instructor

Programs Used

Objective

Process

Page 5: 13A Sara Coley

A motivational poster about expecting more from yourself.

May 25, 2016

Comm 130: Visual Media - Section 13

Sara Tranberg

Adobe Photoshop

Use layer masks to blend two or more images to make one spiritually themed poster.

I knew I wanted to do a poster on the temple, so I found a picture of the most widely recognized one: the Salt Lake temple. I then thought it’d be cool to put a road leading to it. I looked for road pitures and came across this one with a little girl on it. She’s pretty cute, so I let her stay. I blended the temple onto the end of the road, and it needed something extra, so I added some clouds. The girl and the line were a bit too centered, so I moved them to the right a bit. As a finishing touch, I added an iris blur.

MontageDescription

Date

Course

Instructor

Programs Used

Objective

Process

Page 6: 13A Sara Coley

A poster, advertizing for a local ballet studio.

May 18, 2016

Comm 130: Visual Media - Section 13

Sara Tranberg

Adobe Photoshop, Adobe InDesign, Adobe Illustrator

Design a flyer with a planned color scheme, featuring an original image and color swatches.

I brainstormed of a theme for my flyer and decided I’d like it to be inspirational in nature. I rounded up my daughter and younger sister to be models. After capturing an image I was satisfied with, I edited the photo in Adobe Photoshop and put it as a background in InDesign. I made the swatch flower in Adobe Illustrator, taking the main colors from the photo. I also made a small flourish to add along with the flower. I then added type, and adjusted the fonts, sizes, etc.

Photo DesignDescription

Date

Course

Instructor

Programs Used

Objective

Process

Ballet EtudesTriadic Color SchemeRed Blue Yellow

Every Dream

Begins Small

ic Colod Blue Yel

Page 7: 13A Sara Coley

A poster, advertizing for a local ballet studio.

May 11, 2016

Comm 130: Visual Media - Section 13

Sara Tranberg

Adobe Illustrator, Prezi

Make an original prezi presentation, with a new background and type.

I knew from the start of the project that I’d like to make a presentation on birdwatching with an entire backyard scene laid out. I sketched the background with the different slide elements, then set to work in Adobe Illustrator. After I was done with the background, I uploaded it to Prezi and added the slide order and type.

PreziDescription

Date

Course

Instructor

Programs Used

Objective

Process

Page 8: 13A Sara Coley

A letterhead and business card, front to back, of a fictional company.

June 1, 2016

Comm 130: Visual Media - Section 13

Sara Tranberg

Adobe InDesign, Adobe Illustrator

Design an original logo, and create a letterhead and two-sided business card around it.

This is a company I’ve been thinking about starting, so just in case I do, I thought I’d make a brand for it. I already had the name, so I started by sketched logo ideas and finding out which one other people liked. I went with the public’s opinion, but it was soon clear that it was too busy and complicated for easy consumer digestion. I completely remade it and chose a color scheme based on the playful feel of the company. I used the yarn ball and bold side panels as repeating elements.

Business IDDescription

Date

Course

Instructor

Programs Used

Objective

Process

Sara [email protected] S. Country Club DrSnowfl ake, AZ 85937

Sara [email protected] S. Country Club DrSnowfl ake, AZ 85937

Bringing yarn to life.

Page 9: 13A Sara Coley

A website describing the logo creation process of a business.

June 15, 2016

Comm 130: Visual Media - Section 13

Sara Tranberg

Text Wrangler

Code a webpage, describing the process to create the logo from the business identity project.

I started out with very basic html and css skeletons. I typed in all the information needed on the html sheet, describing every thought process I had when making the logo. I then linked the external CSS sheet and began customizing it. I changed the colors to match my logo and brand; changed the typefaces to add interest; and added other elements, like a footer and border.

CodingDescription

Date

Course

Instructor

Programs Used

Objective

Process

Page 10: 13A Sara Coley

The cover of fictional magazine, Feature, featuring me.

May 4, 2016

Comm 130: Visual Media - Section 13

Sara Tranberg

Adobe InDesign

Design the cover of a magazine featuring you, including 3-5 interesting stories describing you.

The most challenging part of this project was getting a quality picture. After I got that and cut it out of its background, the rest came easier. I wanted an odd number of headlines, and three seemed a bit sparce, so I wrote five concise headlines and arranged them tastefully. For the title of the magazine, I played with alignment and tracking to make it look visually pleasing. I changed some of the words to red, rather than black. As a final touch, I added the gold border to tie in the whole design and color scheme.

Magazine CoverDescription

Date

Course

Instructor

Programs Used

Objective

Process

Exclusive Interviewwith Sara Coleyas she discusses her love of Design, Fashion, and 90’s Pop.

10 Ways to Combine

Design and Photography

Back in School? Find the right balance between homework and kids

FEATURE May 2016

Issue 21

M A G A Z I N E

Follow Sara’s Workout Plan:

Getting ready for summer

31 Trends to Spruce up Your Summer Wardrobe

Page 11: 13A Sara Coley

An infographic about hand-raising baby birds..

June 8, 2016

Comm 130: Visual Media - Section 13

Sara Tranberg

Adobe Illustrator

Make an infographic with original graphics and at least one real statistic.

Hand-raising birds is so rewarding and fun, I thought other people might like an overview of how it’s done. To get started, I laid out a plan of action so I knew what colors to use, what information to incorporate, and where to put everything. I made a few graphics as I worked. After everything was on the ground, I rearranged the elements to enhance the flow.

InfographicDescription

Date

Course

Instructor

Programs Used

Objective

Process

Hand Raise Your Bird

What you’ll need:SyringeFormulaA Box and BeddingHeat Lamp

Chick Anatomy you need to know

Adorable Head Floof (Optional)

Large,Curious

Eyes

Beak(AKA Black Hole)

Crop (Food Sack)

Set your chick up in a warm box with soft bedding

1

2

3

4

Prepare the formula.

Feeding your Bird

Spoon food into syringe.

Feed the chick.

Check crop for firmness.

Chirping: What does it mean?

Your baby bird will spend much of the day snoozing,

but you’ll often hear him chirping.This can mean one of a couple things:

Either he’s hungry, and it’s time to mix up some formula,Or... He’s lonely and wants some company!

Make sure to give your chick plenty oflove and attention so he gets used tobeing handled.

Did You Know?3% Only 3% of U.S. households

own a bird...making them the 3rd most popluar pet in America.

Hand-reared birds have shown to be tamer toward people and faster learners than their parent-raised counterparts.

Top 5 Pet Birds:1. Budgerigar2. Cockatiel3. Finch4. Canary5. Lovebird

FORMULA