p9 jacob olson portfolio

Upload: jacob

Post on 07-Jul-2018

223 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/18/2019 P9 Jacob Olson Portfolio

    1/11

  • 8/18/2019 P9 Jacob Olson Portfolio

    2/11

     JACOB OLSON

    540.429.4881 [email protected]

    271 S 2nd W #101Rexburg, ID 83404 

    03 Flier

    05 Photodesign

    07 Brochure

    09 Business Card

    11 Stationery

      Event Ad

      Web Page

      Logo

      Montage

  • 8/18/2019 P9 Jacob Olson Portfolio

    3/11

    description 

    Flier for a g raduate leadership conference.

    objectives 

     - Apply the design principles and use appropriate typography. - Incorporate basic InDesign skills to improve basicflier layout.

     - Create a project folder with image, logo and InDesigndocument to keep links in InDesign intact.

     process 

    From pencil sketches to Adobe InDesign, creating this flierwas a process of initial concepts, critique, and revision.The settled on layout primarily relies on the principles ofalignment to capture attention and create visual flow. Thetriangularly cropped photo suggests the “competitive edge”from the title question as does the intense gaze from the

    model’s single visible eye. By matching the photo’s shape thetriangle bullets tie the design together. The copy, photo, andVouant logo were provided by the client.

     programs 

    Adobe InDesign

    flierComm 130-07 

    Nicole Nugent 

    23 Jan 2016 

    Do you want to have thecompetitive edge in business? 

    Come learn how at Vouant Communication’s annual Graduate Leadership Conference.

    Vouant Communications is devoted to helping tomorrow’s 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 l eadership that will market

    to any employer.

    Conference is available to graduating seniors. Space is limited.

    Registration and more information available at:

    http://www.VouantComm.com/Leaders

    Graduate Leadership

    ConferenceOctober 218a.m. – 5p.m.

    LincolnConventionCenter 

  • 8/18/2019 P9 Jacob Olson Portfolio

    4/11

    description 

    Photography and image editing showcase.

    objectives 

     - Learn basic photography skills.

     - Choose a color scheme, take a photo to match those colors,then incorporate the colors into the layout.

     - Use a digital camera to take a quality image, thendownload it.

     - Adjust image levels, saturation, color balance, sharpen toolon separate layers for NDE (non-destructive editing.)

     - Size and crop the image, then place on an 8.5×11page layout.

     - Use layers to design te xt, and repeating graphic elements

    in Photoshop.

     - Print with full-bleed margins. Trim only 1/8” (0.125) fromall four sides.

     process 

    Personal running shoes photographed with rented CannonPowerShot SX40 HS. Blue blanket used as backdrop with desklamp for lighting. Basic level, saturation, color balance, andsharpening adjustments made in Photoshop CS. Other editing

    included removing lint from blanket and using Content Awareto fill out background. Incorporated photo into monochromaticcolor scheme with blues, white, and grey.

     programs 

    Adobe Photoshop CC

    Comm 130-07 

    Nicole Nugent 

    5 Feb 2016 photodesign

  • 8/18/2019 P9 Jacob Olson Portfolio

    5/11

    description 

    Duplex folding offset brochure.

    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 four qualityimages, not including the logo. One should be clipped inPhotoshop and text-wrapped in InDesign so the text followsthe cutout shape of the image. - Write at least 250 words of original copy in at least threeparagraphs, headers, and subheaders.

     - Trim for a full bleed and print in duplex (two-sided) color.

     process 

    Began by designing a new logo in Adobe Illustrator. Afterseveral variations (in black and white) a typographic designwas settled on featuring “jacob” as the focal point with“DESIGNS” nested next to an elongated “j”. A single font was

    used with the elements contrasted with varied capitalization,font weight, and color value. Then a lime color scheme waschosen to show creativity and friendliness.

    Next a rough layout was sketched on paper for a verticalfolding offset brochure. The layout was then organized inAdobe InDesign. One simple page for the back and frontfeatured the logo. The inside page was organized into threesections: header featuring clipped photo and wrapping text,center with three-column layout for body copy, footer showing

    additional photos. This inside page was flipped upside down forproper printing alignment.

    Adobe Photoshop was used to format the large photo, usingthe Quick Selection tool to make the cutout and refine the

    edges. The photo was inserted into InDesign and the bodycopy was set to wrap around the image using the Text Wrap:Alpha Channel option.

     programs 

    Adobe CC: Illustrator, InDesign, Photoshop

    Comm 130-07 

    Nicole Nugent 

    26 Mar 2016 brochure

    front back

    inside

  • 8/18/2019 P9 Jacob Olson Portfolio

    6/11

    description 

    Business card with original logo.

    objectives 

     - Use the basic tools in Illustrator & InDesign.

     - Create a new logo to fit a company or personal image. Donot imitate existing logos or use previous designs. Don’t usephotos or live trace.

     - Use the new logo to design consistent layouts for a businesscard and letterhead. Photos are okay on business card and

    letterhead as additional design elements. Letterhead should be8.5 x 11, full-bleed optional, but trim only .125. Business cardshould be 3.5 x 2 and printed above center on a vertical page.

     - Apply typography rules, keeping small copy.

     - Keep designs simple with light watermarks and drop

    shadows and plenty of white space.

     - Include contact information: name, address, phone, website,and email on each piece. Use periods, bullets, or spaces inphone number; no parentheses/ hyphens.

     process 

    Typographic logo created in Adobe Illustrator. File was thenimported into Adobe InDesign for use in 3.5×2 inch businesscard outlines. Logo and other elements repeated. White version

    of logo used on front of card along with contact informationaligned in corners.

     programs 

    Adobe CC: Illustrator, InDesign

    Comm 130-07 

    Nicole Nugent 

    26 Feb 2016 business card

    Jacob Olson

    365 N. 3rd E

    Rexburg, ID 88403

    540.111.4612

    [email protected]

    www.BeStrongFitness.com

    BEF I T N E S STRONG

    BEF I T N E S S

    STRONG

  • 8/18/2019 P9 Jacob Olson Portfolio

    7/11

    Comm 130-07 

    Nicole Nugent 

    26 Feb 2016 

    description 

    Letterhead stationery.

    objectives 

     - Use the basic tools in Illustrator & InDesign.

     - Create a new logo to fit a company or personal image. Donot imitate existing logos or use previous designs. Don’t usephotos or live trace.

     - Use the new logo to design consistent layouts for a businesscard and letterhead. Photos are okay on business card and

    letterhead as additional design elements. Letterhead should be8.5 x 11, full-bleed optional, but trim only .125. Business cardshould be 3.5 x 2 and printed above center on a vertical page.

     - Apply typography rules, keeping small copy.

     - Keep designs simple with light watermarks and drop

    shadows and plenty of white space.

     - Include contact information: name, address, phone, website,and email on each piece. Use periods, bullets, or spaces inphone number; no parentheses/hyphens.

     process 

    Letterhead created with logo in top left corner as focal pointwith horizontal masthead to give the page structure. Contactinformation aligned in bottom right cor ner to provide

    asymmetrical balance.

     programs 

    Adobe InDesign CC

    stationeryBEF I T N E S S

    STRONG

    Jacob

    365 N.Rexburg, ID 8

    540.111

    jacob@bestrongftne

    www.BeStrongFitne

  • 8/18/2019 P9 Jacob Olson Portfolio

    8/11

    description 

    Color, full-bleed ad for fictional event.

    objectives 

     - Comprehend image sizing(how pixels and inches work together)

     - Find, scan and import a high-quality image.

     - Create a full-bleed design.

     - Choose a color scheme and typeface(s) that work for your

    message and audience.

     - Learn to use only Word design features without using anyAdobe programs, including Photoshop.

     process 

    Project involved creating an ad from a chosen scanned image.Cereal box front from apartment was selected and fictional“Cereal Charity Breakfast” was formulated. Ad was designedusing only Microsoft Word. Original scan was cropped andoptimized with image editing features within Word. Limited bythe programs functionality, a simple design idea was decidedon — colorful squares mimicking the shape of the cerealbox itself. Colors were selected from the “Life” logo. A singletypeface was utilized in white to contrast with the colorfulbackground.

     programs 

    Native scanner software, Microsoft Word 2016, ColorPic (freecolor tool), PDF2JPG.net (file converter).

    Comm 130-07 

    Nicole Nugent 

    31 Jan 2016 event ad

     

    Donations

    Matched

    1 to 1

     YOU  QUAK

    Cereal Charit y  

    Breakfast for Idaho Food Bank

    Feb 27 

    9am – 11a

    BYU Idaho

    I-Center

     w  w  w.Quaker.c

     /Cha rit yBreakf

    Bring 

    1 to donate.

     to share.

    2

    SPONSORED BY  

    boxes. 

  • 8/18/2019 P9 Jacob Olson Portfolio

    9/11

    description 

    Web page to present logo design.

    objectives 

     - Size and optimize an original logo as a .png for a web p age sothe long side is 300 – 500 pixels.

     - Write content to describe the process of creating your logoand how it appeals to a target audience. (Minimum of 200words. Include rationale for colors, appeal to target audience,design skills, etc,)

     - Acquire a working knowledge of HTML. (Include allrequired tags – Doctype (provided), html, head, title, metacharset (provided), body, h1, h2, p, ol or ul (with li tags), img,br, and a link to blog)

     - Acquire a working knowledge of CSS. (Customize theprovided CSS provided to format the HTML to complementthe logo design. Change at least the following: The h1 textcolor & h1 background color, font colors for the paragraphs &list items, the background color, font families and add at leastone css comment.)

     - Identify hex colors to match logo, using Photoshopcolor picker.

     process This web page was created using the open source Notepad++

    for Windows. I coded it using proper HTML tags andindentation techniques. I attached a provided CSS file tomodify the styling of the page. I changed the font stacks andcolor codes to match the logo. I used ColorPic to extract thehex codes. I adjusted the margins and padding, going back

    and forth between the code editor and browser to preview mychanges until things looked just right.

     programs 

    Notepad++

    Comm 130-07 

    Nicole Nugent 

    12 Mar 2016 web page

  • 8/18/2019 P9 Jacob Olson Portfolio

    10/11

    description 

    Logo for Olson Web Design company.

    objectives 

     - Create three completely different, original logos to fit acompany or personal image that will appeal to the audience.Do not imitate e xisting logos or use previous designs.

     - Market research: gather opinions from at least ten peopleabout which logo appeals most to them.

     - Use only the Illustrator tools to create and draw your logos.

    (No Illustrator pre-fabricated flares, symbols, etc.. No photosor live-tracing. You may use an image or drawing as a guideto trace it with the pen/pencil, but delete the image beforesubmitting.)

     - Refine one logo with variations for color

     process 

    After developing three logo drafts in Adobe Illustrator Igathered critiques and submitted them to an online vote.I chose the one I liked and was voted best (out of first 10votes). I refined the typography, coloring, and icon. This is atypographic logo with high contrast in coloring and font sizes.The O in Olson is combined with a graphic to create a headand shoulders silhouette for a personable impression.

     programs 

    Adobe Illustrator CC

    Comm 130-07 

    Nicole Nugent 

    20 Feb 2016 logo

    Olson Web Design

    OLSON

    W E B DESIGN

    Design

    Olsonw e b d e s i g n

    olson web

  • 8/18/2019 P9 Jacob Olson Portfolio

    11/11

    description 

    Spiritually themed montage.

    objectives 

     - Use the FOCUS design process with strong focal pointand flow

     - Unify a layout with a consistent theme and dominantspiritual message

     - Learn to blend two or more images together gradually,using masks

     - Demonstrate more advanced Photoshop skills for layoutwith multiple elements

     - Use a mask to apply a filter to one part of the image

     - Apply typography principles

     - Format type: Legibility; Small copy & Title with varyingtext size. Theme word(s)

     process 

    Searched internet for two images with plain backgroundsthat would be simple to blend. Started with 11×8.5 landscapedocument. Added image of clock, removed numbers/text fromface to not steal attention from title, and added noise withfilter mask to reduce blandness of now empty clock face. Cut

    out scriptures from second image, inserted on top of clock,and used soft brush on layer mask to blend photos. UsedLevels filter to brighten colors. Added “Now is the time.” titleemphasizing time by contrasting size, color, and font style(normal versus italic). Used eyedropper to select gold colorfrom scriptures image.

     programs 

    Adobe Photoshop CC

    Comm 130-07 

    Nicole Nugent 

    14 Feb 2016 montage