P O R T F O L I O

Lisa Nguyen

C O N T A C T

Lisa Nguyen 143 North. Rd. Belle Mead, NJ 08502 908.304.4631 wel1009@byui.edu

T A B L E O F C O n e n t s

Business Card Letter Head Montage Flyer Logos Brochure Event Ad Imaging Web Page

B U S I n n e s c a r d

Programs/Tools Used: Adobe Illustrator & InDesign Date: November 9. 2013 Top 3 things learned: 1) How to place an Illustrator file in InDesign and maintain good quality 2) How to create layers and keep them grouped when moving computers 3) How to resize images to fit size requirements Logo Font #1 Name & Category: Minion Pro Sans Serif Logo Font #2 Name & Category: Mistral Script Stationery Font #1 Name & Category: Minion Pro- Sans Serif How the logo represents the company: This is a surfing company everything from the colors, fonts and actual waves represents everything the company is about. Process: I created a new logo in Illustrator. I finally was able to type on the path of the wave which added an element of flow. I was then able to place that exact logo into my letter head in the top right hand corner. I added a box and changed it to look like a wave and incorporate the correct colors. I also placed that same logo on the business card. I wanted to keep everything consistent and clean. To create the business card, I used the rectangle tool and made sure the border was prominent with a dark color.

L E T T E R H E A d

Programs/Tools Used: Adobe Illustrator & InDesign Date: November 9. 2013 Top 3 things learned: 1) How to place an Illustrator file in InDesign and maintain good quality 2) How to create layers and keep them grouped when moving computers 3) How to resize images to fit size requirements Logo Font #1 Name & Category: Minion Pro Sans Serif Logo Font #2 Name & Category: Mistral Script Stationery Font #1 Name & Category: Minion Pro- Sans Serif How the logo represents the company: This is a surfing company everything from the colors, fonts and actual waves represents everything the company is about. Process: I created a new logo in Illustrator. I finally was able to type on the path of the wave which added an element of flow. I was then able to place that exact logo into my letter head in the top right hand corner. I added a box and changed it to look like a wave and incorporate the correct colors. I also placed that same logo on the business card. I wanted to keep everything consistent and clean. To create the business card, I used the rectangle tool and made sure the border was prominent with a dark color.

M o n t a g e

Description: A montage with 2 photos and text, using Adobe Photoshop. Date: October 26, 2013 Process: I was to blend two images together using a mask as well as adding a filter and color with saturation. Top 3 things learned: 1) I learned how to use layers 2) I learned to use a mask 3) I learned how to add and edit text over the mask Programs/Tools Used: Adobe PhotoShop Font #1 Name & Category: Comic Sans- Modern Font #2 Name & Category: Arial- Oldstyle

f l i e r

Description: 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 intact. Date: October 3, 2013 Process: This was the first time I have worked with InDesign. I was able to learn a variety of techniques while working on this project. I knew right from the start that I wanted to create repetition. I did that as a I created the two lines on the left hand side and bottom of the flier. These lines also created flow that draws the eyes attention to the center of the page. To create those lines I just used the rectangle tool and filled in with black. I learned how to better insert text and align it all. In order for the text to not be squished against the edge I had to create 2 boxes. Inserting an image can sometimes be hard but I learned the power of the shift and command buttons so the images are not pixily. I tried to create contrast with the different fonts and the black background. Top 3 things learned: 1) I learned how to place text within a text box without getting close to the edge 2) I learned how to fill shapes with color 3) I learned how to use the guides to make sure everything was aligned. Program(s) / Tools used: Adobe InDesign Title Font Name & Category: Minion Pro with Fill- Decorative (because of fill) and Slab Serif Copy Font Name & Category: Gills Sans- Modern

Graduate Graduate Leadership Leadership Conference Conference

Do you want to have the competitive edge in business?
Come learn how at Vouant Communications annual Graduate Leadership Conference. Vouant Communications is devoted to helping tomorrows leaders gain essential leadership skills in the workplace. During this dynamic three-day seminar, attendees will meet with top executives of Vouant Communications to discuss breakthrough leadership techniques, while cultivating attributes of leadership that will market to any employer. Conference is available to graduating seniors. Space is limited.

Registration and more information available at http://www.vouantcomm.com/leaders

October 21 8 a.m. 5 p.m. Lincoln Convention Center

Description: Three logo variations for the same company. Date: November 1, 2013 Process: This project was really challenging for me but I made do. First I used a lot of shapes and modified them with the pen tool. On the bottom logo I used the swirl tool and color filled it. The fonts are contrasting in color I tried to change the font so that it would be two colors, one fill and the other outline color. Top 3 things learned: 1) How to use the pen tool and move points 2) How to add shapes 3) How to group shapes together Programs/Tools Used: Adobe Illustrator Top Logo - Font #1 Name & Category: Century Schoolbook Bold- Slab Serif Top Logo - Font #2 Name & Category: Mistral- Decorative Middle Logo - Font #1 Name & Category: Noteworthy- Sans Serif Middle Logo - Font #2 Name & Category: N/A Bottom Logo - Font #1 Name & Category: Arial- Modern Bottom Logo - Font #2 Name & Category: Mistral- Script How the logo represents the company: Aguas Lindas is a pro surf shop in Southern California. These logos reperesent the company through the light blue colors of the pacific ocean. Votes on favorite logo: Top Logo = 3; Middle Logo = 0; Bottom Logo =9 My favorite logo was: Bottom.

L o g o s

B r o c h u r e

Description: A two sided brochure. Process: I set up the trifold brochure in Adobe InDesign. I made 3 columns and set up gudders and bleeds. I used black throughout the entire brochure to create a professional look. For the image of a soccer logo I cropped the image in Photoshop I then created a mask to erase the original background. Then I was able to save the image for web, when I inserted the photo it blended well with the already black background. I created the logo in Illustrator using the pen tool and the create shape tool I was able to use the arc shape to create a sun shape. I then added the faded lines to make them look like sun rays. I used the text tool to be able to write in the images. Top 3 things learned: 1. I learned how to wrap text around an image in InDesign. 2. I learned how to create a tri fold brochure InDesign. 3. I learned how wrap text to that there are spaces between all the grids and text is not over lapping Programs/Tools Used: Adobe InDesign/Adobe Illustrator/Adobe Photoshop Title Font Name & Category: Minion Pro- Oldstyle Copy Font Name & Category: Minion Pro- Lithros Pro- Modern

e v e n t a d

Project 2 Event Ad Description: A full bleed Event ad to promote a fundraiser using only Microsoft Word and a scanner. Process: When starting off I knew I wanted the title to say it all. I played around with it several time until it caught my own attention. All the people really need to know what it is. If they are interested they will look at the rest of the details. I am always hesitant to use so much white space but I think it worked out okay this time. Top 3 things learned: 1) How to arrange object to order correctly 2) How to edit a photo inside word 3) How to move and re shape shapes Program(s) / Tools used: Microsoft Word, Epson Scanner and Preview to convert to JPG Font #1 Name & Category: Marker Felt- Decorative Font #2 Name & Category: Arial- Modern Scanned images used, sources, original sizes: The original image was from the magazine Good Housekeeping. It was originally a 8x12 I scanned it at 170 resolution and cropped it.

COOK-OUT

Come and enjoy the fun and food. We will have races, prizes and giveaways! $5- Adults $2- Child All proceeds go to renovate the Senior Citizens Center. Please call the chamber of commerce if you would like to make any further donations.

Saturday October 26

Senior Citizens Center

Noon-4PM

i m a g i n g

Description: A personally taken photograph that has been edited/formatted using Photoshop. Date: October 19, 2013 Process: I took this picture using Nikon DSLR camera. I immediatly was drawn to the photo where the foreground was in focus. I then took my image into Photoshop and cropped it to a 66 inch square. I then selected the background using the quick selection tools, and applied the plastic wrap filter. I finally desaturated the the background color and then added the blue color hue to the background. Top 3 things learned: 1) How to select a certain part of an image to edit 2) How to take photos in with a focus on the FG an BG 3) How to apply filters Programs/Tools Used: Nikon DSLR Camera. Adobe Photoshop

w e b p a g e

Description: A web page designed to showcase a personally created logo. Date:November 23, 2013 Process: This was my very first time ever working with HTML and CSS. At first I was very overwhelmed but once I felt comfortable writing new HTML tags I felt much better. I used the program text wrangler to edit both my HTML and CSS. Once I had all the proper text added I wanted to add my image. I placed my image from Illustrator to the HTML file. I was able to re size my image then add it. Then I proceeded to change my CSS. This included changing all the background colors and also the fonts. I wanted to make sure those colors matched the logo. Top 3 things learned: 1) How to link HTML and CSS 2) How to move text around in CSS 3) How to create new HTML tags Programs/Tools Used: TextWrangler and Photoshop Font Family #1 (all names) & Category: Calibri-Arial- Sans Serif Font Family #2 (all names) & Category: Mistral- Apple Chancery- Decorative Hex Colors: black #000000, Dark blue #FFFFFF, Light blue ##2e7fc1 Changes made to the CSS: I changed all the fonts, the positioning of the text and also the colors.