p 9 Brittany Eliason

21
Portfolio Brittany Eliason

description

This is a portfolio of my design projects made for my visual media communications class.

Transcript of p 9 Brittany Eliason

Page 1: p 9 Brittany Eliason

Po

rtfo

lio Brittany

Eliason

Page 2: p 9 Brittany Eliason

2

Conta

ct In

form

ation

Brittany Eliason385.498.2599

[email protected] W . View Pointe Dr .

Highland, UT 83004brittanyeliason.wordpress.com

Page 3: p 9 Brittany Eliason

3

Table

 of C

onte

nts

Photodesign - 4Letterhead - 6

Business Card - 8Brochure - 10

Logo - 12Montage - 14Event Ad - 16

Flier - 18Web Page - 20

Page 4: p 9 Brittany Eliason

Description: 

Programs:

 Date:

Course:

 Instructor:

Objectives:

Process; 

4

Photo

desi

gn

An advertisement sponsoring tourism in Arizona using an original photo and a split complementary color scheme .

Adobe Photoshop

October 17, 2015

I learned how to first take high quality photos. I then learned to edit the photo in Adobe Photoshop and then create design elements within the program . 

I used the Adobe Photoshop program for this design . I have limited experience studying color, so I tried to use a color scheme I thought was interesting . I used repeating patterns of rectangles to add repetition. There is rhythm caused by the two vertical rectangles, the gold one taller than the blue, which can be compared to the gold cactus and the blue rock . I used the principle of alignment to make the design organized . Due to the close image, I felt that there was not much white space, so by aligning my designs and overlapping several of them, I was able to create a more simplified appearance .

Communications 130 - Visual Media

Benjamin Pingel

Page 5: p 9 Brittany Eliason

5

Page 6: p 9 Brittany Eliason

Description: 

Programs:

 Date:

Course:

 Instructor:

Objectives:

Process; 

6

Stationery consisting of a matching letterhead and business card using a logo created by myself .

Lett

erh

eadAdobe Illustrator and Adobe InDesign

November 7, 2015

I learned all about what stationery is and how to create matching elements between the letterhead and the business card . I learned how to make a watermark and where appropriate placement of contact information. 

I used Adobe Illustrator to create my logo design as well as other design elements . I then transferred these images to an Adobe InDesign document where I completed the project. I tried to keep a simplistic design, that way the information is easy and clear to read . On the letterhead, I decided to use a watermark to add another design element. I tried to make it light enough to not take away from what will be written over-top. I decided on a monochromatic blue color scheme because I thought it correlated well to the aquatic theme of my stationery.

Communications 130 - Visual Media

Benjamin Pingel

Page 7: p 9 Brittany Eliason

7

Page 8: p 9 Brittany Eliason

Description: 

Programs:

 Date:

Course:

 Instructor:

Objectives:

Process; 

8

Stationery consisting of a matching letterhead and business card using a logo created by myself .

Adobe Illustrator and Adobe InDesign

November 7, 2015

I learned all about what stationery is and how to create matching elements between the letterhead and the business card .

I used Adobe Illustrator to create my logo design as well as other design elements . I then transferred these images to an Adobe InDesign document where I completed the project. I tried to keep a simplistic design, that way the information is easy and clear to read . On the letterhead, I decided to use a watermark to add another design element. I tried to make it light enough to not take away from what will be written over-top. I decided on a monochromatic blue color scheme because I thought it correlated well to the aquatic theme of my stationery.

Communications 130 - Visual Media

Benjamin Pingel

Busi

ness

 Card

Page 9: p 9 Brittany Eliason

9

Page 10: p 9 Brittany Eliason

Description: 

Programs:

 Date:

Course:

 Instructor:

Objectives:

Process; 

10

Broch

ure

An off-set two-sided folding brochure

Adobe Illustrator, Adobe Photoshop,Adobe InDesign

December 5, 2015

I learned how to better edit and to cut images in Adobe Photoshop and combine all the elements used into an Adobe InDesign document .

I split my process into 3 sections, one for the front, the inside, and the back . I first created my logo in the Adobe Illustrator program, while using vector and shaping tools . I then placed my logo in my InDesign document, which was my main program I used for the project to collaborate all the elements . I chose four pictures online and edited them in the Adobe Photoshop program . I specifically used the “quick selection” tool to highlight the specific area of the image that I wanted to use . When I placed the images in my InDesign documents, I would select the “wrap text” tool to make the words flow around the image . I also created several paragraph styles (one for my subtitles and one for my body copy .)

Communications 130 - Visual Media

Benjamin Pingel

Page 11: p 9 Brittany Eliason

11

Front Back

Inside

Page 12: p 9 Brittany Eliason

Description: 

Programs:

 Date:

Course:

 Instructor:

Objectives:

Process; 

12

Logo

A self created variations of one logo for a soda flavoring company

Adobe Illustrator

October 31, 2015

I learned how to effectivly design using the Adobe Illustrator program . I understood the importance of having the three variations . 

I used the Adobe Illustrator program to create my design . I thought it was very interesting to learn about vectors and the process of how to maneuver the points and lines . I have never done this before . I thought the color scheme proved to be more difficult than anticipated . I knew I had to use bright, cheerful colors in order to draw the viewer’s attention in, and to create a feel for the product itself . I settled on a complementary color scheme along with a medium hue to give the design playful contrast. I also tried to keep my design simplistic. I realized through sketching that if I add too much detail and design elements, it takes away from the message .

Communications 130 - Visual Media

Benjamin Pingel

Page 13: p 9 Brittany Eliason

13

Page 14: p 9 Brittany Eliason

Description: 

Programs:

 Date:

Course:

 Instructor:

Objectives:

Process; 

14

Monta

ge

Communications 130 - Visual Media

Benjamin Pingel

This is a design with a spiritual theme created by blending several images .

Adobe Photoshop

October 24, 2015

I learned how to blend images together . 

 I used the adobe Photoshop program to create this montage . I paid particular attention to the blending tools so I could create one fluid image, not just several images paced on top of one another . I downloaded several textures from the internet and overlaid them on my design . I then used the blending tool to create the desired effect . I did the same with a sepia tone filter on the Photoshop program . I also focused on the flow of the design . At first glance, the viewer should see the image of Christ then follow his eyes down to the quote. This brings about an effective flow and delivers the desired message .

Page 15: p 9 Brittany Eliason

15

Page 16: p 9 Brittany Eliason

Description: 

Programs:

 Date:

Course:

 Instructor:

Objectives:

Process; 

16

Event A

d

Communications 130 - Visual Media

Benjamin Pingel

This is an event advertisement to raise awareness for obesity .

Microsoft Word

October 10, 2015

I learned how to design in Microsoft Word . I learned how to create a good flow . This was a little difficult for me because I wanted to use an opening punchline question as well as a title . 

I used the 2010 version of Microsoft word to design the ad . I learned much about the color aspect in the “unify” section of the FOCUS principles . I have very little to no experience dealing with color and color schemes, that this was an entirely new process to me . I am also glad I took the time to formulate my poster, and I drew out several sketches . Because of this, I felt my creativity grow and was able to design my poster in a way I doubt I would have without the sketches .

Page 17: p 9 Brittany Eliason

17

Are you as plump as this tomato?

F a r me r s M a r k e t Saturday 7 AM - noon

Aberdeen Av.

Free admission

All proceeds go to The American Red Cross to raise awareness for obesity.

Page 18: p 9 Brittany Eliason

Description: 

Programs:

 Date:

Course:

 Instructor:

Objectives:

Process; 

18

Flie

r Communications 130 - Visual Media

Benjamin Pingel

A black and white flier to promote a Graduate Leadership Conference .

Adobe InDesign

October 1, 2015

I learned how to use the basics in Adobe InDesign. I learned to create good flow and repetition within the design .

I used the Adobe InDesign program to create the flier . I used design principles such as flow, organization, contrast, unity, and simplification to complete my work . I paid particular attention to repetition, alignment, the use of white space, and different typeface fonts to create contrast and flow .

Page 19: p 9 Brittany Eliason

19

Page 20: p 9 Brittany Eliason

Description: 

Programs:

 Date:

Course:

 Instructor:

Objectives:

Process; 

20

Web Page

Communications 130 - Visual Media

Benjamin Pingel

This is a webpage I designed to display a logo that I created .

TextWrangler

November 20, 2015

I learned how to write an HTML and CSS code to design a webpage .

After using Adobe Illustrator and Adobe InDesign to create my logo, I used  HTML and CSS documents to design my webpage. I adjusted my colors, fonts, background image, and layout of the webpage. I needed to download fonts from the internet (googlefonts,) and then I embed them so they would work on whatever computer used . I decided to use the tag “float:left” on my logo image so that the text would initially wrap around it . I then aligned the rest of the words to create better flow and simplicity .

Page 21: p 9 Brittany Eliason

21