Portfolio

James Todd Richards

Contact
James Todd Richards:
129 Princeton Court Apt. #5 Rexburg, Idaho 83440 801.628.9349 ric12031@byui.edu

Table of Contents
Brochure Imaging Montage Web Page Letterhead Event Ad Flyer Business Card Logos

Brochure
Description:
A folding brochure.

Date:
12/7/13

Course/Instructor:
Comm. 130 Section 03 Julie Peterson

Program(s)/Tools: Objectives: Process:

Adobe InDesign, Adobe Illustrator, Adobe Photoshop

Set up a two-sided document that is properly aligned. Wrap text around an image. Insert quality images and logo. Make sure brochure is properly aligned.

Using InDesign, I organized rulers for a folded brochure. I used Adobe Illustrator to create and add a logo for Shake Shack and placed it in InDesign. I organized my brochure by putting things in separate categories of proximity. The inside sections intended purpose was to display the tasty frozen beverages of Shake Shack and all of the ingredient choices. I made sure that it was aligned to create a more professional and organized appearance so that people would not be overwhelmed when looking through it. The images to the inside right are aligned flush left. I also used the text wrap tool to wrap text around the image on the inside page.

Imaging
Description: Date:
A photograph I personally took involving a fire hydrant which I edited using photoshop. 10/19/2013

Course/Instructor:
Comm 130 Section 3 Julie Peterson

Program(s)/Tools:
Adobe Photoshop

Objectives: Process:

Properly crop iamge to 6x6. Edit the image using the selection tool and applying filters and effects.

I took this picture on the Brigham Young University-Idaho campus next to the Spori Building. I used the quick selection tool in photo shop to select the fire hydrant and changed the hue from its original red color to yellow. I noticed that parts of the hydrant were splotched with orange green, so I selected these areas again specifically to change their hue to yellow. This worked more effectively than making the whole hydrant yellow with the colorize tool because it allowed my hydrant to keep some colors and shading that help to make it stay real looking that the image lacked when I tried colorizing it. I selected the background then added a little more contrast and removed most of the saturation. I also used the quick selection tool to select the lamp posts to lower their brightness and add high contrast. I cropped my image into a 66 square and fit it to meet the rule of thirds on the horizon line, where the largest lamp post is placed, and the fire hydrant.

Montage
Description:
10/26/13 An event ad of two images blended together.

Date/Section: Course/Instructor:
Comm. 130 Section 3 Julie Peterson

Program(s)/Tools:
Adobe Photoshop

Objectives: Process:

Learn to use layers and masking in Photoshop. Use filters. Effectively blend the two images together, and apply appropriate typography.

I blended two images together through the masking tool, paintbrush, and changing the opacity. Then I used a grain filter on everything but the text. I used the eyedropper tool to select different colors from the photos I used and add a variety of color to every letter of the word color. I used artistic alignment for the colors of fall; it flows toward the word fall. to help separate the body text from the clutter of the background I used an orange, transparent, rounded rectangle that helped blend into the background with subtlety while adding contrast to the words so that they are more readable. I added a drop shadow to the word fall and the body text.

Web Page
Description: Date:
11/23/13 This is a webpage designed to match the logo I made.

Course/Instructor:
Comm. 130 Section 03 Julie Peterson

Program(s)/Tools: Objectives: Process:

Text Wrangler, Adobe Photoshop

Fit logo onto web page, use hex colors to match with logo, write content for the page. Learn to use HTML and CSS together to design the web page.

With the TextWrangler program, I made sure the page worked as a proper link if clicked on. With a premade CSS document I was able to design the webpage with better alignment and the proper colors. After already coding the heading where it says The Skidz Sliding Company by separated the word Skidz with a strong opening and closing on each side of it in the HTML document, I was able to change the words around it to the same green as the logo and make Skidz be in white. This allowed the Skidz to have better contrast with the black heading background. I aligned the logos edge with the text body by going into CSS of the image and typing margin left: -25px. I chose to make the words green and white on top so that they would unify well with the logo. The grey background surrounding the border also was chosen because of contrast and unity with the other colors.

Letterhead
Description: Date:
11/9/13 A letterhead with blender logo for Shake Shack.

Course/Instructor:
Comm. 130 Section 3 Julie Peterson

Programs/Tools: Objectives: Process:

Adobe InDesign, Adobe Illustrator

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

In a new InDesign document I worked on my letterhead. I brought in my blender logo and made it large to fit much of the 8.5 by 11 inch page. I allowed the blender to bleed off the page over the right bottom corner. I turned the logo into a water mark by changing its opacity to 4 percent. On the top right corner I had my name and contact information in the same font types and colors as the company name. After making a circle while holding alt and dragging it to make a new circle the same size. I made three circles and filled them with the same colors as the colored circles in the blender logo using the eyedropper tool. I then selected the 3 circles and used the alt and drag technique to make new copies quickly. I made these circles smaller by selecting them and holding shift+command while dragging in. I created a border of colorful dots for the letterhead, but the dots were too bright, so I reduced their opacity to 50 percent.

Event Ad
Description: Date:
10/12/13 A full-bleed, colored event ad for a dog show fundraiser using only Microsoft Word and a scanner.

Course/Instructor:
Comm. 130 Section 03 Julie Peterson

Programs/Tools:
Microsoft Word, Scanner

Objectives: Process:

Scan high-quality image with full-bleed design using text boxes and making and editing images using only Word.

I scanned the dog image because I thought it was funny. Then I used the word background remover to select what part of the image I wanted to show on the ad. I removed all of the unwanted background. I picked red circles because dogs like fetching them. For repetition I aligned 3 small red circles as bullet points to the event information and I applied the same principle by aligning the larger red circles. I picked an appropriate title font, and I decided it looked better without a box around it. The title is free, so the limited white space wasnt trapped. I picked a dark blue to make the title interesting while not hurting any eyes. The title aligns with the small red circles on the left, the larger red circle aligns with the top red bullet-point, the large red circles align right with the right of the title.

DOG SHOW
Saturday, Oct. 20 1 - 4 p.m. At the Senior Citizens Center $5 Admittance

All Proceeds to go to the Senior Citizens Center

Sponsored by your local Chamber of Commerce

Flyer
Description: Date:
10/4/13 A black and white flyer to persuade graduating seniors to come to a leadership conference.

Course/Instructor:
Comm. 130 Section 03 Julie Peterson

Programs/Tools:
Adobe InDesign

Objectives: Process:

Use typography and proper design principles. Use image and have properly linked with file to make sure logo and image document stay intact.

I first started out with four sketches of different design layouts. I made sure to incorporate design principles such as contrast and alignment in my sketches. From observing my sketches I realized that some of my designs were not appropriate for the content and the audience. For example, my first sketch looked too much like a wedding reception invitation because of the cursive title and the photo choice. I picked my simple sketch of a man in a suit because it was a very simple and professional layout. I used InDesign to crop the image of the well-dressed student to make the image narrow, and I rotated the image horizontally to face the text. I used contrasting colors and characters, and I separated content to make it more readable. I organized my white space. I added two lines on both sides of the body text to add more order and follow the principle of repetition.

Business Card
Description: Date:
11/9/13 A business card with blender logo for Shake Shack.

Course/Instructor:
Comm. 130 Section 03 Julie Peterson

Programs/Tools: Objectives: Process:

Adobe InDesign, Adobe Illustrator

Create new logo for a company and design consistent layouts for a business card and letterhead using the basic tools of Adobe Illustrator and Adobe InDesign.

I created a blender logo in Illustrator with the pen tool and shape tools. Then created a 2 by 3.5 inch business card. The logo was placed on the left of the card. I aligned my name with the top of the blender with a big, playful font called Orange Juice. I filled the font of my name with the same color as the blue circle in the blender. My first font type for the contact information was too bold so I picked Calibri instead. On the other side of the business card I used the same Orange Juice font for the name of the business Shake Shack in the same color of blue in very large letters.

Logos
Description: Date:
11/2/13 Three logo variations for the same company.

Course/Instructor:
Comm. 130 Section 03 Julie Peterson

Programs/Tools:
Adobe Illustrator

Objectives: Process:

Create at least three original logos with variety. Use only the tools of Illustrator. Get feedback on logo preferences.

1.I started the shape tool to create slopes out of triangles. I used a white triangle which I sized to overlap a black rectangle, used the shape tool to make a circle head and rectangles for the body of a stick figure that looks like its sliding down the slope, selected the whole stick figure man, and united him to automatically select him all at once. Selected the Skidz text with the select tool and did object then expand to allow me to rotate and manipulate all the letters individually. I aligned Skidz. 2.I selected and copied the first stick figure man., used the direct select tool to eliminate the feet and hands and to shorten the legs and change the alignment of the top leg, created a face, made a triangle slope with the pen tool, and selected it to be filled green. I aligned the word Skidz with the base of the triangle. 3.In the third logo I used the star shape while holding click I pressed the up arrow until I had over 400 star points for the background and erased the background with triangle.