Yolita Salazar

Yolita Salazar
649 S 2 W Rexburg, ID 83440 857.205.3550 sal09004@byui.edu

montage logos letterhead business card brochure flier event ad web page imaging

Description:
Section: Visual Media 130 sec. 5 Programs/Tools Used: PhotoShop Top 3 things learned: 1) I learned how to zoom in and out in PhotoShop using the shortcut keys 2) I learned how to select part of an image and if I needed to select more, I can hold down the shift key and select the extra 3) I learned how to add text to an image in Photoshop. Font #1 PT Sans Category: San Serif Font #2 Rockwell Category: Oldstyle Process:Originally I was undecided between having a Pisces or Turtle theme. After multiple trials I decided upon a turtle theme. For this particular trial I originally took four pictures and merged them into one. I took the sky from a different source because I thought it would create a great contrast with the beach. Then I cloned out the seaweed from the original beach picture. Afterwards I gradually blended the turtle and changed the position until I was satisfied. I decided to take out the second picture of a turtle on the sand so the montage could have a cleaner look. Following brother Lybberts suggestion I placed my quote on the bottom left of my montage and added Perseverance to create a text contrast.

Three logo variations for the same company.

Date:
2/23/13

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

Program(s)/Tools:
Adobe Illustrator

Objectives: Process:

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

This was really fun to create a logo in Illustrator. I used the ellipse tool to create the basic shape of the tomato. I then used the direct select tool to manipulate some of the curves. This gave the shape a more tomato look. I then used the pen tool to make the stem and leaves. Most of the other elements are just typography. I made sure to choose fonts from contrasting categories to capitalize on the contrast. I also tried getting some more contrast by changing the sizes of the words.

Description: Date:
3/2/13

Matching letterhead and business card designed using a personally created logo.

Description: Date:
3/2/13

Matching letterhead and business card designed using a personally created logo.

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

Program(s)/Tools:
Adobe Illustrator Adobe InDesign

Program(s)/Tools:
Adobe InDesign

Objectives:

Objectives:

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

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

Process:

Process:

I positioned the placed logo in the top right corner of my letterhead. I made sure to keep it at least .5 away from the edges. I then typed my contact information into a text box and positioned it on the right hand side of the letterhead. I made my name 12pt font to contrast with the 8pt contact information. I added in a couple dashed lines to unify the information and to get some repetition. I also added a large black and white version of the brief case as a watermark. I kept the opacity to about 3%.

I used the rectangle tool to create the front and back outline of my business card. I then copied/pasted the logo and contact information onto this page. I kept the logo and contact information about the same size as the information on the letterhead. I made sure that no important information came any closer than 1/8 from the edges. I also brought the dashed line into the business card to help unify the stationery pieces. Finally, I a enlarged the brief case and put half of it on the back of the business card.

Description: Date:
3/16/13

A two sided (duplex) folding brochure.

Description: Date:

Black & White promotional flier to promote a graduate leadership conference.

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

1/12/2013

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

Program(s)/Tools:
TextWrangler Adobe Photoshop

Program(s)/Tools:
Adobe InDesign

Objectives:

Size and optimize an original logo as a .png for a web page. Write content to describe the process of creating your logo and how 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 understanding of CSS. Identify hex colors for web design. Compress multiple files in a zipped folder to attach as one file.

Objectives:

Apply the design principles and use appropriate typography. Incorporate basic InDesign skills to improve basic flier layout. Create a project folder with image, logo and InDesign document to keep links intact.

Process:

Process:

I created this web page using only TextWrangler. After I marked up all my content and inserted my image, I attached a pre-made CSS document to my HTML. I then used the colors from my logo as the colors for my web page. I found these colors by opening Photoshop and using the eyedropper tool. I also changed my fonts to Times New Roman and Verdana. I declared some backup fonts just in case the viewers browser didnt have these fonts. I also used padding around the logo and text so that they would not be too close to the edge of the web page. This was one of the most challenging parts of working with CSS.

I first created some sketches of my layout. Then I used my sketch as a guide to create this layout in Adobe InDesign. I used black boxes for repetition and contrast. I also emphasized one word in my title for more contrast, and to create a good focal point. I left white space and kept my body copy small. I was given the image, logo, and content for this flier.

Description: Date:
2/2/13

A color full-bleed event ad to promote a fundraiser using only Microsoft Word and a scanner.

Description: Date:
3/16/13

A web page designed to showcase a personally created logo.

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

Program(s)/Tools:

Program(s)/Tools:
TextWrangler Adobe Photoshop

Microsoft Word Epson Scanner PDF2JPG.net (PDF converter)

Objectives:

Objectives:

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:

Size and optimize an original logo as a .png for a web page. Write content to describe the process of creating your logo and how 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 understanding of CSS. Identify hex colors for web design. Compress multiple files in a zipped folder to attach as one file.

I scanned the bike image, and then used a Word image effect to delete most of the background. This left a random white pattern, so I added a shadow to give it an artsy effect. Then I added boxes with various shades of green in the background for repetition and organization. I chose one font with contrasting weights for simplicity. I was surprised at how much I could do with the hidden design features of Microsoft Word. Now I know that I could use it in a pinch.

Process:

I created this web page using only TextWrangler. After I marked up all my content and inserted my image, I attached a pre-made CSS document to my HTML. I then used the colors from my logo as the colors for my web page. I found these colors by opening Photoshop and using the eyedropper tool. I also changed my fonts to Times New Roman and Verdana. I declared some backup fonts just in case the viewers browser didnt have these fonts. I also used padding around the logo and text so that they would not be too close to the edge of the web page. This was one of the most challenging parts of working with CSS.

Description: Date:
2/6/13

A personally taken photograph that has been edited/formatted using Photoshop.

Course/Instructor:
Comm 130 Section 05 Eric Lybbert

Program(s)/Tools:
Canon PowerShot Camera Adobe Photoshop

Objectives:

Learn basic photography skills. Use a digital camera to take a quality image, then download it. Size and crop the image. Adjust image brightness, 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 filter or colorize a portion of the image.

Process:

I took this picture using my little Canon PowerShot camera. Even though it was a point and shoot camera I was able to take this nice shot. 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 gaussian blur filter. I finally desaturated the the background color.