mirissa holbrook portfolio

8/12/2019 Mirissa Holbrook Portfolio

1/21

PortfolioMirissa Holbrook


2/21

ContactLinkedIn: https://www.linkedin.com/pub/mirissa-holbrook/96/897/317Email: [email protected] Number: 757.816.****


3/21

Table of ContentsEvent Ad

Web Page

Montage

Brochure

Photodesign

Business Card

Stationary

Logo

Flier


4/21

Event AdDescription:

Full-bleed, color flyer promoting an imaginary fundraiser,created with only Microsoft Word and a scanner.

Date:May 16, 2014

Course/Instructor:Visual Media, COMM 130, Cory Kerr

Tools Used:Microsoft Word, A Scanner

Objectives:

Comprehend image sizing (how pixels and inches work together). Find, scan and import a high-quality image. Create a full-bleed design. Choose a color scheme and typeface(s) that work for your message

and audience. Learn to use only Word design features without using any Adobe

programs, including Photoshop.

Process:First, I found the picture that I wanted to use in an issue ofSmithsonian Magazine. After scanning it in the highest quality I could, Iopened it in a Word document. I was able to successfully remove the en-tire background, and was even able to attach his armscanned from theopposite pageexclusively in Microsoft Word, which was a huge relief and

surprise. Because I wanted Patrick Stewart to be the focal point, I kept theposter very, very minimal, only using one color (a slightly darker version ofhis pocket square and the lining of his book) and used a light gray text. Ichose the title font because it reminded me of anerror on start upscreenon a PC, giving it a subtle, science-fiction feel.


5/21

Distinguished actor Patrick Stewart

(X-Men, Star Trek: The Next

Generation) reads selectionsfrom his favorite science

fiction stories.

For more

information or to

purchase tickets,

call 757.322.2222

or visit www.wrl.org.

Proceeds will benefit

the Summer Reading Program.

6.7.14 7 to 8:30 PM

$20 per ticket

Williamsburg Regional Library

515 Scotland St.

Williamsburg, VA 23188


6/21

Web PageDescription:This is a screenshot of a webpage to provide the background of a logo that I created.

Date:

June 27, 2014


Tools Used:

TextWrangler (Adobe Illlustrator for logo)

Objectives: Acquire a working knowledge of HTML. (Must include all required tags (Doctype

(provided), html, head, title, meta charset (provided), & body. As well as tag that links toexternal style sheet. With in the body include h1, h2, p, ol or ul (with li tags), img, hr, anda (link to blog) tags.)

Acquire a working knowledge of CSS. (Customize the Cascading Style Sheet (css)provided in I-Learn to add page formatting that complements the logo design, bychanging at least the following: The h1 text color & background color, font colors forthe paragraphs & list items, the background color, Font Families and add at least one csscomment.

Identify hex colors for web design. (Find and use hex colors in Photoshop to match yourlogo)

Compress multiple files in a zipped folder to attach as one file. Open your HTML page in a web browser, and capture a quality screen shot with .5 inch

margins for printing. (See tutorial below.) See the sample projects on this page asexamples (contains 3 files: .css file; linked logo .png; .html file of web page.)

Process:This week, I added my own text to the HTML doc and decided how I wanted my lists to look.I attached the pre-made CSS document and got to work making it personalized. I chose thegray for my headline because it is the same gray as the outside circle of my logo. I also chosethe background because it was the same gray as the smaller circle in my logo. In class, wetalked about giving our webpages textured backgrounds and that idea really stuck out tome, so I went and searched for something blue. I settled on this one because it was fun andechoed the feeling of wind (which goes hand-in-hand with flight). The background imagecan be found here: http://www.dreamstime.com/royalty-free-stock-images-abstract-color-ful-wave-pattern-image23288619. I decided to add a column to my webpage, so I had to go

back to the HTML and add in a couple other pieces of code, which then had to be formattedin CSS. I validated everything when I was finished and it all passed!


7/21


8/21

MontageDescription:This is a montage of three images with an inspirational theme.

Date:

May 30, 2014


Tools Used:

Adobe Photoshop

Objectives: Use the FOCUS design process with strong focal point and flow Unify a layout

with a consistent theme and dominant message Learn to blend two or more images together gradually, using masks Demonstrate more advanced Photoshop skills for layout with multiple elements Use a mask to apply a filter to one part of the image Apply typography principles (titles, quotes, events or scripturesyour choice) Format type: Legibility; Small copy & Title with varying text size. Theme word(s)

Select good quality images

Process:To begin with, I chose the message that I wanted (home is where the heart is) andbrainstormed what pictures I would use. I opened up a blank document in Pho-

toshop and moved in the background photo (the road and sky). Next, I added apicture of a shirt that I have, that has an outline of Virginia with the wordhomeonit. I used a mask to blend it into the background picture, but left the text standingout because I knew I wanted to use that in my quote. I had to play with the opacityquite a bit before I found the amount that I liked, and I went over it many times,switching back from black to white. Next, I moved the picture of the man with abackpack onto the background and blended him in. This is the picture I added myfilter to, and it has a slight Field Blur on it. Once again, it took me a while and lotsof trial-and-error to figure out how opaque I wanted it. My last step was choosing afont that was similar to the shirts font (for the word journey) and a contrasting fontfor the rest of the quote, which is from the War Horse movie poster. I also added amask to the text so that it sort of blended in to the background and made it all feelkind of hazy and dream-like.


9/21


10/21

BrochureDescription:A two sided (duplex) folding brochure.

Date:July 11, 2014


Tools Used:Adobe Illustrator, Adobe Photoshop, Adobe InDesign

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

Create an original company logo and use it in a brochure. Incorporate quality images. (Incorporate at least four quality images (Not includingthe logo). One should be clipped in Photoshop and text-wrapped in InDesign so thetext follows the cutout shape of the image.

Write at least 250 words of original copy with at least three paragraphs, headers, andsubheaders.

Trim for a full bleed and print in duplex (two-sided) color.

Process:First, I created a logo in Adobe Illustrator. This logo is very basic and involves two fontsand a vine with leaves that I drew using the pen tool. When creating this brochure, I firsthad to decide what kind of fold I wanted to create. I eventually settled on the gatewayfold because I felt that would present my content in the best way. I split my first pageinto three sections with the first and last as my front and the middle as the back of the

brochure. I had to cut each of the pictures in half, but did so by creating two of the treeand two of the logo. The inside of my brochure was split into three as well, but it didntrequire any fancy thinking about how to set it up for folding to have the desired look. Ichose a tree for the front because the Pathway Program is all about growth, a symbol thatechoed the vine I created in my logo. This idea was further echoed by using the saplinggrowing from an acorn on the inside. The picture of the MacBook and the Writing madethe school feeling apparent and the. I chose gray for the inside because I wanted thisbrochure to be simple and have the focus on the information, not a bright background.This program is for older people wanting to get an education later in life, for young peoplewho did not do so well in high school, and for those in other countries who did not thinkcollege was an option. Because of this varied audience, I felt it would be best to stay prettysimple and not try anything crazy. I used the gray from the Pathway Program logo thatI created. I chose white for the front because it was the inverse of what could be foundon the inside. I used a clipping mask for four of my pictures: the tree, the MacBook, the

sapling, and the map. I used the Quick Selection tool in Adobe Photoshop for all of theseclippings. I had to play with the edge hardness and feathering to make it look nice.Despite using a clipping mask for four photographs, the text is only wrapped around one:the sapling. I wrapped the text using the Alpha Channel option in Adobe InDesign.


11/21


12/21

PhotodesignDescription:Project demonstrating photography and photo editing skills that meshes well with acolor scheme.

Date:May 23, 2014


Tools Used:Adobe Photoshop

Objectives: Learn basic photography skills. Choose a color scheme, take a photo to match those colors, then incorporate the colors

into the layout. Use a digital camera to take a quality image, then download it. Adjust image levels, saturation, color balance, sharpen tool on separate layers for NDE

(non-destructive editing.) Size and crop the image, then place on an 8.511 page layout. Use layers to design text, and repeating graphic elements in Photoshop. Print with full-bleed margins. Trim only 1/8in (0.125) from all four sides.

Process:Originally, I believed that I wanted yellow in my color scheme instead of gold, but when Itook the picture and played with the levels I realized that gold would actually look much

better and would be more cohesive with the triad color scheme of green and violet.Thepicture is of a flowerbed in Salt Lake City, Utah. I used a simple, point-and-shoot camera forthis, but then edited it in Photoshop to make the greens darker and the whites/purples/yel-lows more vibrant. Once the picture was edited, I designed a layout including my swatches(the three circles) and text, which comes from the Disney movie Alice in Wonderland. Theeyedropper tool was my best friend for accurately matching the violet color with that in theflowers. I intentionally avoided using more green in my layout because there was already somuch in the photo. Photoshop was really tricky to learn with all of its layers, but I managed tocreate somethingI believethat is simple and beautiful, just like a wildflower.


13/21


14/21

Business CardDescription:Business card design, including a logo that I created for a company, designed to be compatiblewith stationary.

Date:June 13, 2014


Tools Used:Adobe Illustrator and Adobe InDesign

Objectives: Use the basic tools in Illustrator & InDesign. Create a new logo to fit a company or personal image. Do not imitate existing logos or

use previous designs. Dont use photos or live trace. Use the new logo to design consistent layouts for a business card. Photos are okay on

business card. Business card should be 3.5 x 2 and printed above center on a vertical page. Apply typography rules, keeping small copy. Keep designs simple with light watermarks and drop shadows and plenty of white space. Include contact information: name, address, phone, and email on each piece. Use periods,

bullets, or spaces in phone number; no parentheses/ hyphens.

Process:I made my logo in Adobe Illustrator. It is made from three circles of different sizes for the basicshield, then I added a small circle at the top for a rivet. I used the Rotate tool and copied it tomake these circles go all around. Then, I added a horse shape (traced from a drawing foundonline) and a P to complete the logo. My goal here was to have the card look like a luggagetag. If this was actually printed and used, the white circle would be cut out and a small stringtied around it to enhance that feel. I created the shape with a rounded rectangle and two cir-cles. One side has the companys logo and name. On the flip side, I put the name of my personin the same text as the company name. I added his title and his contact information below in acontrasting font. Using the same text and the same logo as on the stationary keeps this unified.I chose to only use grayscale because its simple, classic, and would be cheap for a company toproduce and use. This makes it practical as well as minimalist.


15/21

Tom Hiddleston

Pegasus Air

425 John F. Kennedy Dr.New York, NY 11430

724.359.0241

[email protected]

Social Media Consultant

Pegasus Airlines


16/21


17/21


18/21

LogoDescription:Three different logos for a company (made-up in my case).

Date:June 6, 2014


Tools Used:Adobe Illustrator

Objectives:

Create three completely different, original logos to fit a company or personalimage that will appeal to the audience. Do not imitate existing logos or useprevious designs.

Use only the Illustrator tools to create and draw your logos. (No Illustratorpre-fabricated flares, symbols, etc.. No photos or live-tracing. You may usean image or drawing as a guide to trace it with the pen/pencil, but delete theimage before submitting.)

Gather opinions from at least ten people about which logo appeals most to

them.

Process:I used Adobe Illustrator for this project, which was pretty neat. We learned somereally cool things about creating shapes and using different tools. For my first logo,I found a picture of a goat and used the pen tool to outline it. I then went over it

with the paintbrush tool to make it feel more hand-drawn. I decided to give it no fillso that itd be more minimalist. I added the name of the farm, but let the image ofthe goat replace the word. I added horns and a bell to make it look more like a goatand so it would not be confused for a dog. On my second logo, I made a bell shapeusing the pen tool. I did choose a fill for this one, as you can see. I then added twosmall circles with the shape tool. I then traced a chubby little goat and gave it ablack fill, then moved it on top of the bell. I chose to not use any text on this logo.My third, though, is only text and a few tiny, tiny shapes. I used the text box tool tomake three separate boxes, where I added the wordsBelles,Goat,and Farm.Igave all three of these boxes a different color. For a bit of fun, I added an oval and a

few lines to theoto make it a goat.


19/21


20/21

FlierDescription:

Black and white flier promoting a communications conference.

Date:May 10, 2014


Tools Used:Adobe Illustrator

Objectives: Apply the design principles and use appropriate typography. Incorporate basic InDesign skills to improve basic flier layout. Retrieve image and logo from links on this page. Create a project folder with image, logo and InDesign document to

keep links in InDesign intact.

Process:I began by sketching layouts with different kinds of elements. Next, I cre-ated a shape map on Adobe InDesign. When I found a layout that I liked,I gave the two sets of three squares contrast by changing their value. Thethree squares were used twice for repetition, but I decided to invert their

order on the bottom to lead the eye to the Vouant Communicatonslogo. I chose this picture from about 15 that I was given because her facepoints towards the body copy, giving the flier good flow. This was my firstexperience using the Adobe Creative Suite and practicing the designprinciples. It was the beginning of a long learning process, but it was agreat start.


21/21

mirissa holbrook portfolio

Documents