P9IrisEvans

download P9IrisEvans

of 21

Transcript of P9IrisEvans

  • 7/28/2019 P9IrisEvans

    1/21

    Iris EvansPortfolio

  • 7/28/2019 P9IrisEvans

    2/21

    Contact

    Iris Evans

    127 E 2nd N Apt. 301

    Rexburg, ID, 83440

    208.346.2876

    [email protected]

  • 7/28/2019 P9IrisEvans

    3/21

    Table ofContents

    Brochure

    Montage

    Imaging

    Web Page

    Event Ad

    Logos

    Business Card

    Letterhead

    Flier

  • 7/28/2019 P9IrisEvans

    4/21

    Brochure

    Description:

    A two sided (duplex) folding brochure.

    Date:

    07/13/13

    Course/Instructor:

    Comm 130 Section 1

    Eric Lybbert

    Program(s)/Tools:

    Adobe InDesign/Adobe Illustrator/Adobe Photoshop CS5

    Objectives:

    To effectively design a brochure, applying the principles of design.

    Process:

    I started to create the document in InDesign. So I started creating a 8.511 trifold byhaving three panels, with margins of .25, then I started to create the rectangular shapes

    for the backgrounds of each panel and for the panels that open up I used the pen toolto follow the curves. For the opposite side I just copy-pasted it and reversed it, so itwould match the exact shape. Then I put all the images that I wanted to use. I made sureto do this to create repetition and unity in the piece. For the text, I used paragraphstyles in the headings and in the line space in between the paragraphs. Also used textwrap around the curves in the inside of the brochure.

  • 7/28/2019 P9IrisEvans

    5/21

  • 7/28/2019 P9IrisEvans

    6/21

    Montage

    Description:

    An inspirational montage seeking to make people reect on their own lives.

    Date:

    06/01/13

    Course/Instructor:

    Comm 130 Section 1

    Eric Lybbert

    Program(s)/Tools:

    Adobe Photoshop CS5

    Objectives:

    To blend together two or more images.

    Process:

    I created a 8.5 in. x 11 in. document in Photoshop, then I cropped the background imageto this size. Then I selected the old man image and pasted it into the background, then Iresized it to the current size and added a mask and faded it into the background. I didthe same with the notebook image and applied a texture lter to this image and then I

    colorized it to a sepia tone. At last I added some text with different sizes of words forcontrast, and added a drop shadow, outer glow, bevel and emboss, gradient overlay, andsatin out of the blending options.

  • 7/28/2019 P9IrisEvans

    7/21

  • 7/28/2019 P9IrisEvans

    8/21

    Imaging

    Description:

    A personally taken photograph, which was then cropped and edited in Photoshop.

    Date:

    05/24/13

    Course/Instructor:

    Comm 130 Section 1

    Eric Lybbert

    Program(s)/Tools:

    Adobe Photoshop CS5 and Nikon D7000 Camera

    Objectives:

    To mask and select effectively an area of the image and color it, as well as apply a lter

    to the picture.

    Process:

    After taking my photograph, I cropped it into a 66 size, with a 150dpi resolution.Then, combining the quick selection tool, magnetic lasso tool, and the shift and optionkeys, I selected the leaves and stem and inverted my selection in order to desaturatethe background. I also rened my edges when I selected the leaves, so that when they

    contrast with the color and the black and white background they wouldnt look chopped,but sharp edges. After desaturating the background, I applied a grain texture lter

    to the image, including a couple of leaves, since this also helped the edges from thecolored leaves shade into the black & white background.

  • 7/28/2019 P9IrisEvans

    9/21

  • 7/28/2019 P9IrisEvans

    10/21

    Web Page

    Description:

    A web page designed to showcase a personally created logo.

    Date:

    06/29/13

    Course/Instructor:

    Comm 130 Section 1

    Eric Lybbert

    Program(s)/Tools:

    TextWrangler

    Objectives:

    To learn how to use CSS and HTML coding, as well as apply a good design to the page.

    Process:

    I created this web page using only TextWrangler. I had never used this program before,since I have used only NetBeans to write HTML and CSS code. I really liked this programbecause you dont necessarily have to purchase a domain name and have a host to be ableto see how your code will look. It was also interesting to use the http://www.W3.org HTMLvalidator and color picker. This website is so useful because I can also see some tipsand tricks, and read and learn more about CSS and HTML. I really love the color pickerfrom this website as well since it is so easy to see what color is your code.

  • 7/28/2019 P9IrisEvans

    11/21

  • 7/28/2019 P9IrisEvans

    12/21

    Event Ad

    Description:

    A color full-bleed event ad to promote a fundraiser using only Microsoft Word and ascanner.

    Date:

    05/18/13

    Course/Instructor:

    Comm 130 Section 1

    Eric Lybbert

    Program(s)/Tools:

    Microsoft Word and Cannon scanner.

    Objectives:

    To use Word to create an effective design by editting a scanned image and applying thecorrect combination of fonts and principles of design.

    Process:

    I scanned the orange image from a magazine, and then used a Word to modify and correctthe texture that the image had after scanning. I surprisingly liked the features thatword has to edit images, since with those features I could create a design of the sameimage, duplicating it three times, and modifying it enough that it doesnt look like acopy and paste design. I aligned the title with the text at the bottom, and I wanted tocreate a nice ow in the design. Your eye starts at the title, then follows the path that

    the oranges give leading you to read the information at the bottom of the ad.

  • 7/28/2019 P9IrisEvans

    13/21

  • 7/28/2019 P9IrisEvans

    14/21

    Logos

    Description:

    Three different logos made for the same company.

    Date:

    06/08/13

    Course/Instructor:

    Comm 130 Section 1

    Eric Lybbert

    Program(s)/Tools:

    Adobe Illustrator

    Objectives:

    To create three different logos for the same company in Adobe Illustrator.

    Process:

    For the rst le, I looked for a script font that could go well with the sewing machine.

    Then I traced the picture of the sewing machine that I had researched. At last I typed thesecond font and looked for a place that would be aesthetically pleasant. For the secondlogo, I looked for a font that could represent thread at dafont.com. Then I traced theneedle picture that I had as a reference and with the pen tool I created the effect of thefont becoming the thread that would go through the needle. At last I typed the secondfont and made sure this font could go well with a decorative font.For the third logo, Icreated a circle shape and colored it red. Then I created 4 small white circles and putthem in the middle of the red one to appear as a button. Then I typed the decorative fontand used the line segment tool to create the red line that divides the two differentfonts. At last I typed the second font that was used in the middle logo.

  • 7/28/2019 P9IrisEvans

    15/21

  • 7/28/2019 P9IrisEvans

    16/21

    BusinessCard

    Description:

    A business card made for home business.

    Date:

    06/16/13

    Course/Instructor:

    Comm 130 Section 1

    Eric Lybbert

    Program(s)/Tools:

    Adobe Illustrator

    Objectives:

    To create a business card with the logo that was created before.

    Process:

    First, I modied some what the logo that I had made before, changing the font by my

    own handwriting through my wacom tablet, and adding the sewing machine icon thatI had traced before. Then, I decided to create the layout of the business card, anddecided where the information would be. So I decided to align the information withthe title, and to add some contrast, I added the same sewing machine image inverted asa background to add some repetition. I did the same with the letterhead, since it had tobe along with the business card to be unied. I decided to put the information in the

    letterhead right below the title, since it does the same in the business card.

  • 7/28/2019 P9IrisEvans

    17/21

  • 7/28/2019 P9IrisEvans

    18/21

    Letterhead

    Description:

    A stationary made for home business.

    Date:

    06/16/13

    Course/Instructor:

    Comm 130 Section 1

    Eric Lybbert

    Program(s)/Tools:

    Adobe Illustrator

    Objectives:

    To create a stationary with the logo that was created before.

    Process:

    First, I modied some what the logo that I had made before, changing the font by my

    own handwriting through my wacom tablet, and adding the sewing machine icon thatI had traced before. Then, I decided to create the layout of the business card, anddecided where the information would be. So I decided to align the information withthe title, and to add some contrast, I added the same sewing machine image inverted asa background to add some repetition. I did the same with the letterhead, since it had tobe along with the business card to be unied. I decided to put the information in the

    letterhead right below the title, since it does the same in the business card.

  • 7/28/2019 P9IrisEvans

    19/21

  • 7/28/2019 P9IrisEvans

    20/21

    Flier

    Description:

    An inspirational montage seeking to make people reect on their own lives.

    Date:

    05/11/13

    Course/Instructor:

    Comm 130 Section 1

    Eric Lybbert

    Program(s)/Tools:

    Adobe InDesign

    Objectives:

    Apply the knowledge about the principles of design, as well as typography.

    Process:

    First, I drew some sketches to see the possibilities of my design. Then, I chose the onethat had more interest and that I liked the most. After this I started to design it inInDesign. I arranged the title in a way that catches the eye and that reads fast. I usedblack and thick lines throughout the design to create repetition and unify the piece.I also aligned every box that I used, so everything looks like its in the right place. Ialso aligned the title, since the last words of graduate align with the rst words of

    conference, as well as leadership is aligned with graduate. I left some white spacein the right side, mostly where the date, time, and place are situated. I was given theimage, logo, and content for this ier.

  • 7/28/2019 P9IrisEvans

    21/21