Project 9 Chuck Gray Portfolio

Chuck Gray

ContactChuck Gray14247 W. Calavar Rd.Surprise, Arizona 85379E: [email protected]: 602.460.8530www.bigtimecoach.com

Table of ContentsFlierEvent AdPhotodesignMontageLogosBusiness CardStationaryWeb PageBrochure

FlierDescriptionProfessional flier completed in grayscale, which promoted an upcoming graduate leadership conference.

DateOctober 4th, 2015

Course/InstructorComm 130 Section 12Emily Kunz

Program(s)/ToolsAdobe InDesign

ObjectivesApply 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 in InDesign intact.

ProcessMy first step was to sketch out four designs to get my thoughts flowing on the concepts. After I completed the sketches I spent about 30 minutes thinking through the design elements, seeking inspiration. From there I was inspired by the graduation cap. From there I moved my sketch to a digital design in Adobe InDesign. The first aspect of the design was focused on getting the graduation cap placed correctly on the flyer, using the rule of thirds to guide my placement and size. It was at that moment that the image should be placed in the graduation cap. I used a lot of black to focus your attention to the image and cap. That concept failed initially. I reversed the black to white and the image came alive. That also allowed me to focus more of my attention on the title and focus more on the message. After a couple of critique sessions were completed, I made a few tweaks including; adding a black box and white lettering for Leadership Conference, creating more white space around the cap and finally, moving the body copy over to the left to better align with the cap, while reducing the size of the logo. Overall, I was very excited about my design layout.

RADUATEG LEADERSHIP 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 tomorrow’s 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, 2015 8:00PM – 5:00PMLincoln Convention Center

Event AdDescriptionThis project is a full-bleed event ad to promote a Bake Sale for Marley Park Elementary using only Microsoft Word and a tabletop scanner.



Program(s)/ToolsMicrosoft Word

ObjectivesComprehend image sizing (how pixels and inches work together)Find, scan and import a high-quality image. Create a full-bleed design.Choose a color scheme and typeface(s) for your message and audience.Learn to use only Word design features without using any Adobe programs, including Photoshop.

ProcessAs with my previous projects I started off by sketching several ideas for the flyer based on the idea of a bake sale. From there I did research looking for images that would help me message the event. I ultimately choose lemon cupcakes, which happens to be the school colors for Marley Park Elementary.

I then scanned the image in using a flatbed scanner, cropping out most of the image to focus on the cupcake image. This provided good white space around the cupcake, which I could leverage for the content of the message. I used a text box for and utilized the color picker to choose a font color from the cupcake wrapper. Additionally, I chose a color out of the frosting for the text box. I then used 40% transparency so the image would come through the text box while offering some background, allowing more contrast for the font. This helped greatly with the readability of the message.

Marley Park Elementary Bake Sale

Come one, come all! 7th Annual Bake Sale

• Cookie Monster Contest • Best Cupcake Contest • Pie Eating Contest • Maverick Raffle • Silent Auction • Cake Walk

Saturday, October 21, 2015 From 12:00PM to 4:00PM 3163 Bell Road, Surprise AZ

Help Support Marley Park raise money to improve the educational resources for each of our students in Kindergarten through Eighth Grade.

PhotodesignDescriptionSpend more time on photography, increase awareness of Photoshop and use the digital enhancement features to really bring the photograph to life. This combined with use of the photograph in a poster to communicate a new message to a specific audience was this week’s challenge.



Program(s)/ToolsAdobe Photoshop, Adobe Illustrator

ObjectivesLearn basic photography skills. Choose a color scheme, take a photo to match those colors, then incorporate the colors into the layout. Use a digital camera to take a quality image, then download it. Adjust image levels, saturation, color balance, sharpen tool on separate layers for NDE (non-destructive editing.) Size and crop the image, then place on an 8.5×11 page layout. Use layers to design text, and repeating graphic elements in Photoshop. Print with full-bleed margins. Trim only 1/8” (0.125) from all four sides.

ProcessI found inspiration in a photo that delivered great linear length. At that point the design started to come into focus. The color scheme came quickly to me as I used the most common color scheme in sports Red, White and Blue, but I moved toward richer colors that gave me a sense of trust and effort. I used my Rebel Canon Camera for the photo shoot. It took me over 60 shots to get one that worked before the weather turned again. Tried 3 previous shoots but the weather was unhelpful this week. Once I got the photo, I spent time working on the levels, saturation and color adjustments. This really helped me to bring out the colors as I had envisioned the photo. From there everything fell into place. I went back to one of my favorite fonts in Duke, that gave me the bold messaging I was looking for in this poster. I used rectangles throughout the flyer driving consistency and length. By using the messaging on the top and bottom it helped to drive focus to the center image.

HARD WORK BEATS TALENT

- Tim Notke

white

red

blue

MontageDescriptionThis is a spiritual montage with the use of three images and the use of typography.



Program(s)/ToolsAdobe Photoshop

ObjectivesUse the FOCUS design process with strong focal point and flow. Unify a layout with a consistent theme and dominant spiritual message. Learn to blend two or more images together gradually, using masks. Demonstrate more advanced Photoshop skills for layout with multiple elements. Use a mask to apply a filter to one part of the image. Apply typography principles (titles, quotes, events or scriptures…your choice). Format type: Legibility; Small copy & Title with varying text size. Theme word(s). Select good quality images.

ProcessI started with a blank Photoshop page at 8.5 x 11 inches. Then I placed the storm image into the file, cropping the image to fit the page. I selected the mountain from the second image with the laso tool and 100% opacity with soft edges and placed it over the storm. From there I created an overlay effect allowing the clouds to come through the mountain. The last image was the praying hands, using the laso tool as I did before with 100% opacity and soft edges. That was placed as the third layer. Again, I added an overlay effect to that image too. Finally, I added typography Moving Mountains and the scripture quote. Here I added an emboss effect on both typography and a gradient on the Moving Mountains title. Lastly I added a layer and used a paint brush by choosing the darker brown tones under the text to drive out more of the white. I stayed very focus on alignment, proximity, the rule of thirds and color swatch.

“. . .if ye shall say unto this mountain, Be thou removed, and be thou cast into the sea; it shall be done.

... ask in prayer, believing, ye shall receive.”

Mathew 21: 21-22

LogosDescriptionCreate a business logo for the company, Big Time Coach.

DateNovember 1st, 2015


Proram(s)/ToolsAdobe Illustrator

ObjectivesCreate three completely different, original logos to fit a company or personal image that will appeal to the audience. Do not imitate existing logos or use previous designs. Market research: gather opinions from at least ten people about which logo appeals most to them. Use only the Illustrator tools to create and draw your logos. (No Illustrator pre-fabricated flares, symbols, etc.. No photos or live-tracing. You may use an image or drawing as a guide to trace it with the pen/pencil, but delete the image before submitting.) Refine one logo with variations for color

ProcessOf all the projects that we have done, this has been my favorite. I’ve been wanting to create a logo for my business and I’m very excited for how it turned out. After researching many sport organization logos I sketched out several variations. Then I went to work in Illustrator. I ultimately chose the most voted version, as it was also my favorite. I wonder whether or not I could have created a second version that would have challenged the vote? That said, I had a vision in my head for a while on this particular logo, which is why I think it turned out strong in the first attempts. My refinements were for the most part small, reduced typography on Coach, made some changes to stroke lines and slight changes on color choice. The best part of the revisions was working on the white out version. I envisioned T-shirt Design in the process. I think it turned out pretty great.

BIG TIMECOACH

BIG TIMECOACH

BIG TIMECOACH

Big Time Coach

Business CardDescriptionCreated matching business cards and letterhead using a newly created logo for Ghost Light Theatre.

DateNovember 8th, 2015


Proram(s)/ToolsAdobe Illustrator, Adobe InDesign

ObjectivesUse the basic tools in Illustrator & InDesign. Create a new logo to fit a company or personal image. Use the new logo to design consistent layouts for a business card and letterhead. Business card should be 3.5 x 2 and printed above center on a vertical page. Apply typography rules, keeping small copy. Keep designs simple with light watermarks and drop shadows and plenty of white space. Include contact information: name, address, phone, website, and email on each piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

ProcessI looked for inspiration for this logo and found it in our local community theatre. After looking at their logo, I could see it was time for an update. I did a lot of research regarding Ghost Light to discover it’s a single light left on the stage to ensure safety in the theatre. Every design I came across had a bulb encased in a wire covering. I started with that in my initial design. I used the pen tool to help me with the design of the light. My design started with a full bleed black background, as I wanted the light to appear as it would in the theatre. I used the back of the card for contact information to ensure good white space usage on both sides of the business cards.

Ghost TheatreLight

Chuck GrayDirector

13541 W. Camino Del SolSun City West, AZ 85375623.252.5127

[email protected]

StationaryDescriptionCreated matching business cards and letterhead using a newly created logo for Ghost Light Theatre.

DateNovember 8th, 2015


Proram(s)/ToolsAdobe Illustrator, Adobe InDesign

ObjectivesUse the basic tools in Illustrator & InDesign. Create a new logo to fit a company or personal image. Use the new logo to design consistent layouts for a business card and letterhead. Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125. Business card should be 3.5 x 2 and printed above center on a vertical page. Apply typography rules, keeping small copy. Keep designs simple with light watermarks and drop shadows and plenty of white space. Include contact information: name, address, phone, website, and email on each piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

ProcessHaving found inspiration in the Theature for the Ghost Light, I utilized that design into the Letterhead. For the letterhead, I chose to keep the left alignment on the contact info and top logo. Then I used a larger light bulb image with 19% transparency. I also used a gradient for the black to white to maintain the integrity of the black card. Staying focused on the Ghost Light helped me drive repetion while furthering the message behind the company name.

13541 W. Camino Del Sol • Sun City West, AZ 85375

623.252.5127 • www.ghostlightaz.com • [email protected]

Ghost TheatreLight Chuck Gray • Director

Web PageDescriptionThis webpage was created to showcase my logo creation for Big Time Coach.

DateNovember 22nd, 2015


Proram(s)/ToolsNetBeans, BBEdit, HTML, CSS

ObjectivesSize and optimize an original logo as a .png for a web page so the long side is 300 – 500 pixels. Write content to describe the process of creating your logo and how it appeals to a target audience. Acquire a working knowledge of HTML. Acquire a working knowledge of CSS. (Customize the provided CSS provided to format the HTML to complement the logo design. Change at least the following: The h1 text color & h1 background color, font colors for the paragraphs & list items, the background color, font families and add at least one css comment.) Identify hex colors to match logo, using Photoshop color picker. Open the HTML page in a web browser and capture a quality screen shot with .5 inch margins for printing.

ProcessInstead of using a pre-made CSS document, I started from scratch as I had a particular design that I wanted to utilize for my logo webpage. From there I used the colors from my logo to tie in different elements to my website. This was easy because I had the colors on file from when I originally created my logo. I try and maintain a library of details when creating design work using Illustrator, InDesign or Photoshop. Using the eyedropper helps to get the correct color code. Then I simply record the details for the work I created. For the header I used a typeface from Adobe called, Gin. It is the same typeface that is used in the logo. For the body copy I used Times New Roman and a combination of Georgia and Sans-Serif as back up typefaces. Lastly, I used a two column approach, which helped me to layout the work in a way that would be easy for the user to follow along.

BrochureDescriptionA two sided 8” x 10.5” (duplex) gateway folding brochure.

DateDecember 6th, 2015


Proram(s)/ToolsAdobe Illustrator, Adobe InDesign and Adobe Photoshop

ObjectivesSet up and align a two-sided, folded document with a new logo. Incorporate quality images. One image should be clipped in Photoshop and text-wrapped in InDesign. Write at least 250 words of original copy in at least three paragraphs, headers, and subheaders. Trim for a full bleed.

ProcessFor this brochure I set up a gateway fold using Adobe InDesign. My design was split into four sections. The font would open with the design of home plate and an action message, “Unlock your potential”. The inside of the brochure was set up with a center panel along with a left and right column.

From a design perspective I used an image of dirt that was used as a full bleed across the outside and inside of the brochure. However, on the inside I chose to overlay blue over the dirt. That way the text and messaging would pop and align with the color choices from the logo. You can still see the some of the texture in the print on the inside which I think helps to carry the theme throughout the brochure.

The logo was created in Illustrator using a number of tools and features. I researched several images and ideas that represented both coaches and communication. I really liked the use of Chalk especially with the dirt I already had in the design. The stroke of genius came when I split the Coach Chalk into two colors ,one orange and the other white. What I did not realize was how well that would help to lead the eye left to right. That really helped to solidify my design choices.

Front Back

Inside

Project 9 Chuck Gray Portfolio

Documents

Transcript of Project 9 Chuck Gray Portfolio