Portfolio: Austin Jones

8/13/2019 Portfolio: Austin Jones

1/21


2/21


3/21

Table of Contents1. Flier2. Event Ad3. Imaging4. Montage5. Logos6. Business Card7. Stationery8. Web Page

9. Brochure


4/21

FlierDate : 10/4/13

Course: Visual Media

Instructor: Julie Peterson

Description: A Black and White flier of a leadership conference for graduating seniors.

Tools used: Adobe InDesign

Objective: Promote leadership conference for graduating seniors. Apply design principles and useappropriate typography within the flier. Incorporate basic InDesign skills to improve the basic flier layout.Retrieve image and logo from links provided. Create a project folder with image, logo and InDesigndocument to keep links intact.

Process: First, I sketched four ideas for a layout of the flier. After deciding which of the four would bestrepresent the needs of my employer and convey the message of the conference, I decided upon this one.I designed this flier using Adobe InDesign. I used black and white contrast as a repetitive theme throughoutthe flier. I wanted Graduate to stand out differently and so I used the G as a contrast in color and sizein comparison to the rest of the word. I felt this would catch my audiences eye.

Upon choosing an image, I wanted one that would help flow the readers eye to the backgroundinformation about the conference as well as the date, time, and place. The gentlemans elbow in the photowill help guide my audiences eye. I used many alignment principles to help make this flier look crisp andsharp while conveying the competitive edge.


5/21


6/21

BrochureDate: December 7, 2013



Description: A full-color, folding brochure to help promote the JIFs Peanut Butter products.

Tools Used: Adobe Illustrator, Adobe InDesign, Adobe Photoshop, Microsoft Word, and Google.

Objective: Create an original company logo and use it in a brochure. Incorporate quality images, oneshould be clipped in Photoshop and text-wrapped in InDesign so that text follows the cut out shape ofthe image.

Process: The process of the creation of this brochure required the use of three different softwareprograms. They were Adobe Illustrator, Adobe InDesign, and Adobe Photoshop. The majority of thebrochure organization and text was organized in InDesign. I found different images online and editedthem in Photoshop. Once in Photoshop, I selected the portion of the image I wanted to use in mybrochure using the Quick Selection tool. I used the Refine Edge tool on the selected portion of myimage and refined the edges to make the clipped image smooth and crisp instead of choppy. I thenconverted the edited picture into a .psd file. Next, I placed the .psd file I wanted to use in InDesign usingCommand+D. This step was used a lot to bring in my other images into my brochure.

The logo for JIF Company was created by myself in Adobe Illustrator. Using the pen toolI drew a peanut shaped object. I then drew lines using the same tool to give the waffled looked withinthe peanut. I found a decent font in Illustrator and typed out JIF, after which I edited the letters of thefont using the Create Outlines tool. Once I had JIF and my object illustrated I rasterized them using theRasterize tool, now my logo was one object. Back in InDesign I placed the object using Command+D. Mybody was already typed up beforehand. Using a text box, I pasted my body from Microsoft Word into thebox.

Now that my body was placed inside my brochure I wanted to wrap the text around theimages so that my brochure would flow and look more appealing to my audience. Using the Text Wraptool I wrapped my text around my clipped image. After the wrap was applied, I set the knives vertically sothat my readers eyes would stay focused on the body within the area of the knives. The Peanut Butterand Jelly text of my title were filled with the image of the smeared peanut butter and jelly found onthe inside pages of my brochure. The colors of The Peanut Butter and The Jelly headings were bothselected using the Eye Dropper tool in InDesign to match the peanut butter and jelly seen on the knives.This helped my brochure to repeat different elements. On a side note, to create the knife with jelly, Isimply went back to Photoshop and flip the knife horizontally. Next, I selected the peanut butter andchanged the hue/saturation to match the purple tone of the jelly.


7/21


8/21

Imaging

Date: October 19, 2013



Description: A high quality image personally taken and edited.

Tools Used: Adobe Photoshop and an Olympus FE-370 Digital Camera

Objective: Using photography skills, take a picture. Appropriately size and adjust the image to 6x6inches and 150 resolution. Use a selection tool and isolate a portion of the image. Desaturate and applya filter to the selected portion of the image. Adjust the image brightness, contrast, hue, and saturationlevels.

Process: I took this photo using an Olympus FE-370 digital camera. I uploaded it to Adobe Photoshopand edited it using selection tools. I selected the foreground cactus and applied a higher saturation tomake it brighter and vibrant. Selecting the individual needles of the cactus was quite a challenge butworth the effort. I then selected the inverse and took away the saturation from the background giving itthe black and white effect. I applied a Diffuse Glow filter to the unsaturated portion of the photo.


9/21


10/21

Montage

Date: October 25, 2013



Description: A new inspirational flyer about temples of the Church of Jesus Christ of Latter-daySaints.

Tools Used: Adobe Photoshop CS6

Objective: Unify piece using a consisten theme. Blend high quality images smoothly using masks.Manage Photoshop layers and apply appropriate typography principles.

Process: I selected two images that I had taken a few years ago. The background image was perfect,I just used the auto color adjustment tool on Photoshop to help take away the haze look it had before.The image of the the hand was somewhat blurry so I used the sharpen filter to help define and clearit. Then I adjusted the hand with a lot of lightness to give more of the light glow off the hand. Thedesaturation of the hand help bring out the contrast. I had to flip the image horizontally to give the effectthat it is the right hand when in reality, the original image is of the left hand. I selected the hand using thequick selection tool and then cut and dragged it into my background image.

To help blend the two pictures together, I used a mask on the hand to gradually paint off theedges from the original image. Next, I brought the opacity down to 30% and began blending the imageuntil it gave the spirit effect I wanted it to convey. As for the text, I used contrast by making the wordsof the message I felt most important slightly darker. I also made the point size of those words 10 pointslarger. I used the Gaussian Blur on the box to help blend it into the image instead of just placing it on top.I always try to avoid using center-alignment but I felt in this instance it would be most useful.


11/21


12/21

Event AdDate: October 12, 2013



Description: This is a flyer to promote the fictional local event Floss for Paws whose proceedsbenefit the senior retirement center of Rexburg.

Tools Used: Microsoft Word, Epson Scanner

Objective: Create a full-bleed design using Microsoft Word. Scan, edit, and insert a high quality imageinto the design and Microsoft Word. Use text boxes to create a layout.

Process: The fictional event, Floss for Paws, was inspired by the image I used in this project. I foundthe image in the Scientific American magazine attached to an article about the rabies disease. Since thedog in the image conveyed it was barking, I thought I would use a callout box to show that the dog wasannouncing the background information of the event.

I drew the dog paw in Word by creating different shapes. I then grouped the shapes togetherto form the paw. I felt the black paw would compliment the Paws aspect of the title and contrast thewhite color. Originally the date, time, and place, were in an orange box with white font. During a critiqueof my draft, I received counsel to delete the box and turn the font to black. This helped pulled the imageof the dog out more as well as add additional white space to my piece.


13/21


14/21

Logos

Date: November 2, 2013



Description: Three different logos for Rocket Fizz Soda company.

Tools Used: Adobe Illustrator

Objective: Using only tools from Adobe Illustrator, create 3 original and distinct logos for Rocket FizzSoda company. Set up the logos in a professional display with the company name at the top.

Process: The companys use of Rocket in their name led me to think of science, chemistry, androcket-science. I wanted each logo to give off that idea. The top logo was created using the text and thepen tool in Adobe Illustrator. The black rocket was created using the pen tool. I drew a sharp oval shapeand then created the fins to the rocket. Afer I created the shapes, I arranged them until they created therocket I wanted. I then used the Pathfinder tool to merge the shapes together, thus creating the rocket. Iused two contrasting fonts to conform with the contrast design principle.

The middle logo was made after using the Rectangle Tool to create a square with a black fill.I placed the text in a centered alignment to recreate an element of the periodic table. I felt this elementwould match the chemistry aspect of the company. In the company name Rocket Fizz I made theR and F slightly larger in font size. I also changed the color of the R and F to green to match the RF inthe center of the box. I felt this contrast would make the company name unique and bring unity and arepeating element to the design.

The final logo is a composure of two contrasting fonts.


15/21


16/21

StationeryDate: November 8, 2013



Description: This is a stationery designed for Rocket Fizz Soda Company.

Tools Used: Adobe Illustrator and Adobe InDesign

Objective: Create a stationery for Rocket Fizz Soda Company. Keep theme consistent and simple.

Process: This stationery was created in InDesign. To keep a consistent theme throughout the designI used black and green colors. This would fulfill a repeating element within my design. The logo used inthe center was watermarked with a very low opacity. This is was essential to create a strong focal pointand keep the audiences eyes on the page. This was also essential in order to prevent a dark logo fromimpeding a writer to write their message on the stationery. It does this by being light enough to put textover it and still be readible. I used the line tool and created two lines to create space for a writer to placehis or her message. The lines can be found right below the contact information and right before thebottom edge of the page.


17/21


18/21

Business CardDate: November 8, 2013



Description: This is a business card to promote Rocket Fizz Company.

Tools Used: Adobe InDesign and Adobe Illustrator

Objective: Using the basic tools of Illustrator and InDesign create a business card that fits the RocketFizz Soda company. Keep the theme simple and consistent. The business card should be 3.5 inches by 2inches.

Process: Using the InDesign shape tool, I created the 3.5 by 2 inch business card rectangles. On oneside of the card, I felt it would be appropriate to have only the company logo. Throughout the businesscard I repeated the element of the colors black and green. I attempted to establish flow on the card withthe company name and my contact information by creating two rectangles and filling one with black andthe other with green. I felt the shapes would direct the audiences eye from the company name to whomthey can contact.


19/21


20/21

Web PageDate: November 23, 2013



Description: An html page describing the process of a logo created in Adobe Illustrator. Thewebpage was formatted using CSS.

Tools Used: Adobe Illustrator to create the logos. Text Wrangler to edit the .html and .css files.Photoshop to find hex codes for my colors

Objective: Design a web page using HTML to display the logo and content. Acquire a workingknowledge of HTML and CSS. Identify hex colors for web design.

Process: The html page was originally drafted as a text document. Once the text was saved as an htmlfile, I could place it into Text Wrangler and make the proper adjustments to make the web page come tolife. These adjustments included the use of tags within my html document. These tags would layout howthe information on my web page was organized. Once I was in Text Wrangler, I employed heading tagsto Rocket Fizz Soda and Here is some thinking that went into this logo design: In order to format a liston my page I included an unordered list tag. This tag ordered the information I chose using bullet points.

I placed an image tag in my html document. This was used to select my .png file (my logo)and to place it on my web page. This was how my logo was inserted into the page. In order to format mylink to work on my web page, I inserted a link tag.

In order to format my web pages colors and design I needed to use a css file. I linked myhtml and css file using ( ). Once thiswas linked, any changes I made in my css document would go into effect on my html document. I foundhex codes to different colors in photoshop. I used these codes to tell my css file what color my webpage would be. In order to center my logo, I used a margin-right, margin-left, and display: block; code tocenter my logo.


21/21

Portfolio: Austin Jones

Documents

Transcript of Portfolio: Austin Jones