13
GRAPHIC DESIGN PORTFOLIO

13 a racheljones

Embed Size (px)

Citation preview

Page 1: 13 a racheljones

GRAPHIC DESIGN PORTFOLIO

Page 2: 13 a racheljones

TABLE OF CONTENTS

Design 1 >> Magazine Cover

Design 2 >> Prezi Presentation

Design 3 >> Photodesign

Design 4 >> Photo Montage

Design 5 >> Logo Design

Design 6 >> Business Identity

Design 7 >> Infographic

Design 8 >> Coding

Design 9 >> Web Page Mockup

Design 10 >> Brochure

CONTACT ME

Name >> Rachel Jeanine Jones

Phone >> 540.759.6359

Email >> [email protected]

Website >> racheljonesportfolio.com

Address >> 460 Dogwood Ln.Christiansburg, VA 24060

Page 3: 13 a racheljones

MAGAZINE COVERDesign 1

Description >> Design a magazine project using a n image of us.

Date >> 28 September 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Adobe Photoshop and InDesign

Objectives >> Learn the style of a magazine cover

Process >> For this assignment, I first chose my topic and sketched out some designs. Then, I selected my articles and placed them in the document. I added a pic-ture that I had cropped and used it as a backdrop. Finally, I adjusted the articles to fit around the image.

Page 4: 13 a racheljones

PREZI PRESENTATIONDesign 2

Description >> Design and create a presentation us-ing the Prezi.com to demonstrate it’s benefits and features to convince my company that it would be a beneficial program to use.

Date >> 6 October 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Prezi

Objectives >> Learm to use Prezi

Process >> I began my project by coming up with a list of topics. Once I chose the top-ic that I felt would be best and wrote the content, I sketched out a few de-signs. Then, I selected areas for each of my subtitles, careful to consider white space and balance in the overall design. I adjusted my fonts, and tried to focus on my alignment. Finally, I added pops of color through brackets and an ele-ment in the title.

Page 5: 13 a racheljones

PHOTODESIGN PROJECTDesign 3

Description >> By using photography and design skills, create a project that encompasses a consistent color scheme from the im-age.

Date >> 13 October 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Adobe Photoshop

Objectives >> To learn to use Adobe Photoshop

Process >> I photographed with an emphasis on lead room in my shots. I found one I really liked and tried to pull out a color scheme to work from. Using Photoshop, I edited my image by adjusting levels and vibrancy. I also used the sharpen tool to make the light bulb pop with-in its frame. Next, I created an 8.5 x 11 document to begin designing on.

Page 6: 13 a racheljones

PHOTO MONTAGEDesign 4

Description >> Design a poster montage for a Christian non-profit group, focused on a spiritual message.

Date >> 20 October 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Adobe Photoshop

Objectives >> Learn the masking tools

Process >> In Photoshop, I began by flipping the image of the savior so it would face the man. Then I used my lasso tool to separate him and blended the edges of his figure into the background. Next, I found a quote that represented the montage and placed it onto the image, adjusting the size and font. Then, I took one of the words and I used the “differ-ence” option in the layers palette and masked some text.

Page 7: 13 a racheljones

Logo DesignDesign #

Description >> Create a new logo for a business

Date >> 27 October 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Adobe Illustrator

Objectives >> To learn the tools in Illustrator

Process >> I first began with the smaller sketch in the top left. Since the business was Hercules Sport, I wanted a design that reprisented that. I worked on the de-sign, adding a gradient background, and adjusting the size and shape of the constellations in his body. I also adjust-ed the form and shape of his person-age. Additionally, I changed the font and placement of the text in the logo. Finally, I settled on one large circle be-cause it would also be suggestive of one of Hercules’ labors where he held the world on his back. Hercules

SPORT

Page 8: 13 a racheljones

BUSINESS IDENTITYDesign 5

Description >> Create Letterhead and Business Cards

Date >> 27 October 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Adobe InDesign and Illustrator

Objectives >> Learn to integrate a logo into other ma-terials.

Process >> I began my creating my business card. I wanted to tie in as many elements as I could from my original design, including themed taglines, and roman numerals. Then I took those same elements and translated them to the letterhead. From that point, I simplified the design and faded the elements.

Page 9: 13 a racheljones

INFOGRAPHICDesign 6

Description >> Create an infographic to organize data from an informative article.

Date >> 8 November 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Adobe Illustrator

Objectives >> To learn to recreate simple images

Process >> I Brainstormed topics that were import-ant to me. I found an article that had a lot of data and statistics on the subject. I sketched out a basic plan. I found and collected sample images that I wanted to design from. I created my graphics. I applied the text and images to the page.

Page 10: 13 a racheljones

CODINGDesign 7

Description >> Create a customized webpage with HTML and CSS coding.

Date >> 10 November 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Notepad++

Objectives >> To learn CSS and HTML basics

Process >> First, I developed my logo using illustra-tor for a business called Hercules Sport. Next, I resized my logo to be 300px on the long side. I used the HTML file to add tags and develop content. I edited the CSS file, adding the code snippet into my header tag in my HTML. I vali-dated my HTML and CSS

Page 11: 13 a racheljones

WEB PAGE MOCKUPDesign 8

Description >> Use a grid to design a web page, using the logo from last week.

Date >> 17 November 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Adobe Indesign

Objectives >> Learn the grid system for web design

Process >> First I began by sketching 3 different design possibilities for the web page. I also researched many other athletic wear companies to look at things they had done on their websites. Then I cre-ated my wireframe outline using photo-shop, adjusting my sketch slightly. After that, I continued to use photoshop to create my website. I matched colors, added images, and continued to sharp-en my draft from the wireframe and sketches.

Page 12: 13 a racheljones

BROCHUREDesign 9

Description >> Develop and design a brochure that can be printed for a company

Date >> 1 December 2016

Course >> COMM130: Visual Communications

Instructor >> Jason Stucki

Programs >> Adobe Indesign and Illustrator

Objectives >> Learn the different kinds of folds and how they work best on a brochure

Process >> I first developed a concept for my bro-chure. I created a logo for my brochure that reflected my concept. In InDesign, I began organizing my layout. I used filler text as a placeholder for my body copy so that I could prepare the design. In Microsoft Word, I wrote out my body copy for my brochure. I found fitting im-ages, edited them in Photoshop as nec-essary, and placed them in my design.

Page 13: 13 a racheljones

GRAPHIC DESIGN PORTFOLIO2016