You are on page 1of 21

DALLIN KLAIN

PORTFOLIO

DALLIN KLAIN
PO Box 725 Cardston Alberta Canada T0K 0K0

DALLIN KLAIN
dallinhklain@gmail.com PO Box 725 Cardston Alberta Canada T0K 0K0

208.540.1617

PORFOLIO

TABLE OF CONTENTS
4 MONTAGE 6 EVENT AD 8 FLIER 10 BUSINESS CARD 12 STATIONARY 14 LOGOS 16 WEB PAGE 18 IMAGING 20 BROCHURE

Oct. 24,2013|Comm 130|Section 4|Julie Peter son


Description: You are in charge of creating a new and fresh looking inspirational poster using a composite of images and type. A photo montage involves the blending of two or more images with text. You will create an inspirational montage by using a layer mask to blend images. Programs/Tools Used: Adobe Photoshop

MONTAGE
PORFOLIO

DALLIN KLAIN

Process: I first chose a background image and cropped it to 8.5/11. I then took the image of the man walking and with the saturation tool I made him black and white and played with the levels making him brighter and adding contrast. Using the selection tool and a mask I was able remove all background from around him. I then took the manikin head image and with a glowing edges filter I used a mask and with black paintbrush at verying opegacies I made a gradual blend into the background. I added some text and used the color of the leaves of the background to create some repetition Objectives: Learn to manage Photoshop layers. Learn to blend images together smoothly, using masks. (Two or more images) Use filters. (Apply at least one) Apply appropriate typography. Choosing good quality images. (Note background should be at least 16501275 pixels) Apply typography principles (titles, quotes, events or scripturesyour choice) Unifying a piece with a consistent theme

Potential

EVENT AD
Description: A color full-bleed event ad to promote a fundraiser using only Microsoft Word and a scanner. Programs/Tools Used: Microsoft Word, Epson Scanner, PDF2JPG. net (PDF converter)

DALLIN KLAIN
PORFOLIO
Objectives: Find, scan and import a high-quality image. Create a full-bleed design Use text boxes for layout in Word. Insert and edit images in Word.

Process: I scanned the stage image, And placed it on a black background in Word. I then softened the edges for a nice transitional blend. I then downloaded a font for the title and portion of the body copy. I placed a transparent black shape over the top of the picture where the title goes so that there wouldnt be any distractions from the title. I used the ruler tool to align the body copy on either side of the title.

FLIER
Description: Black and White flier to promote a Graduate Leadership Conference Programs/Tools Used: Adobe InDesign

DALLIN KLAIN
PORFOLIO

Process: I first created sketches for a flier. I then used InDesign to design a the flier based on one of the sketches. I used black to gray boxes to give contrast and repetition. I chose the image of the three people looking inward to give flow to the page, drawing the eyes of the reader into the body copy. The alignment and proximity of the text in the flier makes it easy for the viewer to understand quickly what the information is. Objectives: Apply the design principles and use appropriate typography. Incorporate basic InDesign skills to improve basic flier layout. Retrieve image and logo from links on this page. Create a project folder with image, logo and InDesign document to keep links intact.

GRADUA T E
L e a d e r s h i p C o n f e r e n c e
Do you want to have the competitive edge in business?
Come learn how at Vouant Communications annual Graduate Leadership Conference. Vouant Communications is devoted to helping tomorrows leaders gain essential leadership skills in the workplace. During this dynamic three-day seminar, attendees will meet with top executives of Vouant Communications to discuss breakthrough leadership techniques, while cultivating attributes of leadership that will market to any employer. Conference is available to graduating seniors. Space is limited.

October 21 8 a.m. 5 p.m. Lincoln Convention Center Register at www.vouantcomm.com/ leaders


9

BUISINESS CARD
Description: A buisiness card and stationery that represents a company. Programs/Tools Used: Adobe Illustrator & InDesign

DALLIN KLAIN
PORFOLIO

Process: I created the logo using simple abjects and type in Adobe Illustrator. Once the logo was created, I opened a new two page InDesign document and placed my logo .AI file into this document. I decided to make my first page a letterhead. I positioned the placed logo in the top of my letterhead. I made sure to keep it at least .5 away from the edges. I then typed my contact information into a text box and positioned it on the top right hand side of the letterhead. I added the lines as a watermark at 10% to add a element of repetition as well as uniformity with the business card. On my second page I used the rectangle tool to create the front and back outline of my business card. I then copied/pasted the logo and contact information onto this page. I altered the logo and contact information to give a more modern and cleaner look to the business card. I made sure that no important information came any closer than 1/8 from the edges. I also brought the lines into the business card to help unify the stationery pieces. Objectives: Use The basic tools of Illustrator & InDesign. Create a new logo to fit a company or personal image. Do not imitate existing logos or use your previous designs. (Dont use photos or live trace in your new logo) Design consistent layouts for a business card and letterhead. Use your new logo to design two stationery items with consistent design. (Photos are okay on stationery.) Letterhead: 8.5 x 11 (full-bleed optional, but trim only .125) Business card: 3.5 x 2 (print above center on a vertical page) Apply typography rules keeping small copy. Learning to keep thing simple by having watermarks and drop shadows light and white space. Applying contact information: Include name, address, phone, and email on each piece. Use periods, bullets, or spaces in phone #; No parentheses/ hyphens. 10

DK

Dallin Klain 208.540.1617 dallinhklain@gmail.com 881 4th Ave West Rexburg ID 83440

11

STATIONERY
Description: A buisiness card and stationery that represents a company. Programs/Tools Used: Adobe Illustrator & InDesign

DALLIN KLAIN
PORFOLIO

Process: I created the logo using simple abjects and type in Adobe Illustrator. Once the logo was created, I opened a new two page InDesign document and placed my logo .AI file into this document. I decided to make my first page a letterhead. I positioned the placed logo in the top of my letterhead. I made sure to keep it at least .5 away from the edges. I then typed my contact information into a text box and positioned it on the top right hand side of the letterhead. I added the lines as a watermark at 10% to add a element of repetition as well as uniformity with the business card. On my second page I used the rectangle tool to create the front and back outline of my business card. I then copied/pasted the logo and contact information onto this page. I altered the logo and contact information to give a more modern and cleaner look to the business card. I made sure that no important information came any closer than 1/8 from the edges. I also brought the lines into the business card to help unify the stationery pieces. Objectives: Use The basic tools of Illustrator & InDesign. Create a new logo to fit a company or personal image. Do not imitate existing logos or use your previous designs. (Dont use photos or live trace in your new logo) Design consistent layouts for a business card and letterhead. Use your new logo to design two stationery items with consistent design. (Photos are okay on stationery.) Letterhead: 8.5 x 11 (full-bleed optional, but trim only .125) Business card: 3.5 x 2 (print above center on a vertical page) Apply typography rules keeping small copy. Learning to keep thing simple by having watermarks and drop shadows light and white space. Applying contact information: Include name, address, phone, and email on each piece. Use periods, bullets, or spaces in phone #; No parentheses/ hyphens.

12

DK

Dallin Klain 208.540.1617 dallinhklain@gmail.com 881 4th Ave W Rexburg ID 83440

13

LOGOS
Description: Three logo variations for the same company. Programs/Tools Used: Adobe Illustrator

DALLIN KLAIN
PORFOLIO

Process: Most of the elements were typography and then turning the text into objects to manipulate the letters to create a unique logo. I also used the pencil tool to trace a photo and create a cartoon character. Objectives: Create a variety of logos to fit a company or personal image (at least 3 new logos). Do not imitate existing logos or use your previous designs. Use only the tools of Illustrator. (No photos on logo page) Setting up a professional display for the company. Arrange three logos on an 8.5 x 11 vertical page / .5 margins and add the company name in simple type at the top of page. Getting feedback from outside sources. Ask ten people to select their favorite logo. List the results, along with your favorite, in your blog post.

14

Fitness Review

FITNESS REVIEW

Fitness Review

ss Revie e n w it

15

WEB PAGES
Description: A web page designed to showcase a personally created logo. Programs/Tools Used: TextWrangler & Photoshop Process: I created this web page using only TextWrangler. I have just started writing HTML/CSS. It was interesting to see how you could make a web page by only using a simple text editor. It was also interesting to use the http://www.W3.org HTML validator. It was useful to have something check to see if I had any problems with my code. After I marked up all my content and inserted my image, I attached a premade CSS document to my HTML. I then used the colors from my logo as the colors for my web page. I found these colors by opening Photoshop and using the eyedropper tool. I also changed my fonts to Times New Roman and Verdana. I declared some backup fonts just in case the viewers browser didnt have these fonts. I also used padding around the logo and text so that they would not be centered on the edge of the web page. This was one of the most challenging parts of working with CSS.

DALLIN KLAIN
PORFOLIO

Objectives: Size (300 500 pixels ) and optimize an original logo as a .png for a web page. (Design a new logo, or use one from the Logo/Stationery project, to feature on a web page.) Write content to describe the process of creating your logo and how it appeals to a target audience. (Write a minimum of 200 words to describe the process of creating your logo, including rationale for color choices, appeal to target audience, design skills, and other pertinent information.) Design a web page using HTML to display the logo and content. (Use TextWrangler (Macintosh) or NotePad++ (Windows)) Acquire a working knowledge of HTML. (Must include all required tags (Doctype (provided), html, head, title, meta charset (provided), & body. As well as tag that links to external style sheet. With in the body include h1, h2, p, ol or ul (with li tags), img, hr, and a (link to blog) tags.) Acquire a working knowledge of CSS. (Customize the Cascading Style Sheet (css) provided in I-Learn to add page formatting that complements the logo design, by changing at least the following: The h1 text color & background color, font colors for the paragraphs & list items, the background color, Font Families and add at least one css comment. Identify hex colors for web design. (Find and use hex colors to match your logo) Compress multiple files in a zipped folder to attach as one file. Open your HTML page in a web browser, take a screen shot, and place the .png on a 8.5 x 11 page and print in color. Keep . 5 inch margins on top and sides, with bottom margin at least .5 inch. Make sure your print is setup on a portrait style page. Make sure it is a quality print with ledgible text. See the sample projects on this page as examples (contains 3 files: .css file; linked logo .png; .html file of web page.)

16

17

IMAGING
Description: A personally taken photograph that has been edited/ formatted using Photoshop. Programs/Tools Used: Canon EOS Rebel Camera, Adobe Photoshop

DALLIN KLAIN
PORFOLIO

Process: I took this picture using my little Canon EOS Rebel camera. I was able to take this nice shot. I then took my image into Photoshop and cropped it to a 66 inch square. I then selected the background using the quick selection tools, and applied the crosshatch brushstroke filter. I finally desaturated the the background color and face of the baby. Using the dodge and burn tool I enhanced the blues and whites of the eyes of the child. And using the Brush tool i airbrushed some pink back into the lips and cheeks of the baby. Objectives: Learn basic photography skills. Use a digital camera to take a quality image, then download it. Size and crop the image. 6x6 resolution 150 Adjust image brightness, contrast, hue and saturation levels. Use a selection tool to isolate a portion of the image. Desaturate the selected portion of the image. Use a filter or colorize a portion of the image. Document needs to be 8.511 150 resolution. Margins: top 2, sides 1.25 and bottom 3

18

19

BROCHURE
Description: A two sided (duplex) folding brochure. Programs/Tools Used: Adobe InDesign/Adobe Illustrator/Adobe Photoshop

DALLIN KLAIN
PORFOLIO

Process: I set up the tri fold in Adobe InDesign. I split my layout into three sections with the concept that the one section would be the inside of the brochure and the other section would be the outer cover of the brochure. I used black throughout the brochure as well as orange headers to create repetition and flow. I deliberately chose lighter and brighter color photos that showed to create contrast against the black and a thematic element to unite brochure. For the images I used the quick selection tool in Adobe Photoshop to remove the background of the image. I then used the refine mask dialogue box to smooth, feather, shift edge and apply contrast to the outline of the flamingo. The changes I made in the refine mask dialogue box made a softer image that didnt look so sharp and cutout against the brochures background. I then placed the flamingo into InDesign where I used the text wrap option to wrap my text around the alpha channel of the image. I created the logo in Illustrator using the 16 color vector tool. and placed text over the image, and then I placed it into InDesign, where I used the scissors tool to cut the logo in half. Objectives: Set up and align a two-sided, folded document. Create an original company logo and use it in a brochure. Incorporate quality images. (Incorporate at least four quality images (Not including the logo). One should be clipped in Photoshop and text-wrapped in InDesign so the text follows the cutout shape of the image.) Write at least 250 words of original copy with at least three paragraphs. Trim for a full bleed and print in duplex (two-sided) color.

20

21