jeremiah astin design portfolio

PORTFOLIOJeremiah Astin

• Montage

• Magazine Cover

• Prezi Presentation

• Photodesign

• Business Identity

• Infograpic

• HTML & CSS Coding

• Web Page Mockup

• Brochure

Table of ContentsName: Jeremiah Astin

Address: 1595 Shady Lane, Beavercreek OH

Phone Number: 937.304.8841

Email: [email protected]

Website: www.jeremiahastin.com

Contact

Course: Comm 130, Section 12

Instructor: Sara Tranberg

Date: 19 October 2016

Programs Used: Adobe Photoshop

Description: Blend two or more images together to create a spiritual themed photomontage.

Objective: Use Photoshop layer masks to blend multiple images together. Use appropriate typography.

Process: I started by searching the internet for images I could use. Once I selected my main image, I used Photoshop to move the position of the young man to the left, and then I used the clone stamp to extended the background texture. I added the selection of the image of Christ, and used a layer mask to blend the edges into the background. I wanted the background to have a more gradual fade, so I replicated the background layer and added a find edges filter. I then applied the overlay blending mode at 30% opacity.

Montage



Date: 28 September 2016

Programs Used: Adobe InDesign

Description: Design a magazine cover featuring a selfportrait and article titles showcasing your personal interests.

Objective: Use the basic tools of InDesign to create a cover for a real or fictional magazine.

Process: I started by hand sketching possible cover layouts. Once I found a design I was happy with I created a shape map in Adobe InDesign. I then placed the images and styled the typography to match an actual cover of People magazine. I exported the final design as a pdf for printing.

Magazine Cover

PeopleGIVE A PIT A CHANCE

September 26, 2016

Jeremiah Astin

BEST NEW MUSICALS OF 2016

10 TIPS FOR “THE BIG DAY”

Balancing Two Jobsand a Family!




Programs Used: Adobe InDesign, Prezi Presentation Software

Description: Create a professional presentation using the Prezi software. The presentation should also highlight some of the unique features and capabilities of Prezi.

Objective: Learn how to use Prezi and use it as a resource for giving visual presentations.

Process: I manually sketched a design for my presentation. I searched the internet for images to place in the presentation. I then used Adobe InDesign to create the background and individual slides. The ticket shape was created using the pathfinder tool. I uploaded the presentation background to Prezi and added the titles and captions. Finally, I added the frames to the presentation to create a path of movement when the presentation is viewed.

URL: https://prezi.com/07ud0qr-ctvg/customer-service/

Prezi Presentation





Description: Use an original photograph to create a photodesign that incorporates a harmonious color scheme.

Objective: Learn basic photography skills. Combine photos with design elements using Photoshop.

Process: I took a close up photo of a flower growing in my front yard. I decided to pair this image with a quote about friendship. I used Photoshop to make basic edits to the photograph such as: increasing the levels and vibrancy and intensifying the yellow color in the flower. Using the mask feature in Photoshop I created a black and white layer, and then used the paint brush tool to paint the color back into the flower. I added and styled the text and the color scheme swatches. I exported the design as a PDF for printing.

Photodesign




Programs Used: Adobe Illustrator, Adobe InDesign

Description: Create a logo for a company, and then incorporate that logo into a business card and company letterhead.

Objective: Create an original logo to fit a company or personal image. Design consistent layouts for various business documents.

Process: I sketched possible logo designs. I then took my three favorite designs and recreated them in Illustrator. I conducted a Facebook poll to determine which logo people preferred the most. I refined the look of the winning logo. Finally, I used Adobe InDesign to create a business card and letterhead featuring the revised version of the logo.

Business Identity

B

E A V E R C R E E K

D I V E

B

EAV E R C R EEK

D I V E

Pizza

937.431.8669 www.beavercreekpizza.com 4021 Dayton-Xenia Road Beavercreek, OH 45432 [email protected]

B

E A V E R C R E E K

D I V E

B

EAV E R C R EEK

D I V E

Pizza



Date: 2 November 2016

Programs Used: Adobe Illustrator

Description: Create an original infographic that visually displays data.

Objective: Improve research skills and organize data using graphics and design.

Process: I conducted research on possible topics for an infographic. I am a huge fan of comic books, so I decided to choose superheroes as my topic. I sketched possible illustrations and design layouts for my infographic. I used Adobe Illustrator to replicate my illustrations. I created a new Illustrator document and recreated my finalized infographic design sketch. I added background colors, textures, fonts, and my illustrations to visually display my research data.

InfographicWE LOVE

Superheroes!

0 100MIL 200MIL 300MIL 400MIL 500MIL 600MIL 700MILTotal Box Office Gross, Box Office Mojo

Superheroes cope with human experiences throughout their movies.

Viewers see a part of their own reality through a Superhero’s eyes.

Why do we fall?So we can learn to

pick ourselves back up!If at first you

don’t succeed... try, tryand try again!

Why Are They

so popular?

Popularity of Superhero Movies

Superhero team-up movies are extremely popular. People work in teams every

day to complete tasks.

ACCURACY

dependability

Intelligence

Loyalty

strength

Agility

Together we can achieve anything!http://the-artifice.com/why-we-love-superhero-films

The Group

Dynamic!




Programs Used: Notepad ++, Google Chrome

Description: Use HTML and CSS to build a custom webpage featuring your company logo and some information about the design of the logo.

Objective: Acquire working knowledge of HTML and a basic understand of CSS.

Process: I resized the logo I created in the Business Identity project and saved it as a PNG with a transparent background. I used HTML to code the main page content. I wanted to have a design where the subcategories expanded and collapsed, so I wrote a simple Java-script program that caused the subcategory paragraphs to appear and disappears when you clicked the subcategory name. I used CSS to customize the visual elements of the site. I validated my HTML and CSS files using an online validator.

URL: http://jeremiahastincomm130.handcraft.com/index.html#

HTML & CSS Coding





Description: Create a web-page layout for a new website based on a 960 webdesign grid.

Objective: Use Photoshop to design a mockup for a website home page with the help of a grid.

Process: I sketched possible layouts for a redesigned home page for The Beavercreek Pizza Dive. I used Adobe Photoshop and a 12 column 960 design grid to build a shape map of my favorite sketched design. I placed the edited images and text into my shape map. I added a call to action button on the large banner image.

Webpage Mockup




Programs Used: Adobe Illustrator, Adobe Photoshop, Adobe InDesign

Description: Design a full color folding brochure.

Objective: Setup and align a two sided folding document. Learn how to wrap text around an image. Use paragraph styles in InDesign.

Process: I brainstormed topics, and then sketched possible brochure layouts. I used Adobe InDesign to create a mock-up of my sketched layout. I used Adobe Illustrator to draw the house banner shapes, and design the Ministry of Magic logo. I used Adobe Photoshop to edit black and white images of the house mascots to match the corresponding colors for that house, and split the Hogwarts logo into two separate images. I placed the edited images into my mock-up. I added the background textures and styled the typography. Using Photoshop, I cut out an illustration of the sorting hat, and added a sepia filter. I placed this selection into my brochure and added a text wrap. I exported the design as a PFD for printing.

Brochure