21
7/21/2019 Tim Ballard: Portfolio http://slidepdf.com/reader/full/tim-ballard-portfolio 1/21

Tim Ballard: Portfolio

Embed Size (px)

DESCRIPTION

This is a portfolio of all the projects I worked on over the semester for COMM 130: Visual Media.

Citation preview

Page 1: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 1/21

Page 2: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 2/21

[email protected]

129 Viking Dr, Rexburg, ID

715.781.2244

goatsandgoats.wordpress.com

Page 3: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 3/21

Brochure

Logos

Montage

Stationery

Web Page

Photo Edit

Flyer

Event Ad

Page 4: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 4/21

• Instructor:Ben Pingel

• Course:Visual Media - Section 6

• Programs Used:

Adobe InDesign, Illustrator, Photoshop

• Description:A two-sided (duplex) gate-folded brochure.

• Date Completed:December 5, 2015

• Objectives:Set up and align a two-sided, folded document. Create an original, new logo

and use it in a brochure. Incorporate quality images. Incorporate at least fourquality images, not including the logo. One should be clipped in Photoshopand text-wrapped in InDesign so the text follows the cutout shape of the image.Write at least 250 words of original copy in at least three paragraphs, headers,and subheaders. Trim for a full bleed and print in duplex (two-sided) color.

• Process:I first made the logo design in Illustrator using the pen tool and the roundedrectangle tool. Then I set up a gate fold in InDesign and put the logo on to thedocument so that it would cut in half when folded. Then I found the 4 images

online and put them into the next page of the design. I added the informationin text boxes throughout the layout. I also made the image in the middle usingthe rectangle tool and different colors to meet the color scheme. I made thetext follow paragraph styles for consistency. The title was larger and the bodytext was smaller and partially indented. Then I made the text wrap aroundthe middle picture. I had to edit the 4 pictures in Photoshop. I got rid of thebackground behind the girl to single her out. To make them match the colorscheme, I edited the colors in the sound wave picture, the turntable pictureand the headphones in the middle. Upon printing I cut off the extra paper andfolded it carefully to make the logo in front line up together.

Page 5: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 5/21

BACKFRONT (Closed)

INSIDE

Page 6: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 6/21

• Instructor:Ben Pingel

• Course:Visual Media - Section 6

• Programs Used:

Adobe Illustrator

• Description:A logo design for a fictional company hosting an interstellar dating site.

• Date Completed:October 29, 2015

• Objectives:Create three completely different, original logos to fit a company or personal

image that will appeal to the audience. Do not imitate existing logos or useprevious designs. Gather opinions from at least ten people about which logoappeals most to them. Use only the Illustrator tools to create and draw yourlogos. Refine one logo with variations for color

• Process:At first I was worried about Illustrator and coming up with something creativebut then I made some sketches that showed some promise. I initially madethree different logos and then had people vote on them to narrow it down toone. This logo actually took me the least time out of the three. I made the ‘C’

large enough to fit the two words to the side, all with a space-looking font.Then for the rocket ship I got some inspiration from the internet and used thepen tool to sketch the outline.Lastly, I made the hearts coming out of the end to make it look like the flames ofthe rocket with the pen tool. At first everything was black except for the heartsbut then, to add a better color scheme to fit my audience, I made the rocketorange and the fonts different color. It’s kind of hard to see but the windows ofthe rocket are yellow.

Page 7: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 7/21

Cosmic Courting

Page 8: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 8/21

• Instructor:Ben Pingel

• Course:Visual Media - Section 6

• Programs Used:

Adobe Photoshop

• Description:An inspirational montage made by blending 4 images together and differenttext effects and typography.

• Date Completed:October 24, 2015

• Objectives:Use the FOCUS design process with strong focal point and flow. Unify a layoutwith a consistent theme and dominant spiritual message. Learn to blend twoor more images together gradually, using masks. Demonstrate more advancedPhotoshop skills for layout with multiple elements. Use a mask to apply a filterto one part of the image. Apply typography principles. Use a theme word.Lastly: Select good quality images.

• Process:First I went and found all the images. Then I made the cloud background fitinto 8.5 x 11 in. I also placed a blur on the background to blend it better with

the rest of the image and brought down the exposure to make the clouds seemdarker. I placed the picture of the girl into the corner, scaled it down and placeda mask on it to get rid of the edges so the clouds filled in around her. To get ridof the edges, I had the brush set to 100% opacity but filling in around the girl,I used around 70%. Then I put in the picture of the sun beams in the oppositecorner to complete the theme and add asymmetry. I repeated the same processwith the sun beams to blend into the clouds. Next I added the bokeh image toadd texture. I unsaturated the bokeh lights and placed a Gaussian Blur over itand put a mask on it to remove edges and unwanted filler. Lastly, I put in thetext box and made it yellow to match the color scheme. I added a glow anda drop shadow effect to show where the light from the sun beams would becreating a shadow. I used two different fonts to create contrast within the text.

Page 9: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 9/21

Page 10: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 10/21

• Instructor:Ben Pingel

• Course:Visual Media - Section 6

• Programs Used:

Adobe Illustrator, InDesign

• Description:A letterhead created with a logo from a made-up company called Green House.

• Date Completed:November 6, 2015

• Objectives:Use the basic tools in Illustrator & InDesign. Create a new logo to fit a company

or personal image. Do not imitate existing logos or use previous designs. Don’tuse photos or live trace. Use the new logo to design consistent layouts for abusiness card and letterhead. Photos are okay on business card and letterheadas additional design elements. Letterhead should be 8.5 x 11, full-bleed optional,but trim only .125. Business card should be 3.5 x 2 and printed above centeron a vertical page. Apply typography rules, keeping small copy. Keep designssimple with light watermarks and drop shadows and plenty of white space.Include contact information: name, address, phone, website, and email on eachpiece. Use periods, bullets, or spaces in phone number.

• Process:I made a letterhead in InDesign by taking the logo and information I’d madeup and then putting long lines from side to side of the page on the top andthe bottom. I made sure the information on both the letterhead was alignedwith the logos on each. On the letterhead I added a very faint water mark bytaking my logo, making it large and on the side of the page, and turning thetransparency to about 7%.

Page 11: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 11/21

GGreen House

  Tim Ballard

[email protected],RiverFalls,[email protected]

Page 12: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 12/21

• Instructor:Ben Pingel

• Course:Visual Media - Section 6

• Programs Used:

Adobe Illustrator, InDesign

• Description:A business card created with a logo from a made-up company calledGreen House.

• Date Completed:November 6, 2015

• Objectives:Use the basic tools in Illustrator & InDesign. Create a new logo to fit a companyor personal image. Do not imitate existing logos or use previous designs. Don’tuse photos or live trace. Use the new logo to design consistent layouts for abusiness card and letterhead. Photos are okay on business card and letterheadas additional design elements. Letterhead should be 8.5 x 11, full-bleed optional,but trim only .125. Business card should be 3.5 x 2 and printed above centeron a vertical page. Apply typography rules, keeping small copy. Keep designssimple with light watermarks and drop shadows and plenty of white space.Include contact information: name, address, phone, website, and email on eachpiece. Use periods, bullets, or spaces in phone number.

• Process:I started by making a simple logo for a fake company called “Green House” inAdobe Illustrator using just the rectangle and star tool and then adding thewords beneath it. I saved the project and then placed it into a new documentin Adobe InDesign. From there I made two boxes and placed the logo in each.The first side is the back of the business card and the second is the front withthe information. I separated the info and the logo with three green lines.

Page 13: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 13/21

  Tim Ballard

[email protected],RiverFalls,WI

goatsandgoats.wordpress.com

Page 14: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 14/21

• Instructor:Ben Pingel

• Course:Visual Media - Section 6

• Programs Used:

Notepad ++

• Description:A webpage designed to showcase an original logo.

• Date Completed:November 20, 2015

• Objectives:Size and optimize an original logo as a .png for a web page so the long

side is 300 – 500 pixels. Write content to describe the process of creatingyour logo and how it appeals to a target audience. (Minimum of 200 words.Include rationale for colors, appeal to target audience, design skills, etc,).Acquire a working knowledge of HTML. (Include all required tags – Doctype(provided), html, head, title, meta charset, body, h1, h2, p, ol or ul (with litags), img, br, and a link to blog). Acquire a working knowledge of CSS.Identify hex colors to match logo, using Photoshop color picker. Open theHTML page in a web browser and capture a quality screen shot with .5 inchmargins for printing.

• Process:I created this webpage using Notepad ++ in HTML/CSS. I first made thelayout in HTML and inserted my logo image. Then further in the project Iused a pre-made CSS file and linked it to the HTML file in order to customizethe different aspects of the web page. I found the background image fromUnsplashed.com and made everything blue to match that and create a goodcolor scheme. I made a list describing the design process and also added ahyperlink to my blog for more information. Finally I validated iton http://www.W3.org.

Page 15: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 15/21

Page 16: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 16/21

• Instructor:Ben Pingel

• Course:Visual Media - Section 6

• Programs Used:

Adobe Photoshop

• Description:A full bleed color poster demonstrating photography and image editing skillswith Photoshop.

• Date Completed:October 17, 2015

• Objectives:Learn basic photography skills. Choose a color scheme, take a photo to matchthose colors, then incorporate the colors into the layout. Use a digital camerato take a quality image, then download it. Adjust image levels, saturation, colorbalance, sharpen tool on separate layers for NDE (non-destructive editing.)Size and crop the image, then place on an 8.5×11 page layout. Use layers todesign text, and repeating graphic elements in Photoshop.

• Process:I started by experimenting with the photography aspect. My friend justhappened to have a bunch of change on the table so I arranged it into a word

and centered it on the table. After I had the image I knew my color schemewould be a monochromatic. In the editing portion, I placed the image in andmoved it up in order to better follow the rule of thirds. I edited its levels to giveit better light, made the colors more vibrant, and sharpened the coins.Then I added the shapes above and below it to follow the color scheme, createasymmetry, and add repetition. I found the quote about money on Brainyquote.com and tried to leave space between the text and the edges. I added theswatches at an angle to match the shapes above and create unity throughoutthe project. Then I added some flair to them with different erasers.

Page 17: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 17/21

Page 18: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 18/21

• Instructor:Ben Pingel

• Course:Visual Media - Section 6

• Programs Used:

Adobe InDesign

• Description:A promotional flier promoting a Graduate Leadership Conference.

• Date Completed:October 3, 2015

• Objectives:Apply the design principles and use appropriate typography. Incorporate basic

InDesign skills to improve basic flier layout. Retrieve image and logo from linkson this page. Create a project folder with image, logo and InDesign documentto keep links in InDesign intact.

• Process:First, I scanned in the harvest picture from the magazine, The Ensign. I didn’tneed to get rid of anything on or behind the picture, I used the whole image.I sized up the image so it would fill the entire paper. Then I added the boxesthat coincided with the blue in the picture and added the purple lines to addrepetition and follow the triadic color scheme.

I kept the information in groups to add organization and kept everythingaligned the same way. I used 2 fonts to contrast the title from the body andadded some gold color to the title in order to match the color scheme as well.I learned the assets inside Microsoft Office that are ready to be used if I don’thave access to other sophisticated programs.

Page 19: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 19/21

G r adu a t e

Leadership   Conference

 Do YOU  want to have the COMPETITIVE EDGE  in BUSINESS  ? 

Registration and moreinformation available at:

http://www.vouantcomm.com/leaders

  Come learn how at Vouant Communication’s annualGraduate Leadership Conference.

 Vouant Communications is devoted to helping tomorrow’s leaders

  gain essential leadership skills in the workplace. During this

dynamic three-day semnar, attendees will meet with top

executives of Vouant Communication to discuss

breakthrough leadership techniques, while

cultivating attributes of leadership that

 will market to any employer.

October 21

8 a.m. – 5 p.m.

Lincoln Conventioun

Center

Conference is available to

graduating seniors.

Space is limited.

Page 20: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 20/21

• Instructor:Ben Pingel

• Course:Visual Media - Section 6

• Programs Used:

Microsoft Word

• Description:A color full-bleed event ad to promote a fundraiser using only MicrosoftWord and a scanner.

• Date Completed:October 10, 2015

• Objectives:Comprehend image sizing. Find, scan and import a high-quality image.Create a full-bleed design. Choose a color scheme and typeface(s) that workfor your message and audience. Learn to use only Word design featureswithout using any Adobe programs, including Photoshop.

• Process:First, I scanned in the harvest picture from the magazine, The Ensign. I didn’tneed to get rid of anything on or behind the picture, I used the whole image.I sized up the image so it would fill the entire paper. Then I added the boxesthat coincided with the blue in the picture and added the purple lines to

add repetition and follow the triadic color scheme. I kept the informationin groups to add organization and kept everything aligned the same way. Iused 2 fonts to contrast the title from the body and added some gold colorto the title in order to match the color scheme as well. I learned the assetsinside Microsoft Office that are ready to be used if I don’t have access toother sophisticated programs.

Page 21: Tim Ballard: Portfolio

7/21/2019 Tim Ballard: Portfolio

http://slidepdf.com/reader/full/tim-ballard-portfolio 21/21