Hailey Brock's Portfolio

8/12/2019 Hailey Brock's Portfolio

1/23

PortfolioHailey Brock


2/23

ContactHailey Brock:26220 N 43rd AvePhoenix, AZ [email protected]


3/23

Table ofContents

Montage

Event Ad

ImagingBrochure

Ad

Logos

Letterhead

Business Card

Web PageFlier


4/23

MONTAGEDescription:an inspirational montage mady by the blending of two ormore images, and the use of typography

Date:May 31, 2014

Course/Instructor:COMM 130 ~ Visual MediaJulie Peterson

Objective:Learn to manage Photoshop layers.Learn to blend images together smoothly, using masks.Apply appropriate typography.Use lters

Process:First, I cropped the background image, which is an imageof Arizona that I took myself, to 8.5x11 inches. I then useda Stylize lter on the background and the the Lightenoption to bring out more of the detail in the land under theclouds. I added in the picture of (what looks like) a WhaleShark and placed it on top. Thankfully it was a good size formy picture and I did not need to edit the dimensions at all.

With black paint and a 100% opacity, soft-edged brush, Ipainted away the hard image edges. The two pictures hadvery similar color schemes so they were easy to blend. Inally added my font. I used Prestige Elite Std as my font, inwhite, because it gave the design a simple, typewriter look.I kepy my font fairly small so that it would not distract fromthe two images.


5/23


6/23

EVENT ADDescription:A color full-bleed event ad to promote a fundraiser using only MicrosoftWord and a scanner.

Date:May 17, 2014


Objective:Find, Scan and import a high-quality image.Create a full-bleed design.Use text boxes for layout in Word.Insert and edit images in Word.

Process:I scanned the baking image rst. I then inserted the purple boxes totake out any text that was originally on the picture. I wanted to keepmy design simple since my picture was busy in itself and it was takingup the full ad. I knew that the purple boxes alone werent enoughso I added three yellow boxes on the edge of the two boxes thatcontained the most important information. I made them descend andascend in transparency so that they wouldnt draw as much attentionto themselves. I chose a Modern font for the title and then a sans seriffont for the rest to keep things simple. I used the following programs:

Microsoft Word, Epson Scanner, PDF2JPG


7/23


8/23

IMAGINGDescription:Demonstrate good photography and image editing skills. Incorporating colorinto a poster layout with original photo.

Date:May 27, 2014


Objective:Learn basic photography skills.Use a digital camera to take a quality image, then download it.Size and crop the image.Adjust image brighteness, contrast, hue and saturation levels.Use a selection tool to isolate a portion of the image.

Desaturate the selected portion of the image.Use a lter or colorize a portion of the image.

Process:I rst chose a color scheme. I knew that I wanted to use nature, so I chose green.I then decided that I wanted it to be green alone, so I made it monochromatic.After that, I used a Powershot camera to take a picture outside to Spori building.I made sure that my focus was on the green plant. I then took my photo intophotoshop and I created a draft that was pretty simple. I gave it a green border,and then a border of white, with a ll of a different green. Then I put my picture

in the bottom right and my quote at the top. Originally things werent veryaligned, so I moved the text to be aligned with the right of the picture border,and then the author of the quote was aligned with the word arises. I thenadded color swatches on the side of my design. That was actually the mosttime consuming for me. I needed the pastel green to show up against thebackground(which was inconveniently the same color) so I added a cirle borderbehind each color swatch circle. I then masked the right side of each circle tokeep it in the frame and to not cover my border.


9/23


10/23

BROCHUREDescription:A two-sided folding brochure.

Date:July 13, 2014


Objective:Set up and align a two-sided, folded document.Learn how to wrap text around an image.Use paragraph styles in InDesign.

Process:I set up the fold in Adobe InDesign. I split my layout intotwo sections so that I could add a little bit of organizationto my design. I chose circles and rounded edges to be theelement in my design that was consistent and repeated. thecircles on the front tied in well with the rounded edges ofthe boxes on the inside. For the image of the basket logoon the right side, I used the quick selection tool in AdobePhotoshop to remove the background of the image. I thenused the rene mask dialogue box to smooth, feather, shift

edge and apply contrast to the outline of the basket. Thechanges I made in the rene mask dialogue box made asofter image that looked sharper and cutout against thebrochures background. I then placed the amingo intoInDesign where I used the text wrap option to wrap my textaround the alpha channel of the image.


11/23

Outside

Inside


12/23

AdDescription:An Advertisement for a unique invention from Japan.

Date:July 19, 2014


Objective:Create a new project that took at least 2 hours to complete

Process:I loved this Project because of the freedom that I had from it. I rst startedin InDesign. I made the background a light red color to t in with my red-teal-orange split complementary color scheme. I then added the text

and I placed an image in the left corner. After that I saved it as a PDF sothat I could add a few masks to a couple more images in Photoshop. So,after opening the PDF in Photoshop, I placed 3 images into the designand masked them so that their white backgrounds would not be so harshagainst the red background I had created. I then took 3 images of littleCupmen and I used the selection tool to get rid of their background.I used the rene edge tool to make it look a little nicer. I then placedthose men at the top of the screen underneath the cup that I placedin the logo so that they would look like they are falling. Honeslty, I ndthis product adorable and I wanted others to feel that way too. I usedthe Bright color scheme and the fonts Bauhaus 93 and Abadi MT

Condensed Light because I wanted the ad to have a Japanese feel to it,since that is where the product is from. I got ideas from other Japaneseproduct ads. At the end I nally placed the Japanese logo for productunderneath the title and used a mask to make the edges more gentle.


13/23


14/23

LOGOSDescription:Three logo variations for the same company

Date:June 7, 2014


Objective:Create a variety of logos to t a company or personal image.Use the basic tools of Illustrator.

Process:I really enjoyed this project. I had a lot of fun learning how to use illustratorand I loved the vector images. No pixelation. I think that is a beautifulthing! To create my rst logo, I wrote the text HaileyMichelle. then I madeit into an image so that I could extend the right side of the H and so I couldcolor the dots of the is separately. I then added an underline which Imade look as though it were painted. I gave the underline a thick strokeso that I could use the two seperate violet colors. I knew that I wantedto use violet-teal-gold color scheme and I just placed those three colorswhere they t. I added the word music as an afterthought and aligned itwith the C in Michelle. I then created a music note using different shapesand then the pathnder to unify. I aligned the Music note with the end

of the logo. My second logo was easier. I used the same music note I hadalready designed, and I changed the color to t a teal monochromaticcolor scheme. I then added a darker teal stroke that also looked like apaintbrush. After that I added the words HaileyMichelle and underlinedit with another shade. My third logo was simple but very time consumingfor me. I did exactly what I did the rst time but in segments. I used smallershapes to make up each section, unied them individually, and then putthe three sections together by clicking and dragging my anchors with thedirect select option. I chose a color scheme of purple-orange-green.


15/23


16/23

LETTERHEADDescription:Matching letterhead and business card designed using a personallycreated logo.

Date:June 15, 2014


Objective:Create a new logo to t a company or personal image.Design consistent layouts for a business card and letterhead.Use the basic toold of Illustrator & InDesign.

Process:I created the logo using simple shapes in Adobe Illustrator. I alsoused the pathnder tool to cut and combine these simple shapes.Once the logo was created, I opened a new two page InDesigndocument and placed my logo .AI le into this document. My rstpage was my stationery. I placed the logo in the top right cornermaking sure it was small enough to not draw too much attention. Ithen used copy & paste to make a bunch of little boats exactly likethe boat in my logo, just bigger. I dragged the little boats along agrid line and spaced them out unevenly to give them more variety.

I had them lead to the contact information. After that I added a bigbasket, taken from my logo, and I made it 4% opacity because it wasa lighter color originally.


17/23


18/23

BUSINESS CARDDescription:Matching letterhead and business card designed using apersonally created logo.

Date:June 15, 2014


Objective:Create a new logo to t a company or personal image.Design consistent layouts for a business card and letterhead.Use the basic toold of Illustrator & InDesign.

Process:I created the logo using simple shapes in Adobe Illustrator. Ialso used the pathnder tool to cut and combine these simpleshapes. Once the logo was created, I opened a new twopage InDesign document and placed my logo .AI le into thisdocument. My second page was for the business card. I did theback rst because it was simpler. I took the same color as thewater from my logo and made it the background. I then madeit a shade or two lighter so that it wouldnt take away from thedesign. After that I placed the logo in the center. The front of

the business card was also fairly simple. I added the name ofthe company in a larger font at the top. and made it the samecolor as the background on the back. I then copied the restof the contact info from the stationery. I made every other lineswitch off colors so that the card wasnt as boring. Since thedesign was pretty empty I added a boat watermark to the rightedge.


19/23


20/23

WEB PAGEDescription:A web page designed to showcase a personally created logo.

Date:June 29, 2014


Objective:Size and optimize an original logo as a .png for a web oage.Write content to describe the process of creating your logo andhow it appeals to a target audience.Design a web page using HTML to display a logo and content.Acquire a working knowledge of HTML and basic understandingof CSS.Identify hex colors for web design.Compress multiple les in a zipped folder to attach as one le.

Process:I created this web page using only TextWrangler. I had never seenor written any HTML/CSS. It was interesting to see how you couldmake a web page by only using a simple text editor. It was alsointeresting to use thehttp://www.W3.org HTML validator. It wasuseful to have something check to see if I had any problems with

my code. After I marked up all my content and inserted my image,I attached a pre-made CSS document to my HTML. I then used thecolors from my logo as the colors for my web page. I found thesecolors by opening Photoshop and using the eyedropper tool. Ialso changed my fonts to Verdana so that they woud be Sans-Serif.I declared some backup fonts just in case the viewers browserdidnt have these fonts. I also used padding around the logo andtext so that they would not be too close to the edge of the webpage. This was one of the most challenging parts of working withCSS. I had a really hard time aligning things.


21/23


22/23

FLIERDescription:Black & White promotional ier to promote a graduate leadershipconference.

Date:May 11, 2014


Objective:Apply the design principles and use appropriate typography.Incorporate basic InDesign skills to improve basic ier layout.Create a project folder with image, logo and InDesign document to keeplinks intact.

Process:I started out my process by sketching four to ve different design ideas.I chose which sketch looked best, and using that idea I created theabove layout in Adobe InDesign. I tried to use black lines consistentlyto provide some repetition. I mostly used the color black but I hadgrey shades used as well to contrast my design a little and keep it frombeing too boring. I tried to use the grey box to catch the attention ofthe audience to the time and place. I know that I like to see the time andplace right away that way I know if I am able to make an event beforespending time reading all of the information. I tried to let the white

space escape through the edges by using the X shape in my design.I did not have to come up with the body copy, logo, picture, or anyother information. It was all given to me. This project purely reects mydesigning.


23/23

Documents

Hailey Brock's Portfolio