P9 – Portfolio

Portfolio PDF – P9MeganHendrickson

  1. Project Corrections / Time spent:
    I made several changes to the Flier, including the background color, the shape of the picture, and some layout elements. This took about 45 minutes.
    I adjusted some spacing around some text elements on the Event Ad. This took about 15 minutes.
    I removed and adjusted some elements in the Photodesign to make the overall feel less busy. This took about 30 minutes.
    I removed the drop shadows from the Logo project. This took about 15 minutes.
    I tried to capture a better quality photo of the Webpage, this took about 15 minutes.
  2. Message: 
    This is a portfolio of the Visual Media projects I have done.
  3. Audience: Anyone who is interested in my design work, especially potential clients.
  4. Top Thing Learned:
    I learned how to create large documents using Adobe InDesign. I learned to use master pages, paragraph, and text styles to keep a consistent look throughout the entire document.
  5. Future application of Visual Media: 
    The skills I have learned in class will be invaluable as I pursue a career in web design. It has given a firm foundation to build upon as I continue to learn and improve my skills.
  6. Color scheme and color names:
    Monochromatic – Gold (and black)
  7. Title Font Name & Category:
  8. Copy Font Name & Category:
    Minion Pro – Serif
  9. Thumbnails of Images used:
    portfolio-page page-logo
  10. Sources (Links to images on original websites / with title of site):
    http://www.freepik.com/free-vector/textured-background-in-black-color_827019.htm#term=black background&page=2&position=22

P8 – Brochure

P8MeganHendricksonBrochure-frontback P8MeganHendricksonBrochureinside

  1. Description: A two-sided tri-fold brochure.
  2. Process (Programs, Tools, Skills): I set up the tri-fold brochure in Adobe InDesign with 2-pages divided into six sections. One for the  back, front, and center fold and three for the body columns. I selected a light gold and indigo complimentary color scheme because it is reminiscent of the colors of the common swallowtail butterfly.
    I used Adobe Illustrator to create the logo. To create the butterfly, I used a picture of a swallowtail butterfly and the live trace tool. After tracing the image I smoothed the lines and curves using the pen tool to adjust specific points and curves. I used the same butterfly wing in the logo to create the butterfly wing on the front edge and as the water marks behind the body copy.
    I used Adobe Photoshop to remove the background of the high definition butterfly wing on the center fold and several of the butterfly species on the inside. I did this by using the quick selection tool to carefully select the body and wings of the butterflies. Then I used the refine edge tool to smooth the edges and save the selection as a layer mask.
    After placing the butterflies in the InDesign document, I used the text wrap tool to wrap the text around a few of the butterflies.
    Finally, I did several test prints to make sure the folds and overlapping images were aligned just right and cut out the butterfly wing edge on the final copy using an exact-o knife.
  3. Message: An informational brochure about Swallowtail butterflies.
  4. Audience: Anyone who wants to learn more about this common but beautiful backyard butterfly.
  5. Top Thing Learned: I learned that it takes alot of test prints to make folded and cut out images align just right. I also learned how to remove backgrounds in Photoshop, how to set up InDesign documents with ruler guides and grids, and how to wrap text around an image.
  6. Color scheme and color names:
    Complimentary: Indigo and gold (very light).
  7. Title Font Name & Category: Vijaya – Script
  8. Copy Font Name & Category: Fira Sans – Sans Serif
  9. Word Count of copy: 278
  10. Thumbnails of Images used:
    ataleofmoret black bright-blue  green oregon-swallowtail purple tiger-swallowtail-butterfly white yellow
  11. Sources (Links to images on original websites)
    http://phys.org/news/2011-09-appalachian-tiger-swallowtail-butterfly-hybrid.html
    http://www.cdkenterprises.com/black-swallowtail-sulphur-whimsical-wings-butterfly.html
    http://en.butterflycorner.net/Papilio-ulysses-Mountain-Blue.schwalbenschwanz100.0.html
    http://www.butterflyutopia.com/papilio_blumei.html
    https://sites.google.com/site/nkearleyoregon/oregon-state-symbols
    https://prezi.com/g0yppqlus8cb/purple-spotted-swallowtail/
    http://escola.britannica.com.br/assembly/168759/As-borboletas-distinguem-se-das-mariposas-pelas-cores-brilhantes-e
    http://www.realbutterflygifts.com/insects/zebra-swallowtail-eurytides-protesilaus#.VmPBQnarQ2w
    http://www.butterflyutopia.com/532-four-swallowtails.html

Project 7 – Web Page Design

 

P7MeganHendrickson

  1. Description:
    This is a website designed to showcase a logo I created.
  2. Process (Programs, Tools, Skills)
    I created this web page using only Notepad++. I have very little experience with HTML and CSS and I really enjoyed learning more as I completed this project.  I marked up the content and inserted my logo image and then I attached a CSS document to my HTML. Using photoshop eyedropper tool I selected colors from my logo to use in my webpage. I added those colors in CSS to the backgrounds, borders, headers, and body text. Using CSS, I positioned all the elements of the page and added padding so that the text would be easy to read and so that there would be nice white space and no over crowding. The body typeface of the webpage matches the second line of the logo and I declared some backup fonts just in case the viewer’s browser didn’t have these fonts.
  3. Message:
    That I am capable of creating well designed logos and web pages.
  4. Audience:
    Anyone who is interested in my abilities and style as a designer.
  5. Top Thing Learned:
    I learned how to markup HTML and stylize with CSS.
  6. Color scheme and color hex(s):
    Analogous with violet (#8A2F8F), purple (#422B6E), and indigo (#403791)
  7. Title Font Families & Category:
    Palatino Linotype (serif)
  8. Copy Font Families & Category:
    Verdana (sans serif)
  9. Changes made to the CSS:
    I changed the font families, font colors, font sizes, link colors, border colors, and background colors. I added padding around the body text and margins around the logo image.
  10. Word Count:
    201

Project 6 – Stationery

P6MeganHendricksonCard P6MeganHendricksonCard2 P6MeganHendricksonStationery

  1. Description:
    Business Card and Letterhead
  2. Process:
    I used illustrator to create the logo and the background which is an expansion of the logo. I then used InDesign to create the stationery.
  3. Message:
    The contact information for Ross Hendrickson who is the author and creator of SavoryWatt, a technology blog.
  4. Audience:
    People interested in the tech topics discussed in the SavoryWatt blog.
  5. Top Thing Learned:
    Honestly, I have never before created a business card or letterhead. I had no idea what the standard was or what should be included, so I learned what to put on letterhead and a business card.
  6. Color scheme and color names:
    Monochromatic – Blue
  7. Title Font Name & Category:
    Eurostile Extd – sans serif
  8. Copy Font Name & Category:
    Garamond – old style

Project 5 – Logos

P5MeganHendricksonLogo

  1. Description:
    This is a logo for a small web design company.
  2. Process (Programs, Tools, Skills):
    The logo was created using Adobe Illustrator. First I created several drafts and ideas and then asked all my Facebook friends to give me feedback and vote on which one they liked best. I really enjoyed all the feedback I got and felt that it helped me greatly with this design. This logo was one of the favorites.
    The flower was created using the blend tool and specifying the number of steps to blend. Then  the flower and the lettering DearMegs was given just a little bit of a drop shadow to give the design a little more depth and “pop.” Finally I duplicated the logo in gray scale and with white text on a colored background to demonstrate its versatility.
  3. Message: The company DearMegs does web design and illustration.
  4. Audience: The main target audience of the company is women who blog and/or run online businesses. Thus, the logo was designed with a more feminine appeal.
  5. Top Thing Learned: I loved learning how to use illustrator. I learned about many different tools while creating my ideas and drafts including the pen tool, the shape tool, the blend tool, object styles, and effects.
  6. Color Scheme and Color Names:
    Analogous: Violet, Purple, and Indigo
  7. Title / Body Font Names & Categories:
    Title: Distant Stroke – Script
    Body: Nirmala UI – Sans Serif

Project 4 – Photoshop Montage

P4_MeganHendrickson_Montage

  1. Description: This project was inspired by the young women I teach at church. They are a brilliant group of young women who are shining examples to those around them, but sometimes I fear that they forget their own worth.
  2. Process (Programs, Tools, Skills, Steps taken while designing): In Photoshop I layered the image of the girl on top of the image of the stars and created a mask. I then blended the girls hair into the stars in the layer below. I added the text and used layer styles to bring out the title of text. I also used the clone stamp to blend some branches and blades of grass into the gray and white background.
  3. Message: That all women are daughters of a loving God and that he created them to be beautiful, modest, and gracious.
  4. Audience: All women, but young women in particular.
  5. Top Thing Learned: I learned how to use layer masks in Photoshop.
  6. Filter / Colorization used and where it was applied: I used embossing, a drop shadow, and violet inner glow on the words “Daughter” and “King”
  7. Color scheme and color names: Analogous – violet, purple, indigo, blue
  8. Title Font Name & Category: Hello Script – Script
  9. Copy Font Name & Category: Palatino Linotype – Old Style
  10. Thumbnails of Images used
    6888717-nebula-wallpaper-hd Camilla
  11. Sources (Links to images on original websites / with title of site):
    Stars from Dreamatico http://dreamatico.com/data_images/space/space-5.jpg
    T
    he girl – personal photo from a friend

Project 3 – Photodesign

P3_MeganHendrickson_PhotoDesign

Description:
Demonstration of photography and photo editing skills using Photoshop. Create a poster using a photo and incorporate colors from the picture within the poster.

Process (Programs, Tools, Skills, FOCUS principles):
I knew I wanted to use a picture from nature for this project and I spent an entire day hiking through the woods with my kids taking hundreds of photos with my Nikon D3200 and captured this beautiful photo. I edited the photo in photoshop to enhance the lighting and color vibrance and then created this poster incorporating it. I incorporated the color scheme and color swatches into the poster. I loved the focus on nature and really wanted to incorporate it into my poster so I surrounded the photo with swirling vines and leaves. I even used little curling vines for the swatches. Finally, I wanted to make it feel like the word “Bloom” was actually blooming so I added a swirling vines growing from the tail of the letter ‘m.’ I felt like this helped the cohesion of the entire poster.

Message:
An inspirational message to meant to inspire you to simply make the best of any situation you end up in.

Audience:
Everyone and anyone you enjoys nature and needs a little inspiration or motivation.

Top Thing Learned:
I learned how to make basic edits in Photoshop (levels, sharpness, saturation/vibrance, and color balance). I also learned how to use brushes in Photoshop.

Color scheme and color names:
Monochromatic – Green

Title Font Name & Category:
Mistral – Script

Copy Font Name & Category:
Garamond – Old Style

Thumbnail of original, unedited image:
October 14, 2015 Ledges State Park, Iowa
DSC_1057

Photoshop Brushes Used:
br-76Swirls from www.damnedinblack.net/brushes.htm

 

Follow

Get every new post delivered to your Inbox.