Design Portfolio Marla Borchardt

8/13/2019 Design Portfolio Marla Borchardt

1/21

PortfolioMarla Borchardt


2/21

Contactwww.marlabee27.wordpress.com801.361.8633orc10001@byui.edu2322 N. Acacia St.

Mesa, Az 85213


3/21

Table of Contents1. Brochure2. Business Card3. Letterhead4. Logos5. Montage

6. Web Page7. Event Ad8. Imaging9. Flier


4/21

Description:An 8-page brochure booklet created for a madeup travel agencyDate: 12/06/13

Programs Used:Adobe Illustrator,Adobe InDesign, Adobe Photoshop

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

Process: I set up a booklet layout with facing pages on InDesign.IIn AIllustrator I created each page with seperate images.On each image I placed different shapes with a consistent colortheme and turned down the opacity. I placed the text for each

page on these shapes to make it more visible. For the imagetext wrap, I used Photoshop and removed the background fromthe image by selecting it and refining the edges, I then colorizedthe image and place it in my brochure on a simple photo andwrapped the text around it. I used the necessary paragraphstyles on the pages. Lastly, for the contact page I createdtriangles and placed them in a diagonel line down the imageand added the difference effect to make it look more blendedin with the image.

Brochure


5/21


6/21

Business CardDescription:An 8-page brochure booklet created for a made uptravel agencyDate: 11/09/13

Programs Used:Adobe Illustrator,Adobe InDesign

Objectives: Create a new logo to fit a company or personal im-age. Design consistent layouts for a business card and letter-head.Use the basic tools of Illustrator and InDesign.

Process: I began with placing the photo into a new file on illustra-tor. Next, I created a circle with the simple shapes tool and applieda clipping mask to the photo to make it a circle. I then copied it andpasted it then resized it twice to have a 3D or effect that the peo-ple were moving. I then used the simple shapes tool to create a

triangle and placed it within the circular images, I placed a black cir-cle behind the photos and triangle to make it cleaner. For the back-ground of the business cards I placed the same image used in thelogo. I used the simple shapes tool to create a triangle, I then cop-ied and pasted it to create an entire row across the business cardand repeated it on the entire background. I changed the opacity to40% for both the front and back of the business card. I made thetriangles on the front of the business card light grey, and changedthe opacity of the photo to 80% to bring the focal point to the logo.

I then chose the burgundy/plum color to the logo and triangles forthe back of the business card. Last, I typed the company name andmy name in the 1942 Report font, I then typed the contact info andthe bottom line of the logo in Avenir Next Condensed font. I placedthe contact info on a black circle to have unity and flow with thefront and back of the card.


7/21


8/21

LetterheadDate: 11/09/13


Objectives: Create a new logo to fit a company or personalimage. Design consistent layouts for a business card and letter-head.Use the basic tools of Illustrator and InDesign.

Process: For the letterhead, I pasted in the logo from thebusiness card, and used the same font on the right hand sidefor the name and contact information. Next, I used the simpleshapes tool to create a row of triangles to repeat to the bottom

of the page. I used the triangles as a watermark and turned theopacity down to 5% so that it wouldnt take away from the focalpoint of the logo.


9/21


10/21

Logos

Date: 10/26/13


Objectives: Create a variety of logos to fit a company orpersonal image. Use the basic tools of Illustrator.

Process: I decided I wanted to come up with a name for a DesignCompany. I loved the idea of the stars and nebulas, the colors andcontrast appealed to me. I began by using the idea of an eclipseand used the grain tool on both circles to create a starry effect, Ithen changed the opacity of the second circle. I then used one fontfor the C and made it large, I then used the second font and madeit small enough to put it within the C. I used the pain brush and paint

tool and created constellations on the darker circle. For the secondlogo, I used the pen tool to create to curved lines, and a moon-likeshape to create a C shape. I also used the lines as a sort of orbitaround the half moon, then used the ellipses tool to make circles tolook like small planets in orbit. I then placed the company name, andused the elipses tool to be the backdrop I then applied the graineffect to create the same starry effect as the previous logo. For thethird, I used the pen tool to make the outer outline of the moon, thenused the pen to trace a photo of the world and make it look realistic.I used the same small planets from the second logo and changed

the stroke of the rings around the planets and used contrasting col-ors. I used the ellipses tool to create a rectangle around the logo andworld, then placed the two different fonts. Lastly, I applied the graineffect as I had on the previous logos to create unity.


11/21


12/21

Montage

Date: 11/09/13

Programs Used:Adobe Photoshop

Objectives: Learn to manage Photoshop layers. Learn to blendimages together smoothly, using masks. Use filters.

Process: I opened the image in Photoshop and cropped to8.5X11. I then created another layer using the shortcut com-mand+J. I placed the image of the two girls, then resized it andadded a mask to hide the layer. I used a soft-edged brush at100% opacity with white paint in order to show only the por-tions of the image I wanted there. I then made the brush small-er, and using black paint at 100% opacity I erased smaller bitsof the photo that I did not want to be showing. I used the blackbrush at 10% opacity and went over the image to make it look

more blended with the background image. I used dafont.com todownload different fonts, then used one for the beginning of thequote and another for the last portion of the quote. I applieda rectangle and color matched it with the background, thenturned down the opacity and applied the Gaussian Blur. I movedthe text in front of the rectangle in order to make it easier toread. I selected font blending and made the gave the text ashadow to make it even more readable. I used the Magic Wandtool to select the second image and applied a Sharpening Filter.


13/21


14/21

Web Page

Date: 11/23/13Programs Used:Adobe Photoshop

Objectives: Size and optimize a .png logo for a web page. Writecontent to drescribe the process of creating your logo and how itappeals to a target audience. Design a webpage using HTML andbasic CSS. Identify hex colors for web page design. Compress

multiple files in a zipped folder to attach as one file.

Process: Size and optimize a .png logo for a web page. Writecontent to drescribe the process and

I saved the CSS and HTML files on the same page so that chang-es could be made on both simultaneously. I then chose a photofor the logo I was using and the background used. I then went in

and changed the color of the font, border, header, and body


15/21


16/21

Event Ad

Date: 10/12/13Programs Used: Microsoft Word, a Brother Scanner

Objectives: Find, import, and scan a high quality image. Createa full bleed design. Use text boxes for layout in Word. Insert andedit images in Word.

Process:I started by scanning the image of Blake Lively froma magazine, I then inserted the image into Word and used theRemove Background tool to remove the excess parts of theimage. I then positioned the image to face the body copy, tocreate flow. Next, I added the title, and then used the shapestool to create a stripe pattern to create more visual contrast.I repeated this process at the bottom of the screen to createrepetition. White was too stark of a contrast, so I used a warmcolor to keep the contrast but make it more visually appealing.

I created this colored background by using the shapes tool tomake a rectangle, I then arranged the square to be behind therest of the images, shapes, and text. Last, I inserted the textfor the event, and placed important information along the bot-tom with cross bullets to grab the viewers attention.


17/21


18/21

ImagingDate: 11/23/13Programs Used:Adobe Photoshop, Canon SX40 HS

Objectives: Learn basic photgraphy skills. Use a digital camerato take a high quality image and upload it. Size and crop theimage. Adjust image brightness, contrast, hue and saturationlevels. Use a selection tool to isolate a portion of the image.Destaturate the portion of the image. Use a filter a portion ofthe image.

Process:I took this photo using a Canon SX40 HS camera. Iuploaded the photo, and opened it with Adobe Photoshop. Thefirst step I took was to crop it to the appropriate size of 6X6 in.with 150 ppi. I clicked on the background with the quick selec-tion tool and created a new layer that was a copy of the back-ground, using the shortcut command+J. I then used the Quick

Selection tool to select the focus of the picture the apple andmoss. Once this was selected I saved the selection, and creat-ed a third layer with the same shortcut as used before. I clickedon the background layer and turned down the saturation to-66. I selected the third later and sharpened it. Last, I selectedthe background layer again and applied the dry brush filter andturned down the intensity of it so it was subtle.


19/21


20/21

Flier

Date: 10/05/13Programs Used: Adobe InDesign, Adobe Photoshop

Objectives: Apply the design principles and use appropriatetypograhpy. Incoporate basic InDesign skills to improve basicfilter layout. Create a project folder with image, logo, and InDesigndocument to keep links direct.

Process: I drafted an outline for how Id like the general layout ofthe flier to look. Using Adobe InDesign, I first focused on creatingrepetition with the black boxes and dashed lines at the top andbottom of the flier. I chose to emphasize the word Leadershipbecause this was the topic of the conference, and also to addcontrast. I chose to use Modern font and Sans Serif to create con-trast. To edit the photo used in the flier I used Adobe Photoshop toerase the background of the image and create more white space

in the flier. I separated the body text in order to make it easier toread and used a small 12 pt body copy.


21/21

Design Portfolio Marla Borchardt

Documents

Transcript of Design Portfolio Marla Borchardt