Project 9 Portfolio

  • Portfolio (Scribd.com)
  • Project Corrections / Time spent: I spent a half hour revising my flier and an hour and a half revising my brochure. On the flier, I moved the date, time, and place down to align with the bottom of the Vouant logo for better alignment. I also changed the body copy because InDesign said my original body copy was missing. I made the logo a little bigger, so people could read it more easily. Lastly, I moved the body copy more to the left so that the right margin would be more even with the top and bottom margins.
  • For my brochure, I clipped out the backpacker in the big inside image and put it on the part of the flier that overlaps that big image. So when you open it, it lines up. I thought this would add more visual interest. I took one of the photos off the back because I didn’t like the quality of it. I added paragraph styling to my body copy to make it less daunting to read.
  • Message: The purpose or message of this portfolio is to market my design and photography skills to clients and employers. 
  • Audience: Clients and employers
  • Top Thing Learned: A portfolio should not only be a “container” for your work, but it should be a piece of your work itself. It should, in and of itself, market you to employers and clients.
  • Future application of Visual Media: I chose Visual Communication as my cluster so that I could have something I could do freelance with from home. Additionally, it can just come in handy for so many things. I could use it for work, church, even things like yard sale advertisements and birthday invitations. If I do ever work out of the home, my knowledge in the Adobe programs and design principles might put me ahead of the competition.
  • Color scheme and color names: Split Complementary; indigo, orange, yellow
  • Title Font Name & Category: American Typewriter Light; slab serif
  • Copy Font Name & Category: Century Gothic Regular; sans serif
  • Thumbnails of Images used:VouantLogo2P1 Pic 2Untitled-1P3 Possibility 3Christ2Christ1CGTextureluci_four (1)backpackercamping10526053_10152196223936828_2697861958372314311_n
  • Sources (Links to images on original websites / with title of site):
  • 1.) 130 COMM BYUI
  • https://130.commbyui.org/wp-content/uploads/2013/01/VouantLogo2.png
  • 2.) 130 COMM BYUI
  • https://130.commbyui.org/wp-content/uploads/2013/01/JuliePeterson-Leadership-conference-business-rexburg-Idaho_7532-as-Smart-Object-1.jpg
  • 3.) Bloomberg Magazine
  • 4.) Blessed & Happy in Soutlake, TX – http://southlakemormon.com/2014/02/like-a-broken-vessel/
  • 5.) Deseret News- http://www.deseretnews.com/article/705333531/Another-Testament.html?pg=all
  • 6.) Textures 8 – http://textures8.com/paper-grunge-background-one-hundred-and-twenty-two/
  • 7.) Design Juices – http://www.designjuices.co.uk/wp-content/uploads/2012/11/luci_four.jpg
  • 8.) John Paul the Great Catholic University Student Blog – http://jpcadmissions.files.wordpress.com/2010/05/backpacker.jpg
  • 9.) Pend-Oreille.com – http://www.pend-oreille.com/wp-content/uploads/2013/02/camping-300×206.jpg
  • 10.) Facebook.com – https://scontent-sea1-1.xx.fbcdn.net/hphotos-xfa1/v/t1.0-9/10526053_10152196223936828_2697861958372314311_n.jpg?oh=873a2cba7c33f209ba20d3b2f6fb3ee8&oe=5628CA01

Project 8 Brochure

FrontP8-JessieSkinner-Front

InsideP8-JessieSkinner-Inside

BackP8-JessieSkinner-Back

  1. Description: Brochure for a fictitious poetry society in Rexburg (duplex print)
  2. Process (Programs, Tools, Skills): I used Adobe Illustrator to create an original logo, Photoshop to clip a few images, and InDesign to make the brochure layout. In Illustrator, I traced a picture of a guy screaming and created the speech bubbles with the pen tool. In Photoshop, I used the quick selection tool to cut out rough selections from a few pictures. Then I used the refine edge option to polish the edges of those selections and make them look more natural. In InDesign, I had to figure out where to place everything so that it would come out correctly when I printed the dublex layout and folded it. To do that, I made a mockup of my folding design with a piece of scratch paper and labeled each panel of it. Then I unfolded it to see how I would need to lay it out on InDesign. Once I had that figured out, I simply started inserting the elements: text boxes, shapes, etc.  To get the text to wrap around the image on the right side of the inside and the image on the back, I used the textwrap tool under Window. I used the Paragraph Styles option to format my subheadings.
  3. Message: This brochure is targeted especially to those who don’t like poetry. It talks a lot about the outdoors and social aspect of the society in order to attract the “poetry haters” so that we can change their minds about poetry 😉
  4. Audience: College students who are interested in poetry, and especially college students who aren’t interested in poetry
  5. Top Thing Learned: Brochures are very difficult to make successfully. I have so much more appreciation now for brochures and all the hours of hard, exhausting, frustrating work that go into them.
  6. Color scheme and color names: Complementary; blue and orange
  7. Title Font Name & Category: American Typewriter; Slab Serif
  8. Copy Font Name & Category: Avenir; Sans Serif
  9. Word Count of copy: 320 words
  10. Thumbnails of Images used:campingbackpacker10526053_10152196223936828_2697861958372314311_n644181_10151367687926828_1795826481_n
  11. Sources (Links to images on original websites): http://www.pend-oreille.com/wp-content/uploads/2013/02/camping-300×206.jpg  http://jpcadmissions.files.wordpress.com/2010/05/backpacker.jpg    https://scontent-sea1-1.xx.fbcdn.net/hphotos-xfa1/v/t1.0-9/10526053_10152196223936828_2697861958372314311_n.jpg?oh=873a2cba7c33f209ba20d3b2f6fb3ee8&oe=5628CA01                                                                                                                 https://scontent-sea1-1.xx.fbcdn.net/hphotos-prn2/v/t1.0-9/644181_10151367687926828_1795826481_n.jpg?oh=b901c30be4d8c7abaeed62e04dff7350&oe=562962E0

Project 7 Web Page

P7JessieSkinnerScreenshot

  1. Description: I made this web page to display the logo I created along with explanations of its target audience, the tools and principles I used to make it, and why I chose the color scheme I chose.
  2. Process (Programs, Tools, Skills): I used Text Wrangler to code the HTML and CSS for this page. I used basic coding to input the image of the logo, the font color, background color, headings, and link. With a little help from someone more experienced, I created divs in order to make the black boxes holding the text. I input code that created the block shape they’re in.
  3. Message:  The message I want to get across with this site is that I can create modern, sleek, audience-catching logos, and that I can do this in a very legitimate way because of the knowledge I possess of design principles and the Adobe design programs. I also created this site to show my basic HTML and CSS coding abilities.
  4. Audience: My audience is anyone looking to hire me to create logos, web pages, or any other projects that fall under the graphic design category.
  5. Top Thing Learned: The top thing I learned is that coding HTML and CSS is not nearly as scary or intimidating as I’ve always thought. I feel better about my abilities now, knowing that I can at least do the basics. Making this web page was actually kind of fun and so much simpler than I originally thought. 
  6. Color scheme and color hex(s):  I used a monochromatic color scheme: black and white. The hex code for white is #ffffff, and the hex code for black is #000000.
  7. Title Font Families & Category: I coded for Century Gothic. I coded for Verdana as a second choice. These are both in the sans-serif categories. I coded for sans-serif as my third choice.
  8. Copy Font Families & Category: I coded for Cambria. I coded for Georgia as a second choice. These are both in the oldstyle category. I coded for a serif as my third choice.
  9. Changes made to the CSS: I changed the whole background to white. I made the body copy text cambria font. I made the heading 1 background black, and I made its text white. I also made this text Century Gothic. I made the size 3.2em. I put 12px padding on each side of the heading 1 text. I made the heading 1 background 603 px  in order to line up with the rest of the elements on the web page. I put a 30 px margin on the bottom of the heading 1 background to keep it from crowding the rest of the elements on the web page. I made all the heading 2’s century gothic font and put the following padding around each one: 25px, 25px, 10px, 25px. I made those headings and all body copy white. I created black div boxes for the heading 2’s and body copy to go in. I made it so they were each in a block shape and so they’d line up with each other in a 2×2 rectangle with the logo image. I added 21 px of bottom padding to the “Tools/Skills Used” heading. I made the body copy font and list item font 1.1em in size. I added margin px to the image and the div blocks to make the image and the div boxes all align perfectly with each other. I added padding to the text in the div’s in order to make them align with the headings and to keep them from being too close to the div edges. I added text and a link at the bottom of the web page. The text and link are black cambria font and are 1.95em in order to align with the rest of the web page. I changed the width of the body to 660px.
  10. Word Count: 209

Project 6 Stationery

P6JessieSkinner copy blog P6JessieSkinner copy blog2 P6JessieSkinnerBlogVersion2 (1)

  1. Description: A logo, business card (front and back), and letterhead with watermark, all of which I created for my business: Jackson Photo & Design
  2. Process (Programs, Tools, Skills): I created the logo with Illustrator. I simply used the text tool to create the “J.” I knew I wanted the dimensions of the half circle of the “P” and “d” to match the half circle of the “J” for the sake of consistency, so I copied the half circle of the “J.” I then put one half circle onto the stem of the “J” to create the “P.” I used the shape tool to make the stem of the “d” and attached the other half circle to it. I then used InDesign to create the business card and letterhead. I knew I wanted a sleek, simple design to match that of the logo. I love the sleek look of having two parallel lines next to each other, so I put them on the letterhead and each side of the card. For consistency and repetition, I put a thicker black line at the top of the letterhead and the top of one side of the business card. I used an image that shows advanced graphic design skills on my business card and as my watermark to display my design skills to potential clients. Although the text in my logo is sans serif, I chose to use sans serif for the rest of the text in my letterhead and business card because a serif font would simply not look good. The style I went for is sleek and modern, and a serif font just wouldn’t work as well with that style as a sans serif would.
  3. Message: I’m trying to communicate that I’m a talented photographer and graphic designer/editor who is up-to-date in her work rather than outdated.
  4. Audience: A younger audience, between 18 and 30.
  5. Top Thing Learned: I learned the beautiful effect repetition can have. I enjoyed connecting the letterhead with each side of the business card through repetition and seeing it all really come together because of that.
  6. Color scheme and color names: Monochromatic; black and white
  7. Title Font Name & Category: N/A
  8. Copy Font Name & Category: Avenir Book

project 5 Logos

JessieSkinner-P5Logos

  1. Description: 3 Variations of a logo – color, black and white, and white set against a color
  2. Process (Programs, Tools, Skills): I used Adobe Illustrator to execute these designs. I created the camera and its details very simply by using the shape tool. I made the paint brush with the pen tool and the paint splotches with the blob tool. I knew I wanted to incorporate both the “photo” and “design” parts of my company into the logo, so I started thinking of things that could represent the design aspect. I decided on a paint pallet because its circular shape would work inside of the camera’s lens. From there, I decided on the analogous color scheme.
  3. Message: Because the business is both photo and design, the logo has both a camera and a paint pallet to communicate this. The paintbrush points to the name of the company to lead the eyes there.
  4. Audience: This logo is for my own company. My company does photography and design for individuals and small businesses. Typically, those who own or work for small businesses are between the ages of 18 and 45. The individuals (in my area, Rexburg, Idaho) who tend to hire those in my industry are usually in their early 20’s (for their weddings). For these two reasons, I’ve chosen to market my logo to the 18-45 crowd.
  5. Top Thing Learned: The most powerful thing I learned in creating this design was how to use the pen and pencil tools. These tools allow for any shape or drawing to be created.
  6. Color Scheme and Color Names: Analogous: indigo, blue, and teal
  7. Title / Body Font Names & Categories: Century Gothic (Regular and Demibold), Sans Serif

Project 4 Montage

JessieSkinner-P4Montage-Christ

  1. Description: Montage of two photos of Christ visiting the Nephites, with text.
  2. Process (Programs, Tools, Skills, Steps taken while designing): I used pictures I found online and created a design/montage using Photoshop.
  3. Message: The pictures are of Christ visiting the Nephites, and the scripture quoted is from this very visit to the Nephites. Although that message was originally meant for them, it applies to us all today. The pictures depict Christ’s tender love for His children, which serves to support the scripture that says will “heal” us.
  4. Audience: The audience is anyone and everyone.
  5. Top Thing Learned: The top thing I learned is how much work needs to be put into blending in order to keep it from looking “abrupt.” It’s difficult to gradually fade one picture into another.
  6. Filter / Colorization used and where it was applied: I used a texture called “Paper Grunge” as my filter. I used it as my background, but I also duplicated it and used it as the filter on top of the photos. I did this by lowering its opacity.
  7. Color scheme and color names: I used a monochromatic color scheme with brown.
  8. Title Font Name & Category: N/A
  9. Copy Font Name & Category: Lucida Calligraphy: Script, Century Gothic: Sans Serif
  10. Thumbnails of Images used: 
  11.  Christ1 Christ2CGTexture
    1. Sources (Links to images on original websites / with title of site)
    2. Deseret News- http://www.deseretnews.com/article/705333531/Another-Testament.html?pg=all
    3. Blessed & Happy in Soutlake, TX – http://southlakemormon.com/2014/02/like-a-broken-vessel/
    4. Textures 8 – http://textures8.com/paper-grunge-background-one-hundred-and-twenty-two/