Project 9 Portfolio James Richards

8/13/2019 Project 9 Portfolio James Richards

1/21

PortfolioJames Todd Richards


2/21

ContactJames Todd Richards:129 Princeton Court Apt. #5Rexburg, Idaho [email protected]


3/21

Table of ContentsBrochureImaging

MontageWeb Page

LetterheadEvent Ad

FlyerBusiness Card

Logos


4/21

BrochureDescription:A folding brochure.

Date:12/7/13

Course/Instructor:Comm. 130 Section 03

Julie Peterson

Program(s)/ools:Adobe InDesign, Adobe Illustrator, Adobe Photoshop

Objectives: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.

Process:Using InDesign, I organized rulers for a folded brochure.I used Adobe Illustrator to create and add a logo for ShakeShack and placed it in InDesign. I organized my brochure byputting things in separate categories of proximity. Te insidesections intended purpose was to display the tasty frozenbeverages of Shake Shack and all of the ingredient choices.

I made sure that it was aligned to create a more professionaland organized appearance so that people would not beoverwhelmed when looking through it. Te images to theinside right are aligned flush left. I also used the text wrap toolto wrap text around the image on the inside page.


5/21


6/21

ImagingDescription:A photograph I personally took involving a fire hydrant whichI edited using photoshop.

Date:10/19/2013

Course/Instructor:Comm 130 Section 3

Julie Peterson

Program(s)/ools:Adobe Photoshop

Objectives:Properly crop iamge to 6x6. Edit the image using the selectiontool and applying filters and effects.

Process:I took this picture on the Brigham Young University-Idahocampus next to the Spori Building. I used the quick selectiontool in photo shop to select the fire hydrant and changed thehue from its original red color to yellow. I noticed that partsof the hydrant were splotched with orange green, so I selectedthese areas again specifically to change their hue to yellow.

Tis worked more effectively than making the whole hydrantyellow with the colorize tool because it allowed my hydrantto keep some colors and shading that help to make it stay reallooking that the image lacked when I tried colorizing it. Iselected the background then added a little more contrast andremoved most of the saturation. I also used the quick selectiontool to select the lamp posts to lower their brightness andadd high contrast. I cropped my image into a 66 square andfit it to meet the rule of thirds on the horizon line, where thelargest lamp post is placed, and the fire hydrant.


7/21


8/21

MontageDescription:An event ad of two images blended together.

Date/Section:10/26/13


Julie Peterson

Program(s)/ools:Adobe Photoshop

Objectives:Learn to use layers and masking in Photoshop. Use filters.

Effectively blend the two images together, and applyappropriate typography.

Process:I blended two images together through the masking tool,paintbrush, and changing the opacity. Ten I used a grainfilter on everything but the text. I used the eyedropper toolto select different colors from the photos I used and add a

variety of color to every letter of the word color. I used artisticalignment for the colors of fall; it flows toward the word

fall. to help separate the body text from the clutter of thebackground I used an orange, transparent, rounded rectanglethat helped blend into the background with subtlety whileadding contrast to the words so that they are more readable. Iadded a drop shadow to the word fall and the body text.


9/21


10/21

Web PageDescription:Tis is a webpage designed to match the logo I made.

Date:11/23/13

Course/Instructor:Comm. 130 Section 03Julie Peterson

Program(s)/ools:ext Wrangler, Adobe Photoshop

Objectives:Fit logo onto web page, use hex colors to match with logo,

write content for the page. Learn to use HML and CSS

together to design the web page.

Process:With the extWrangler program, I made sure the pageworked as a proper link if clicked on.

With a premade CSS document I was able to design thewebpage with better alignment and the proper colors. Afteralready coding the heading where it says Te Skidz SlidingCompany by separated the word Skidz with a strong openingand closing on each side of it in the HML document, I wasable to change the words around it to the same green as thelogo and make Skidz be in white. Tis allowed the Skidz tohave better contrast with the black heading background. Ialigned the logos edge with the text body by going into CSSof the image and typing margin left: -25px.

I chose to make the words green and white on top so thatthey would unify well with the logo. Te grey backgroundsurrounding the border also was chosen because of contrastand unity with the other colors.


11/21


12/21

LetterheadDescription:A letterhead with blender logo for Shake Shack.

Date:11/9/13


Programs/ools:Adobe InDesign, Adobe Illustrator

Objectives:Create a new logo to fit fora company or personal image.

Design consistent layouts for a business card and letterheadusing the basic tools of Illustrator and InDesign.

Process:In a new InDesign document I worked on my letterhead. Ibrought in my blender logo and made it large to fit much ofthe 8.5 by 11 inch page. I allowed the blender to bleed off thepage over the right bottom corner. I turned the logo intoa water mark by changing its opacity to 4 percent. On thetop right corner I had my name and contact information in

the same font types and colors as the company name. Aftermaking a circle while holding alt and dragging it to make anew circle the same size. I made three circles and filled them

with the same colors as the colored circles in the blender logousing the eyedropper tool. I then selected the 3 circles andused the alt and drag technique to make new copies quickly.I made these circles smaller by selecting them and holdingshift+command while dragging in. I created a border ofcolorful dots for the letterhead, but the dots were too bright,so I reduced their opacity to 50 percent.


13/21


14/21

Event AdDescription:A full-bleed, colored event ad for a dog show fundraiser usingonly Microsoft Word and a scanner.

Date:10/12/13


Julie Peterson

Programs/ools:Microsoft Word, Scanner

Objectives:Scan high-quality image with full-bleed design using textboxes and making and editing images using only Word.

Process:I scanned the dog image because I thought it was funny.

Ten I used the word background remover to select whatpart of the image I wanted to show on the ad. Iremoved all of the unwanted background. I picked red circlesbecause dogs like fetching them. For repetition I aligned 3small red circles as bullet points to the event information

and I applied the same principle by aligning the larger redcircles. I picked an appropriate title font, and I decided itlooked better without a box around it. Te title is free, sothe limited white space wasnt trapped. I picked a darkblue to make the title interesting while not hurting anyeyes. Te 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.


15/21

DOG SHOWAt the SeniorCitizens Center

Saturday, Oct. 20

1 - 4 p.m.

$5 Admittance

All Proceeds to go to theSenior Citizens Center

Sponsored by your localChamber of Commerce


16/21

FlyerDescription:A black and white flyer to persuade graduating seniors tocome to a leadership conference.

Date:10/4/13


Julie Peterson

Programs/ools:Adobe InDesign

Objectives:Use typography and proper design principles. Use image andhave properly linked with file to make sure logo and imagedocument stay intact.

Process:I first started out with four sketches of different designlayouts. I made sure to incorporate design principles suchas contrast and alignment in my sketches. From observingmy sketches I realized that some of my designs were notappropriate for the content and the audience. For example,

my first sketch looked too much like a wedding receptioninvitation because of the cursive title and the photo choice.I picked my simple sketch of a man in a suit because it wasa very simple and professional layout. I used InDesign tocrop the image of the well-dressed student to make the imagenarrow, and I rotated the image horizontally to face the text.I used contrasting colors and characters, and I separatedcontent to make it more readable. I organized my whitespace. I added two lines on both sides of the body text to addmore order and follow the principle of repetition.


17/21


18/21

Description:A business card with blender logo for Shake Shack.

Date:11/9/13


Programs/ools:Adobe InDesign, Adobe Illustrator

Objectives:Create new logo for a company and design consistent layouts

for a business card and letterhead using the basic tools ofAdobe Illustrator and Adobe InDesign.

Process:I created a blender logo in Illustrator with the pen tool andshape tools. Ten created a 2 by 3.5 inch business card. Telogo was placed on the left of the card. I aligned my name

with the top of the blender with a big, playful font calledOrange Juice. I filled the font of my name with the same coloras 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 sameOrange Juice font for the name of the business Shake Shackin the same color of blue in very large letters.

Business Card


19/21


20/21

LogosDescription:Tree logo variations for the same company.

Date:11/2/13


Programs/ools:Adobe Illustrator

Objectives:Create at least three original logos with variety. Use only the

tools of Illustrator. Get feedback on logo preferences.

Process:1.I started the shape tool to create slopes out of triangles.I used a white triangle which I sized to overlap a blackrectangle, used the shape tool to make a circle head andrectangles for the body of a stick figure that looks like itssliding 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 theletters individually. I aligned Skidz. 2.I selected and copiedthe first stick figure man., used the direct select tool toeliminate the feet and hands and to shorten the legs andchange the alignment of the top leg, created a face, made atriangle slope with the pen tool, and selected it to be filledgreen. I aligned the word Skidz with the base of the triangle.3.In the third logo I used the star shape while holding click Ipressed the up arrow until I had over 400 star points for thebackground and erased the background with triangle.


21/21

Documents

Project 9 Portfolio James Richards