Communcations 130 Portfolio

Embed Size (px)

Citation preview

  • 8/18/2019 Communcations 130 Portfolio

    1/21

    PORTFOLIO Shayla

  • 8/18/2019 Communcations 130 Portfolio

    2/21

    Shayla Martin [email protected]

    shaylammartin.wordpress.com351 Walker Lane, Idaho Falls

    CONTACT ME:

  • 8/18/2019 Communcations 130 Portfolio

    3/21

    LOGOBROCHUREBUSINESS CARDSTATIONARYPHOTODESIGNMONTAGEEVENT ADFLIER WEB PAGE

    CONTENTS:

  • 8/18/2019 Communcations 130 Portfolio

    4/21

    INSTRUCTOR: Ben PingelCOURSE: Communications 130 Section 2DATE: February 20, 2016

    PROGRAMS USED: Adobe Illustrator

    DESCRIPTION: Three different versions of a logo (regular, grayscale,and color block) for Da Pineapple Grill, a restaurant in Rexburg, Idaho.

    OBJECTIVES: Using only Adobe Illustrator, create an original logo fora company, real or not. Consider branding opportunities and audienceappeal.

    PROCESS: Using the pentool in Illustrator, I created three different logoswith varying design elements such as font, color scheme, and style.Then I had a group of people choose which logos they liked the most.After considering the votes of others and my own opinion on which logolooks most put together, I swapped around some graphics and color

    schemes to combine all of the strongest elements. For the nal prod -uct, I created a grayscale version of my logo, varying the values, and awhite version with a teal background.

    LOGO

  • 8/18/2019 Communcations 130 Portfolio

    5/21

    Da Pineapple Grill

  • 8/18/2019 Communcations 130 Portfolio

    6/21

    INSTRUCTOR: Ben PingelCOURSE: Communications 130 Section 2DATE: March 26, 2016

    PROGRAMS USED: Adobe Photoshop, Illustrator and InDesign

    DESCRIPTION: A brochure covering the information regarding the“Festival of the Stars,” a science based activity held in Chicago, Illinois.

    OBJECTIVES: Design a brochure of a desired shape, size, and fold.Create a unique logo for an event or business ( ctional or real) that willbe placed on your brochure. Incorporate elements such as original textof minimum of 250 words, four quality images and a text wrap that willbe displayed on your brochure.

    PROCESS: I rst used sketching to create my brochure type and size.I used the pen tool to create the shapes for the skyline shown on thefront and then reflected it over to ensure that the skyline would fold into

    itself.Using photoshop I edited my chosen images.I used the pen tool in Illustrator to create the moon and stars for mylogo and decided to go with the indigo and gold color scheme becauseit matched my theme very well. I placed this on the very front.I lastly used the paragraph styling palette to create styling for both theheadings and body copy. For the paragraph styling, I decided to go withthe sleek look of the single spaces between paragraphs.On the back I added text wrapping to go around the picture of the moonTo do this text wrapping I used the ‘quick selection tool’ in AdobePhotoshop to remove the background of the image. I then used the‘re ne mask’ dialogue box I then ‘placed’ the moon into InDesign whereI used the ‘text wrap’ option to wrap my text around the ‘alpha channel’of the image.

    BROCHURE

  • 8/18/2019 Communcations 130 Portfolio

    7/21

  • 8/18/2019 Communcations 130 Portfolio

    8/21

    INSTRUCTOR: Ben PingelCOURSE: Communications 130 Section 2DATE: February 27, 2016

    PROGRAMS USED: Adobe Illustrator and InDesign

    DESCRIPTION: A business card for Emily Russell Photography.

    OBJECTIVES: Create a new logo to t a company or personal image.Use the logo to design a 3.5X2 business card that could be used byyour client. Keep your design simple with a small font size, plenty ofwhite space and only pertinent information such as contact or companydetails.

    PROCESS: Using the pen tool in Illustrator, I was able to shapeindividual parts of the flowers: the petals, stems and leafs. I then choseappropriate fonts that went with the vibe of the business and put it alltogether. In order to be able to place each individual item of my logo

    and have the ability to arrange my flowers easily, I saved each part ofmy floral arrangement as separate documents in Illustrator.Using InDesign, I placed my logo on the card template I created bymaking a 2X3.5 box that represented the required size for the businesscard. After making the logo a little bit bigger to take up the space, Icopied and reflected the floral arrangement onto the template createdfor the back side of the business card. I then used visual hierarchy toplace the text of information. Lastly, I emphasized a call to action at thebottom of the card.

    BUSINESS CARD

  • 8/18/2019 Communcations 130 Portfolio

    9/21

  • 8/18/2019 Communcations 130 Portfolio

    10/21

    INSTRUCTOR: Ben PingelCOURSE: Communications 130 Section 2DATE: February 27, 2016

    PROGRAMS USED: Adobe Illustrator and InDesign

    DESCRIPTION: Letterhead stationary for Emily Russell Photography.

    OBJECTIVES: Create a new logo to t a company or personal imagewithout imitating existing logos, previous designs, photos or live trace.Use the logo to design a letterhead that could be used by your client.Keep your design simple with a small font size, plenty of white spaceand only pertinent information such as contact or company details.

    PROCESS: Using the pen tool in Illustrator, I was able to shapeindividual parts of the flowers: the petals, stems and leafs. I then choseappropriate fonts that went with the vibe of the business and put it alltogether. In order to be able to place each individual item of my logo

    and have the ability to arrange my flowers easily, I saved each part ofmy floral arrangement as separate documents in Illustrator.’Using InDesign, I placed a larger version of my business name inthe upper left corner and placed each individual item of my floralarrangement in the top right hand corner. I was then able to rearrangethem to t the top part of the letterhead and save room in the middlefor open space. I then placed all pertinent information in the bottom lefthand corner, emphasizing my name, and separated it from the rest witha black line.

    STATIONARY

  • 8/18/2019 Communcations 130 Portfolio

    11/21

  • 8/18/2019 Communcations 130 Portfolio

    12/21

    INSTRUCTOR: Ben PingelCOURSE: Communications 130 Section 2DATE: February 6, 2016

    PROGRAMS USED: Adobe Photoshop

    DESCRIPTION: An inspirational poster about the beauty of life and aclear representation of a chosen colors scheme.

    OBJECTIVES: Using basic photography skills, take a quality photo thatshows a particular color scheme. Edit the photo in Photoshop. Crop andsize the image as desired and use layers to add text and other elementsto the design.

    PROCESS: I used props from my room to take a photo with my colorscheme using my Nikon camera. I placed my picture in Photoshop andused some main editing techniques: levels, saturation, sharpness, andcolor balance.

    After editing, I started my design by adding text and repeating designelements to my photo. I used the eye dropper tool to create colorswatches and change the coloring in the flowers and vase to matchmore precisely. After creating the perfect colors, I then could repeat mycoloring across the poster and used that in the text as well as two smallboxes. Lastly, I placed my color swatches at the bottom (with labels)and aligned my text above with the box furthest to the right.

    PHOTODESIGN

  • 8/18/2019 Communcations 130 Portfolio

    13/21

  • 8/18/2019 Communcations 130 Portfolio

    14/21

    INSTRUCTOR: Ben PingelCOURSE: Communications 130 Section 2DATE: February 13, 2016

    PROGRAMS USED: Adobe Photoshop

    DESCRIPTION: A spiritually based poster montage.

    OBJECTIVES: Unify a layout with a consistent theme and dominantspiritual message. Using Photoshop, learn to blend two or more qualityimages together gradually, using masks. Apply typography principlesand a lter to one image. Creatively format the text.

    PROCESS: I began by inserting the picture in Photoshop and applinga slight vibrancy enhancement as well as increasing the levels on the“unsharp mask” lter to ensure that the outline of the mountains wouldshow through the layers on top.Next I placed the cropped picture of the man and using a layer mask, Iremoved about 60% of the top picture to reveal the landscape behind.As I moved closer to the body of the man, I reduced opacity gradually toblend the layers evenly. I lastly blended the entirety of the man into thelandscape to leave a light silhouette with other subtle details includedTo add dimension, I inserted two white triangles on the left side ofthe design and decreased the larger triangle’s opacity to 14% and thesmaller one to 9%. I then placed them on top of each other and adjustedthem to pass over the man’s eye and line up with the slope of the lowerright mountain. I lastly added my text using the font “Adam” and leftaligned the lines.

    MONTAGE

  • 8/18/2019 Communcations 130 Portfolio

    15/21

  • 8/18/2019 Communcations 130 Portfolio

    16/21

    INSTRUCTOR: Ben PingelCOURSE: Communications 130 Section 2DATE: January 30, 2016

    PROGRAMS USED: Microsoft Word, Epson Scanner, PDF2JPG.net (PDFconverter).

    DESCRIPTION: An ad for “Save the Rainforest,” an event put on by theRound Earth Foundation.

    OBJECTIVES: Understand basic image sizing and nd, scan and importa high-quality image for the event ad. Using only Microsoft Word (noAdobe programs) create a full-bleed design with an effective colorscheme that will enhance the message.

    PROCESS: I used the scanner to bring my image from the magazineto Microsoft Word. After deciding to stretch it across the page in aneffort to utilize its coloring, I went online to download a suitable font

    that went with my theme of the rainforest. After aligning my titlein an interesting and attention-grabbing way, I focused on my theinformation I needed in my text.I added repetition in the three boxes to the right of my title and chose acolor scheme that I dispersed throughout the entirety of the design tocreate balance.

    EVENT AD

  • 8/18/2019 Communcations 130 Portfolio

    17/21

    SAVEthe

    Help save our planet’s rainforests one dollar at a time byattending the Annual Rainforest Restoration Banquetsponsored by Round Earth Foundation.Become a saving grace to our Earth throughenvironmental restoration.

    February 26, 20166:00-8:00 p.m.$8 for entranceHotel on the Falls, Banquet RoomIdaho Falls, Idaho

  • 8/18/2019 Communcations 130 Portfolio

    18/21

    INSTRUCTOR: Ben PingelCOURSE: Communications 130 Section 2DATE: January 23, 2016

    PROGRAMS USED: Adobe Photoshop and InDesign

    DESCRIPTION: A flier for college students about a Graduate LeadershipConference in the area.

    OBJECTIVES: Apply basic design principles and use appropriatetypography while Incorporating basic InDesign skills. Use images and alogo provided to complete the design.

    PROCESS: I began by creating four separate sketches of possibledesign ideas for the flier. After deciding on one basic outline of one, Iused Adobe InDesign to bring some previously brainstormed designideas together.I spent a lot of time ensuring my focus was rst the title and then thetext. I incorporated three sets of three boxes of varying shades aroundthe outside of the flier to add repetition and also add focus to thethree main elements: the title, text and picture. Next I added a croppedpicture and text wrap around it. Alignment was also a huge focus whiledesigning the piece to ensure a clean look.

    FLIER

  • 8/18/2019 Communcations 130 Portfolio

    19/21

  • 8/18/2019 Communcations 130 Portfolio

    20/21

    INSTRUCTOR: Ben PingelCOURSE: Communications 130 Section 2DATE: March 12, 2016

    PROGRAMS USED: Adobe Photoshop, Adobe Illustrator, and Notepad++

    DESCRIPTION: A webpage created to show the process for which a logowas made for Emily Russell Photography.

    OBJECTIVES: WWPROCESS: I created this web page using only Notepad++. After Imarked up all my content and inserted my image of my logo, I attacheda pre-made CSS document to my HTML.I then used the colors from my logo as the colors for my web pagewith the help of the color hex from Photoshop. I changed my fonts andinserted padding around the logo and text so that they would not be tooclose to the edge of the web page.To add personality to my page, I went into Illustrator and created apolka dot pattern using the gold from my color scheme; I placed this asthe background for the entire webpage. I also created a stem patternusing the stems from my logo and placed it as the background for my“h1.”

    WEBPAGE

  • 8/18/2019 Communcations 130 Portfolio

    21/21