Top Banner

of 21

P9 Chris Carroll

Jun 03, 2018

Download

Documents

ChrisCarroll
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 8/12/2019 P9 Chris Carroll

    1/21

    PORTFOLIOCHRIS

    CHRIS CARROLL

  • 8/12/2019 P9 Chris Carroll

    2/21

    CONTACT

    Chris Carroll235 W 4 S Apt 212

    Rexburg ID, 83440

    352.339.9977

    [email protected]

  • 8/12/2019 P9 Chris Carroll

    3/21

    TABLE OF CONTENTS

    Brochure

    Letterhead

    Buisness Card

    Web Page

    Image EditingMontage

    Flier

    Logos

    Event Ad

  • 8/12/2019 P9 Chris Carroll

    4/21

    BROCHURE

    Description:

    A two sided folding brochure.

    Date:

    7/12/14

    Course/Instructor:

    Comm 130 Section 03

    Cory Kerr

    Program(s)/Tools:

    Adobe InDesign, Adobe Illustrator, Adobe Photoshop

    Objectives:

    Set up and align a two-sided, folded document.

    Create an original company logo and use it in a brochure.

    Use text-wrapped in InDesign

    Process:

    I started by setting up my layout in Adobe InDesign. I created I line down the center where my main fold would beand then created a line from the top of the middle of the fold down 45 degrees to the edge of the paper.

    I used a blue color that was taken from a Ford logo to match the logo and work well with the logo. For my images

    I used the Pen tool in Adobe Photoshop to cut out the images that I wanted to have throughout my brochure and

    then placed them in their spots.

    On my logo I used Adobe Illustrator to create it. I photo referenced pictures of palm trees and then using the pen

    tool I free hand created the leaves and trunks. I then found a font that I felt had a beach feel to create the Twin

    Palms Ford text.

    In the brochure I rotated my text and copied the image from the bottom to be placed on the inside fold panel. On

    the inside panel with the large body of text I used the delete anchor point tool to make the text follow the fold of

    the page.

  • 8/12/2019 P9 Chris Carroll

    5/21

  • 8/12/2019 P9 Chris Carroll

    6/21

    LETTERHEAD

    Description:

    Matching letterhead and business card designed using a personal logo.

    Date:

    6/15/14

    Course/Instructor:

    Comm 130 Section 03

    Cory Kerr

    Program(s)/Tools:

    Adobe InDesign, Adobe Illustrator

    Objectives:

    Create a new logo for a company or personal image.

    Design consistent layouts for a business card and letterhead.

    Process:

    I created the logo using Adobe Illustrator. I used the typography tool to just create the individual Cs and the

    creations. I then created rectangles to go below the creations. I then used the pen tool to create a connectingshape between the C and the rectangle. I then used the shapebuilder tool to bring the shapes together and to

    smooth the edges.

    I brought in the logo into InDesign and made my lines go across the page I then created vertical lines along the

    right side of the page. I used the pen tool to connect the horizontal and vertical lines and copied the turn to go

    along the bottom of the page. I deleted sections of the line to insert the information along the lines

  • 8/12/2019 P9 Chris Carroll

    7/21

  • 8/12/2019 P9 Chris Carroll

    8/21

    BUISNESS CARD

    Description:

    Matching letterhead and business card designed using a personal logo.

    Date:

    6/15/14

    Course/Instructor:

    Comm 130 Section 03

    Cory Kerr

    Program(s)/Tools:

    Adobe InDesign, Adobe Illustrator,

    Objectives:

    Create a new logo for a company or personal image.

    Design consistent layouts for a business card and letterhead.

    Process:

    I created the logo using Adobe Illustrator. I used the typography tool to just create the individual Cs and the

    creations. I then created rectangles to go below the creations. I then used the pen tool to create a connectingshape between the C and the rectangle. I then used the shapebuilder tool to bring the shapes together and to

    smooth the edges.

    I created a rectangle and rounded out one of the sides to create a curve to match the C shape in my logo. I

    brought in my logo and brought the bot tom two lines out to the edge of the card. Then copied the card for the

    back side of the card and lowered the opacity of the logo be make my information text stand out better.

  • 8/12/2019 P9 Chris Carroll

    9/21

  • 8/12/2019 P9 Chris Carroll

    10/21

    WEB PAGE

    Description:

    A web page designed to showcase a personally created logo.

    Date:

    6/28/14

    Course/Instructor:

    Comm 130 Section 03

    Cory Kerr

    Program(s)/Tools:

    Notepad++, Text Wrangler

    Objectives:

    Size and optimize an original logo as a .png for a web page.

    Write content to describe the process of creating your logo and how it appeals to a target audience.

    Design a web page using HTML to display a logo and content.

    Acquire a working knowledge of HTML and basicunderstanding of CSS.

    Identify hex colors for web design.

    Compress multiple files in a zipped folder to attach as one file.

    Process:

    This was the first time I have ever done anything with HTML/CSS but I was excited to create a webpage that

    would show off my personal logo. The programs I used were NotePad++ while I was on my PC and Text wrangler

    while I was on a mac.

    I first started with the HTML portion. I marked up the document that contained all the text and my logo. I then

    linked a pre-made CSS to the HTML as a foundation template of the layout of the page. Using the template I used

    photoshop to match the colors of my logo to be spread through out the rest of the page. I then created the bor-

    der which is composed of five separate images(left corner, right corner, top, left, and right). I found help online

    on how to write in the CSS file to make the images lay the way I wanted.

  • 8/12/2019 P9 Chris Carroll

    11/21

  • 8/12/2019 P9 Chris Carroll

    12/21

    IMAGE EDITING

    Description:

    Taking photos and applying edits to images and incorporated color in rest of the layout of the design based off of

    the image.

    Date:

    5/25/14

    Course/Instructor:

    Comm 130 Section 03

    Cory Kerr

    Program(s)/Tools:

    Adobe Photoshop

    Objectives:

    Learn basic photography skills.

    Use a digital camera to take a quality image, then download it.

    Size and crop the image.

    Adjust image brightness, contrast, hue and saturation levels.

    Use a selection tool to isolate a portion o f the image.Desaturate the selected portion of the image.

    Use a filter or colorize a portion of the image.

    Process:

    I knew the location of which I wanted to take my photo, so I had the person I was taking a photo of dress in the

    colors that I would use in the rest of my design. I used a Canon Rebel Xs to shoot my pic tures. I then applied 4

    basic edits to my image using Photoshop to bring out the deeper contrast within the image itself.

    I then used the eyedropper tool to find the initial color that I would use throughout the rest of the design. I

    decided to stay with a monochromatic color scheme because of the black shirt and bluish grey pants.

    I then found a font that was solid that complimented the broken background of the image. I created solid black

    lines in a diagonal to follow the flow of the image and to compliment the solid black of the shirt.

  • 8/12/2019 P9 Chris Carroll

    13/21

  • 8/12/2019 P9 Chris Carroll

    14/21

    MONTAGE

    Description:

    A montage of two or more images, and the use of typography.

    Date:

    5/31/14

    Course/Instructor:

    Comm 130 Section 03

    Cory Kerr

    Program(s)/Tools:

    Adobe Photoshop

    Objectives:

    Learn to manage Photoshop layers.

    Learn to blend images together smoothly using masks.

    Use filters.

    Apply appropriate typography.

    Process:I first cropped the original background image down to 8.5 in x 11 in. I then used the lasso tool with a large edge

    feathering in another document and cut out the llama. I dragged the llama into the space document and added a

    mask.

    I used a black brush with a low opacity and took out most of the llama to become see though and used a heavier

    opacity along the edge to get rid of the remaining edges that I did not want. I then found a font that would work

    with a space theme and colored it using the red in the image. I then added a black box at an angle behind the

    text, but made it very faded to allow the text to stand out more.

    I then added a third image of brushed steel over the entire project and changed it to multiply at a 30% opacity. I

    used Photoshop for the whole thing.

  • 8/12/2019 P9 Chris Carroll

    15/21

  • 8/12/2019 P9 Chris Carroll

    16/21

    FLIER

    Description:

    Black & White promotional fier to promote a graduateleadership conference.

    Date:

    5/10/14

    Course/Instructor:

    Comm 130 Section 03

    Cory Kerr

    Program(s)/Tools:

    Adobe Illustrator

    Objectives:

    Apply the design principles and use appropriate typography.

    Incorporate basic InDesign skills to improve basic fier layout.

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

    Process:

    After creating potential sketches. I then chose two and created a basic ou tline of them in Adobe InDesign. Ichose one of the two and continued forth. I created the solid black rectangle on each side to direct focus to the

    title and to flow from there. The small squares inside the rectangles I used to create repetition in the image as

    well as contrast against the rectangle by creating different shades. I was given the image, logo, and information.

  • 8/12/2019 P9 Chris Carroll

    17/21

  • 8/12/2019 P9 Chris Carroll

    18/21

    LOGOS

    Description:

    Three logo variations for the same company

    Date:

    6/7/14

    Course/Instructor:

    Comm 130 Section 03

    Cory Kerr

    Program(s)/Tools:

    Adobe Illustrator

    Objectives:

    Create a variety of logos to fit a company or personal image.

    Use the basic tools of Illustrator.

    Process:

    I used Adobe Illustrator to create my different logos. I knew the company I wanted to make for which is my

    college freebies blog for my other class. I knew I needed a logo that was related to college so I started sketchingthings that reminded me of college like paper and a university crest.

    My first logo is just a text logo and I converted it into a object and moved the anchor points to the positions that

    I desired. For the Ls in college and the B in freebies I added a thin white stroke to make it stand our from the F

    For my second logo I created my version of a sheet of paper using the shape tools and same to create the pencil

    For my third logo I found a university crest online and used it to template my crest. I did the same the same for

    creating the ribbon and book.

  • 8/12/2019 P9 Chris Carroll

    19/21

    College Freebies

    CollegeFreebies

  • 8/12/2019 P9 Chris Carroll

    20/21

    EVENT AD

    Description:

    A full color bleed ad for an event to raise funds for an organization us ing only Microsoft Word and a scanner.

    Date:

    5/17/14

    Course/Instructor:

    Comm 130 Section 03

    Cory Kerr

    Program(s)/Tools:

    Microsoft Word

    Objectives:

    Find, scan and import a high-quality image.

    Create a full-bleed designUse text boxes for layout in Word.

    Insert and edit images in Word.

    Process:

    I first used a scanner to create my image for the ad. I created triangles and diagonal shapes to align with theimage and the cliff in the image. I then used a complementary color scheme of blue and orange to fill in the

    triangles. I used a different blue for the main title. I also used the white to pull a strong contrast off the orange

    and blues of the page. I used different fonts based on the grouping on the page to create more contrast.

  • 8/12/2019 P9 Chris Carroll

    21/21