Project 9: Portfolio

Project Corrections / Time Spent: I spent an hour improving my logo design, taking the logo and reflecting it’s location on the red version of my logo as well as some subtle changes with the coloring/shadows on the dimensional logo. These were just opacity changes. I messed around with the alignment of my mbrochure… for better or for worse. Straightening edges. and adjust the graphics area to align better for cutting, this took an hour. I also adjusted the line that goes through the business card as was suggested. Brightened the montage (just to enhance the read and bring text out a bit more.)

There were corrections from this draft as to the previous one submitted for critique. The changes were as suggested by classmates. I think the desired effect is greater.

Message: showcasing work to professionals.

Audience: Potential client and employers.

Top Thing Learned: Always run your ideas by someone else before calling it good.

Future application of Visual Media: I will be aware of ways to improve my designs and obtain employment through skills learned.

Color scheme and color names: Monochromatic, blue

Title Font Name & Category: Army – Decorative/stencil

Copy Font Name & Category: MinionPro – Oldstyle

Thumbnails of Images used:

warm-beige-worn-leather-texture

 

mage link: http://www.deluzions.net/blog/wp-content/uploads/2012/03/warm-beige-worn-leather-texture.jpg

PROJECT 8: BROCHURE

P8A-LorinLochridge-Offset P8A-LorinLochridge-Offset2

Description:

Overlap brochure.

Process (Programs, Tools, Skills):

First I create my guides and overall template for an overlap brochure then I went into illustrator and created multiple icons and images at the same time adjust and revamping artwork from the SilverWeb Design logo. After this was accomplished. I had to look between measurements in each program and make sure that everything lined up well with cuts and seams. I then worked on colors schemes. Taking the branding colors of the business and toning them down to be a little easier on the ideas by adjusting hues. I then also had to select the font types arrange boxes. On one of my images I had to create an invisible object to get text to curve around the item. Then I imported images in from Photoshop so where I had removed the background from several objects using the selection tool and refining their edge.

When I had these images in the body of the brochure I made placement of images and then used the text wrap tool to mold the paragraphs around the alpha level of these images, changed the margin until it looked nice. This was a very slick too. I then took the pencil tool and create curves that were appealing.  I adjusted the smooth and fidelity until desired result was accomplished.

Printed multiple times until it turned out right, then cut and showed! A lot of work.

 

Programs/Tools Used: Adobe InDesign/Adobe Illustrator/Adobe Photoshop

Message: To engage my audience in the skills and potential of the company. This was a fish hook brochure, not a boring “services” brochure. Though I did have a small element of that I wanted to focus on the emotions of the buyer, not the logic so much.

Audience: All looking for design work or advertising.

Top Thing Learned: I learned how to wrap text around an image in InDesign.

Color scheme and color names: complimentary, blue/orange

Title Font Name & Category: futura/ Sans serif

Copy Font Name & Category: trajan pro 3/ serif

Word count:

290 words

Thumbnails of Images used:

IMG_0355 photo_2 photo 4_1 photo 3

 

Print Out

Project 7: Web Page

Image

 

Description:
A web page designed to showcase a personally created logo.

Process (Programs, Tools, Skills):
I used Textwrangler to create the webpage as you see it.  I used Jing to take the screenshot, used photoshop to save the screenshot and Google chrome as my browser to check my progress and outcomes.

 

First I made sure my logo was in a format that would work well for the site, ensuring that the size was as specified. Once that was accomplished I also connected my .css file to make sure that was linked to my html. The next step for me was to ensure all the information was in it’s correct tag and I filled the tags with information. Then I went into css and chose colors, fonts and various such design things and came up color schemes. I kept up the different variations checking the look in my browser. I then used the w3school code checker to ensure it looked correct and went well.

 



Message: That silver web design can design professionally clean and well.

Audience: Anyone who wants a website or design work

Top Thing Learned: How to change fonts, troubleshoot (debug?) and colors using CSS

Color scheme and color hex: Complimentary: Orange #F15A29; blue #00AEEF;

Title Font Families & Category: (all names) Haettenschweiler, “Franklin Gothic Bold”, “Arial Black”, sans-serif;

Copy Font Families & Category: (all names) Cambria, “Hoefler Text”, “Liberation Serif”, Times, “Times New Roman”, serif

Changes made to the CSS: I changed the font families, and I also changed the colors to match my logo.

Print out

PROJECT 6 STATIONARY

Image

Image

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

Process (Programs, Tools, Skills):

Adobe Illustrator with Indesign,
What a long and laborious process. This one was also fun but I REALLY REALLY struggled. The first few days spent on this were just a waste of time. None of my logos or layouts came out good, even after research… so I had change everything a billion times.

I initially started with a lined concept I saw from my research, A logo that I liked then I used the line tool to create a series of lines. After creating the lines, I clipped the shape of objects out of them that i wanted. this never truly gave me what I wanted. I then I had to start on some other ideas. Finally arriving at the final  I took the colors I liked from the chart and using overlapping layers changed gradients with opacity levels. I adjusted the colors slightly. Then I used the pen tool to get my shapes all while creating guides from lines and squares that I had to use to create a symmetrical look. The final touch was layout with typography as well as tilt the logo with the rotation tool The opacity on the leaf outline was beautiful.. on the watermark. It was at about 11% I also made sure to keep the art within the margins. at least 1/8″ from the edges. about 9pt is where I ended up on contact font and 15-18pt throughout logo.

Border lines were created with pen tool to give a free loose almost wavy wind look. Then they were converted to outlines to ensure no strange changes when sizing.

Message: Turning leaf is a construction company that is innovative new and competent.

Audience: Anyone wanting a contractor or construction company that is experienced and innovative. Potentially those willing to turn over a new leaf.

Top Things: I learned to simplify and also listen to critiques… I would have been in a real bad way if I did not adjust according to suggestions. The first draft would not have gotten far.

Color scheme: analogous and color names: yellow, lime (greener hues), and green (pushing closer to blue spectrum)

Title Font Name & Category:AvantGarde-Bookbold/medium  – Sans Serif

 Print out

Aside

Project 5 Logos

Image

Description:
Three logo variations for the same company.
Process: what wan absolutely fun project. I used the square tool to create a square, then drawing webs over the square (after trying many different methods) I distorted the square after using the pathfinder window to cut my lines into the square (this was after I converted them to shapes obviously) once they were cut I had to ungroup, work with my direct selection tool a bit and then delete all but one little eighth of it. I then reflected and mirrored this around until logo one was done, grouping them and finishing brand mark. finally I chose fonts for it.

The next one was much more complicated but I used the pen tool to create the majority of my shapes in combination of making these into fill and pathfinder to cut them I then duplicated layers and used copies of the images to overlap and set a white to 0 opacity gradients on the top most duplicates. This gives the dimension. Then I used another gradient on fold over portion. with oranges.

The final option was using a the pathfinder window to use the divide and trim tools to make the shapes fit which was a font which I chose. Then also used trim tool and overlapped repeats with gradients.
Message: Silver Web Design is an Elite design firm that can make it happen for you.
Audience: Anyone interested in a designer for websites/apps or just branding
Top Thing Learned: How to draw using the pen tool and cleaning up by zooming in and selecting fragments
Color scheme: top logo: monochromatic; middle logo:Complementary; bottom logo: analogous and color names: top logo: red; middle logo: blue & orange bottom logo:blue, indigo, black
Top Logo – Font #1 Name & Category: Avente Garde (San Serif)
Top Logo – Font #2 Name & Category: Revive
 OV Italic (serif)

Middle Logo – Font #1 Name & Category: Futura (Sans Serif)
Middle Logo – Font #2 Name & Category: Trajan pro 3
 (serif)

Bottom Logo – Font #1 Name & Category: Geometrix Black (Sans Serif)
Bottom Logo – Font #2 Name & Category: NA 
(Only one font)

How the logo represents the company:
Votes on favorite logo:
Top Logo = 3; Middle Logo =10; Bottom Logo =5;
My favorite logo was the middle logo

 

Paper Video