lyndsi barfield portfolio

11

Upload: lyndsi-barfield

Post on 09-Apr-2017

64 views

Category:

Design


0 download

TRANSCRIPT

Barfield pg 2 Barfield pg 3

Table of contents: magazine cover - pg 4 business identity - pg 6 montage - pg 8 website mockup - pg 10 brochure - pg 12 coding - pg 14 infographics - pg 16 prezi presentation - pg 18 photo design - pg 20

Barfield pg 4 Barfield pg 5

Project: Magazine cover

Date: May 4th 2016

Course: Visual Communications 130

Instructor: Brother Stucki

Program tools: Indesign

Objectives: Design a magazine cover that features an

image of myself as well as articles.

Process: 1.I sketched possible layouts and possible images to use for the magazine cover.2.After choosing my favorite image and layout

combination I created a shape map in InDesign.3.Then I replaced the shapes with the actual image and

text.4.Then I went back and styled the text with fonts that close-ly resemble the Brides magazine cover.5.After tons of moving things around, I finally finished and exported my file.

Barfield pg 6 Barfield pg 7

Project: Business Identity

Date: June 1st, 2016

Course: Visual Communications 130

Instructor: Brother Stucki

Program tools: Illustrator, & Indesign

Objectives: Create a logo for a company/service/orga-

nization and make a visual identification for your business.

Process: First I decided on what my pretend busi-ness would be. I chose photography because I am inter-ested in one day pursuing that as a side business. Second I decided I would like a Polaroid camera to be my logo. I grabbed my Polaroid camera to go by and started to cre-ate the shapes it’s made of in Illustrator. After designing my ideal logo, I came up with 3 other similar logos that could also be like what I wanted. After receiving feedback from my family and classmates I chose my logo and made a business card and letter based on that.

Barfield pg 8 Barfield pg 9

Project: Montage

Date: May 25th, 2016

Course: Visual Communications 130

Instructor: Brother Stucki

Program tools: Photoshop

Objectives: Design a montage with a spiritual mes-

sage that uses the blend of images and text.

Process: First I brainstormed a few quotes that I would like to use. I picked images for each quote and then decided which one I liked the best. After that I uploaded the photos and started playing around with them until they were placed where I wanted. Then I started to make them fade to the background to my liking. Lastly, I added the quote. After getting feedback, I fixed the black spots in my background photo, added the quote author’s name, and fixed one of the images.

Barfield pg 10 Barfield pg 11

Project: Web page mockup

Date: June 22nd, 2016

Course: Visual Communications 130

Instructor: Brother Stucki

Program tools: photoshop

Objectives: create a mock website for a company

Process: 1.I came up with 3 ideas by sketching them out2. I decided on one of them and created the shape map3. According to the shapemap I made the mock up website4. I posted it for critique

Barfield pg 12 Barfield pg 13

Project: Brochure Activity

Date: July 6th, 2016

Course: Visual Communications 130

Instructor: Brother Stucki

Program tools: Illustrator, Indesign, & photoshop

Objectives: Design a brochure for a company.

Process: 1. First I sketched out ideas on paper.2. I created my logo in illustrator.3. I created the shape of my brochure in illustrator.4. I chose the photos I would add to my brochure. (I didn’t add the photos because I am struggling with them in pho-toshop.)5. I put it all together in indesign.6. I went back and changed everything I didn’t like based on the feedback.7. I did a practice print and fixed more stuff

Barfield pg 14 Barfield pg 15

Project: HTML & CSS

Date: June 15th, 2016

Course: Visual Communications 130

Instructor: Brother Stucki

Program tools: Notepad++

Objectives: Code a custom webpage with HTML and

CSS using my logo created in 7A.

Process: 1. First I created my logo in Illustrator.2. I resized my logo to be 300 on the width side.3. I opened the HTML file and started adding my tags.4. Then I opened the CSS file and made sure to link it in the HTML code.5. I customized my CSS to match the colors in my logo and changed the fonts to what I thought would best fit my business look.6. I went back in and filled my own words of contents.7. I made sure to validate my codes and fixed the errors.

Barfield pg 16 Barfield pg 17

Project: Infographic

Date: June 8th, 2016

Course: Visual Communications 130

Instructor: Brother Stucki

Program tools: Illustrator

Objectives: Create an infographic that organizes data

in a visually pleasing way.

Process: I came up with a few topics and nar-rowed it down to Christmas. I looked up facts and numbers about Christmas. I made a list and decided which ones I would like to use.I designed graphics that would represent each fact best. I placed them where they should go and started laying out the design until I felt like it was complete.

Barfield pg 18 Barfield pg 19

Project: Prezi Presentation

Date: May 11th, 2016

Course: Visual Communications 130

Instructor: Brother Stucki

Program tools: Prezi.com

Objectives: Create a presentation giving instructions on something using the Prezi software to demonstrate it’s

features and capabilities.

Process: I started brainstorming for ideas of something I know how to do and enjoy doing. I decided I would give instructions on how to make fruit salad. I set up my camera and took pictures of myself doing every step it takes to make the fruit salad. Next I uploaded the pictures to my computer and edited them briefly in lightroom.I chose a background off of a google that would best fit my topic which I decided would be a kitchen since that’s where I made the dessert.

Barfield pg 20 Barfield pg 21

Project: Photo design

Date: May 18th, 2016

Course: Visual Communications 130

Instructor: Brother Stucki

Program tools: photoshop

Objectives: Using photography and design skills and

a consistent color scheme to create a photo design.

Process: I chose a color scheme based on an idea for an image I had. I chose complimentary scheme for the red train and green grass. I went to the park and took the picture. I tried to get a shot with good composition and depth of field. Next I edited the image in lightroom. After that I decided to sketch out an idea plan for the design. Then I designed and played around with it in photoshop till I was happy with it.