nick christensen comm 130 visual design portfolio
TRANSCRIPT
WN
Portfolio Nicholas J Christensen
ContactNAME:
PHONE:
EMAIL:
TWITTER:
WEBSITE:
Nicholas J Christensen
208.360.2480
@nick93jc
njcwriting.wordpress.com
Table of ContentsMagazine Cover
Brochure
Photo Design
Montage
Business Identity
Infographic
Webpage Mockup
HTML and CSS Coding
4.
6.
8.
10.
12.
14.
16.
18.
description:
Date:
Course:
Instructor:
Programs Used:
Objective:
Process:
Magazine CoverA magazine cover patterned after Times Magazine
Dec. 7, 2016
Comm 130 Section 6
Vanessa Godfrey
Adope Photoshop and InDesign
Design a magazine cover to showcase visual design skills, featuring a self-portrait and 3-5 articles about yourself.
First, I did research on Times’s style.Next I took a photo of myself and edited for levels, vibrancy, and made it black and white in Photoshop.After that, I masked the Time’s logo behind my face.Then I created an InDesign document and created an appeal-ing document with two contrasting fonts.
description:
Date:
Course:
Instructor:
Programs Used:
Objective:
Process:
BrochureA brochure that informs about Dante’s “Inferno.”
Dec. 7, 2016
COMM 130 Section 6
Vanessa Godfrey
Adobe Illustrator, InDesign, and Photoshop.
Design a brochure for a company, using all availabe Adobe programs.
First, I created the logo in Illustrator.Second, selected various images from online to use in the brochure. I then edited those images in Photoshop.Third, I opened Indesign and created a document that incorporated the logo, the images, at least 250 original body text, and one image with font wrapping.
description:
Date:
Course:
Instructor:
Programs Used:
Objective:
Process:
Photo DesignA metal peacock arranged with real peacock feathers.
Dec. 7, 2016
COMM 130 Section 6
Vanessa Godfrey
Adope Photoship and InDesign
Create a quality image using photography and design skills, using a consistent color scheme in the image
First, I took a picture that matched my intended tetriatic color scheme of lime, indigo, violet, and gold.Then, I edited the levels, vibrancy, and specific colors of that image in PS. Next I opened an InDesign document and created shapes and used the color scheme.I then added a quote and used two contrasting fonts to create visual interest.
description:
Date:
Course:
Instructor:
Programs Used:
Objective:
Process:
Spiritual MontageA quote from Dante with a spiritual image.
Dec. 7, 2016
COMM 130 Section 6
Vanessa Godfrey
Adobe Photoshop
Design a spiritual poster montage for a Christian organization using image and type.
First, I found a collection of images to merge together into a montage. Then, I edited and masked many of the images into a single image in PS. I edited levels, secific colors, and masqued the images together.Next, I inserted a quote from Dante and used two con-trasting fonts to create visual interest.
description:
Date:
Course:
Instructor:
Programs Used:
Objective:
Process:
Branding ProjectA personalized logo used on business cards and a letterhead.
Dec. 7, 2016
COMM 130 Section 6
Vanessa Godfrey
Adobe Illustrator and InDesign
Use consistent layouts and branding to create a letterhead and business card.
First, I created a vector based logo in Illustrator, using a split complimentary color scheme. Then in InDesign, I used two contrasting fonts to create visual interest. I also created shapes that matched the color scheme to help add to the flow and add variety to the design.
description:
Date:
Course:
Instructor:
Programs Used:
Objective:
Process:
InfographicAn infographic showing the five best restaurants in Rexburg.
Dec. 7, 2016
COMM 130 Section 6
Vanessa Godfrey
Adobe Illustrator
Design an infographic that shares at least 7 facts and includes a bar or pie chart.
First I researched the top five restaurants in Rexburg, based on Google Reviews.Next, usign Illustrator, I created various graphics to use in the design, including a bar-graph based on the top Restau-rants in Rexburg.I made sure to follow a triadic color scheme and used two contrasting fonts.
description:
Date:
Course:
Instructor:
Programs Used:
Objective:
Process:
Webpage MockupA webpage for Christensen Body Shop. Used with Permission.
Dec. 7, 2016
COMM 130 Section 6
Vanessa Godfrey
Adobe Photoshop and Indesign
Design a webpage using Adobe Photoshop and a grid system.
First I obtained permission from the owner of Christensen Body Shop to use their logos in the project.I then created a prototype of the webpage, using layers and layer comps. to organize my design and also to simulate what the webpage would be like.I had to create the “Christensen Body Shop” in InDesign be-cause the original logo at the source wouldn’t transfer well to Photoshop (Color issues).
description:
Date:
Course:
Instructor:
Programs Used:
Objective:
Process:
HTML and CSS Coding
A webpage depicting NJC Writing.
Dec. 7, 2016
COMM 130 Section 6
Vanessa Godfrey
Notepad ++
Code a custom webpage using HTML and CSS.
First, I took the logo I created for a previous project and resized it to be 300-500px on the long side. I then saved it as a PNG.Next I created a folder to contain all of the elements I would be working with (html file, png file, css file, etc).I next created an HTML document and inserted my PNG and tags. Then I created an CSS document and embeded it within the HTML document.After adjusting the fonts, sizes, and background color, I ran my documents through a HTML and CSS validators to check for mistakes. I then made corrections accordingly.