11

13 a jeremytaylor

Embed Size (px)

Citation preview

Page 1: 13 a jeremytaylor

Jeremy TaylorPortfolio

Page 2: 13 a jeremytaylor

Taylor 2 Taylor 3

ContactJeremy Taylor1596 Dustin CirUnit DPocatello, ID [email protected]

Table of Contents4 Business Identity

6 Coding

8 Montage

10 Web Page Mockup

12 Photodesign

14 Magazine Cover

16 Brochure

18 Prezi Presentation

20 Infographic

Page 3: 13 a jeremytaylor

Taylor 4 Taylor 5

Business IdentityDate: October 26, 2016

Course: Visual Media 130

Instructor: Jason Stucki

Program(s)/Tools: Adobe InDesign and Adobe Illustrator

Objectives: Create a logo for a company and establish a visual identity across business documents, including a letterhead and business card.

Process: I began by sketching ideas of logos that I wanted to use. Then my ideas were transferred to Adobe Illustrator. After some refinements, of my top three logo choices, I chose one and began making further changes to it in Illustrator. It took a lot of manipulation with the pen tool to perfect the final butterfly appearance. Upon completing the logo, I placed it into my letterhead and business card. To make the logo, watermark, and other elements align smoothly on the documents, I tested different layouts until I found one that appeared the best.

Page 4: 13 a jeremytaylor

Taylor 6 Taylor 7

CodingDate: November 9, 2016

Course: Visual Media 130

Instructor: Jason Stucki

Program(s)/Tools: Notepad++, Adobe Illustrator

Objectives: Code a custom webpage with HTML and CSS

Process: I used the logo from my Business Identity project for the site logo. First, the logo sized was modified to be around 500 px width. I also made its background transparent to blend with the webpage background.

Next, my webpage design began in Notepad++ by adding tags to the HTML file and adding CSS properties in a separate CSS file. I changed the header font to match the logo font and also made the body font a complementary typeface. My bullet points were also evenly displayed by adjusting the padding and list style position.

After this, I made the border extend by adding a box shadow on the bottom and right side. The finishing touch was adding the button with an orange gradient added to it.

Page 5: 13 a jeremytaylor

Taylor 8 Taylor 9

MontageDate: October 19, 2016

Course: Visual Media 130

/Instructor: Jason Stucki

Program(s)/Tools: Adobe Photoshop

Objectives: Design a spiritual themed montage poster using the blending of three images.

Process: I created a 8.5 x 11 inch document in Photoshop at 150 pixels. The project used three images: Christ, bonfire and wood (as a background). The fire picture was positioned into place and cropped. Christ’s head was cut using the lasso tool at 75 pixels.

A quote from Elder Jeffrey R. Holland was found and typed it into the document. The words “first and forever,” “all things,” and “believe” were a yellow Elephant font and made larger than other words. Every other word was made gray and Arial font. I repositioned the Savior’s head to the bottom right and adjusted its opacity. Finally, I added a smart blur, added an unsharp mask to wood image, to the flame and adjusted fire opacity.

Page 6: 13 a jeremytaylor

Taylor 10 Taylor 11

Web Page MockupDate: November 16, 2016

Course: Visual Media 130

Instructor: Jason Stucki

Program(s)/Tools: Adobe Photoshop

Objectives: Design a website homepage using a grid.

Process: I began by using the Butterfly Graphics idea to use for this page. First, I sketched a layout of the webpage. A catchy slogan at the beginning sounded appealing to me, and images seemed necessary for someone to be impressed with a graphic design business.

In Photoshop, I used one of the sketches with a 16-column grid to make a wireframe. Later, I added in my logo, moved my header down, centered the slider, took out the news section, and added images that would get people interested in my graphic design. I heavily relied on contrast, the rule of thirds, and alignment to make my page unique in the business. Finally, the pen tool was used to refine the watermark on the document.

Page 7: 13 a jeremytaylor

Taylor 12 Taylor 13

PhotodesignDate: October 12, 2016

Course: Visual Media 130Instructor: Jason Stucki

Program(s)/Tools: Adobe Photoshop

Objectives: Create a project that has a consistent color scheme from the picture.

Process: I picked a color scheme and then chose to take a picture of a highway for the project. Second was the addition of some violet in the picture. I also increased the vibrancy of the picture. Finally, the image was adjusted with an increase of contrast and sharpness.

Next, I created new document and moved my picture onto it. I used the text tool to put in text boxes towards the center of the image to make it look like it is at the horizon of the highway.

Page 8: 13 a jeremytaylor

Taylor 14 Taylor 15

Magazine CoverDate: September 28, 2016

Course: Visual Media 13

Instructor: Jason Stucki

Program(s)/Tools: Adobe InDesign

Objectives: Design a magazine cover portraying personal interests or passions.

Process: First, I created a sketch. Next, a shape map was made in InDesign. Using that shape map, I designed my magazine. A picture of me dressed up was taken and added in as the background. Then, text boxes were added.

I modified the font colors to be black, white, and red so that the text could be read over the image. The font was modified to be only two fonts and complementary fonts, and it was increased in size for the titles. Finally, I added a bar code and the date of the magazine issue above the bar code.

Page 9: 13 a jeremytaylor

Taylor 16 Taylor 17

BrochureDate: November 30, 2016

Course: Visual Media 130

Instructor: Jason Stucki

Program(s)/Tools: Adobe Photoshop, Illustrator, InDesign, and Microsoft Word

Objectives: Design a brochure for a company.

Process: First, the logo was created in Illustrator using the pen tool and text tool. I added lights to the tree of the logo. Next, and InDesign document was made for the brochure itself. The logo was transferred over to the document.

I transferred text from a Word document to the text boxes in my document. Next was the addition of a few ornaments and added white shapes with adjusted opacity to make it look like light shining on ornaments. A vector tree was added to the front, and snow was placed on it. I added images and made the images on the right side of the inside extend over the margin for a bleed. I included principles of contrast, and alignment to make the brochure appear tasteful.

Page 10: 13 a jeremytaylor

Taylor 18 Taylor 19

Prezi PresentationDate: October 5, 2016

Course: Visual Media 130

Instructor: Jason Stucki

Program(s)/Tools: Prezi Website and Adobe Photoshop

Objectives: Design an instructional presentation using Prezi to encourage others to get others to act in service.

Process: My decision was to do my Prezi on giving service to others. I sketched a river crossing with a bridge. Next, I looked through my personal pictures for a picture to work for this idea. The photo was adjusted in Photoshop to be lighter green and brown.

A new document was created in Prezi. I added my background. Then I added content boxes in a s-pattern from one side of the river trail to the other. Next, images and text were added to the content boxes. Finally, music was added to the presentation with slide transitions.

Page 11: 13 a jeremytaylor

Taylor 20 Taylor 21

InfographicDate: November 2, 2016

Course: Visual Media 130

Instructor: Jason Stucki

Program(s)/Tools: Adobe Illustrator

Objectives: Create an infographic that organizes data in a visually pleasing way.

Process: I first brainstormed a topic and did research on it. Next, a sketch of my sleep infographic was made. Then, an image search was performed to get inspiration for my drawings.

A new document was created in Illustrator. I created a gradient blue background. Next, a heading was placed at the top. I created icons using the pen tool. Then, color was added to the icons and images. The rule of thirds, contrast of text and images, and focus on my message was important in guiding the design.

The original background was modified so that it didn’t have too much color and matched the sleep idea well.