Вы находитесь на странице: 1из 21

Logan Mitchell

Contact

Logan Mitchell

lmitchell80@gmail.com

805 441 3769 6920 Serra Ave. Atascadero, CA 93422

Contents

Brochure Event Ad Logo Design Business Card Stationery Montage Photodesign Webpage Flier

Brochure

March 26, 2016 Communication 130 - Visual Media / Jason Stucki Adobe Photoshop / Illustrator / InDesign / X-ACTO knife

Description

A .25 in. Offset Duplex Color Brochure with a contour cutout along the top and right edges.

Objectives

Set up, align, and print a color, full bleed, duplex, folded document. Create an original, new logo and use it in a brochure and incorporate at least four quality images. One image should be clipped in Photoshop and text-wrapped.

Write at least 250 words of original copy with at least three paragraphs, headers, and subheaders.

Process

After conceiving the concept of a karate student brochure, I decided to designt the logo first. After some sketches, I took my design to Illustrator and created the full color logo.

With a color scheme, fonts, and layout decided, I gathered the images I needed. To complete my design, I needed to create a silhouette and an illustration of the boy in the kicking pose. This took some time, patience, and skill with the pen tool in Illustrator. Finally, once printed, I used an X-ACTO knife to acheive a precise trim.

Front

Front Back Inside
Front Back Inside
Front Back Inside

Back

Inside

Event Ad

January 30, 2016 Communication 130 - Visual Media / Jason Stucki Scanner / Adobe Photoshop / Microsoft Word

Description

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

Objectives

Find, scan and import a high-quality image and resize in Photoshop to comprehend image sizing.

Choose a color scheme and typeface(s) that work for your message and audience.

Learn to use only Word design features without using any Adobe programs, including Photoshop.

Process

I used a scanner to scan in an image from a magazine, and Photoshop only for resizing the image by adjusting the ppi. I used Microsoft Word 2010 to import, place and size the image, as well as adding text, logos, and shapes. To create a color scheme, I had to open the image in a browser (Chrome) and use an extension to get hex values for the colors I wanted. Then I used RGBtoHex.net to convert the hex values to RGB to input into Word’s color picker. To complete the tetradic color scheme, I picked a green that worked well with the yellow, purple, and red.

Sat 04 16 16 Start time 6am BIG Disneyland ® Resort
Sat 04 16 16
Start time 6am
BIG
Disneyland ® Resort
COSPLAY FUN RUN Come join the fun for a great cause! Disneyland® is proud to
COSPLAY FUN RUN
Come join the fun for a great cause!
Disneyland® is proud to host the first annual BIG HERO 6k Cosplay Fun Run.
Come dressed as your favorite Disney character and get ready for
an exciting day of special events, Disney entertainment,
the BIG HERO 6k race, and a kids’ costume contest.
$95 Race Entry plus event admission - $35 adult/$25 child general admission
Proceeds benefit the Children’s Miracle Network Hospitals, so COME BE A HERO!
Registration and Information: runDisney.com/bighero6k

Logo Design

February 20, 2016 Communication 130 - Visual Media / Jason Stucki Adobe Illustrator

Description

Design 3 logos for the same company, then refine the best of those logos and represent it in full color, grayscale, and all-white on color.

Objectives

Use only the Illustrator tools to create and draw your logos.

Market research: gather opinions from at least ten people about which logo appeals most to them.

Refine one logo with variations for color.

Process

For the final logo, I simply drew a circle, then used the Alt+click+drag method twice to copy 2 more circles exactly the same size. I aligned them with the vertical alignment tool, and overlapped them evenly with the distribute horizontally tool. Then I used the Pathfinder divide tool and the Shape Builder tool to create my full circle and two crescent shapes and moved them away from each other slightly. I applied a monochromatic color scheme initially, but settled on a complimentary scheme for my final design. Using guides and tracking, I aligned my text.

Business Card

February 27, 2016 Communication 130 - Visual Media / Jason Stucki Adobe Illustrator / InDesign

Description

Create a logo and use it to design a business card.

Objectives

Create a new logo to fit a company or personal image. Design a layout for a business card. Business card should be 3.5 x 2. 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. Use periods, bullets, or spaces in phone number; no parentheses/hyphens.

Process

In Illustrator, I began with the gear image. Using 3 concentric circles, the star polygon tool, and the shape builder, I was able to make a decent looking gear. Then I used the pen tool to make the mouse, using the Direct Select tool afterward to make minor adjustments. The watch hand was added afterward when I felt like something was still missing. Again in Illustrator, I created a new file for my logotype. I found Century Gothic, a font who’s ‘W’ was a near mirror-image of the ‘M’, and used it to create the continuous ‘MW’ mark adding the rest of each word in a contrasting color.

Stationery

February 27, 2016 Communication 130 - Visual Media / Jason Stucki Adobe wIllustrator / InDesign

Description

Create a logo and use it to design a letterhead.

Objectives

Create a new logo to fit a company or personal image. Use the new logo to design a layout for a letterhead. Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125”. 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.

Process

Once I had the logo design, placing the elements was an experiment in balance. With the logo and logotype having such a strong presence in the upper left, I felt like adding a watermark that bled of the right edge would provide some asymmetrical balance. Placing the text was just a natural progression from there.

Doctor John Smith 221B Baker Street Gotham, NY 90210 jsmith@mousewheel.com 800 555 1234 • mousewheel.com
Doctor John Smith 221B Baker Street Gotham, NY 90210 jsmith@mousewheel.com 800 555 1234 • mousewheel.com
Doctor John Smith 221B Baker Street Gotham, NY 90210 jsmith@mousewheel.com 800 555 1234 • mousewheel.com
Doctor John Smith 221B Baker Street Gotham, NY 90210 jsmith@mousewheel.com 800 555 1234 • mousewheel.com

Doctor John Smith 221B Baker Street Gotham, NY 90210

jsmith@mousewheel.com

800 555 1234 • mousewheel.com
800 555 1234
mousewheel.com

Montage

February 13, 2016 Communication 130 - Visual Media / Jason Stucki Adobe Photoshop

Description

Create a montage with 2 or more images to portray a spiritual message.

Objectives

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 and select good quality images.

Process

I started with the message. Once I found a quote that inspired an image in my mind. From there I searched out images that could combine to portray that mental image. Once I had the images, I used Photoshop to trim, place, and blend the images. Input masks were vital to this process, additionally I used a Motion Blur on the reflection of the stars on the ocean (a vertically flipped copy of the space image) that when combined with a reduced opacity, created the illusion of the night sky reflecting on the water.

Photodesign

February 6, 2016 Communication 130 - Visual Media / Jason Stucki Adobe Photoshop / InDesign

Description

Create a design that includes an original photograph, a color scheme from the photograph, and some text and design elements.

Objectives

Learn basic photography skills. Choose a color scheme, take a photo, then incorporate the colors into the layout. Use a digital camera to take a quality image to match those colors, then download it.

Adjust image levels, saturation, color balance, and 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.

Process

In meeting the objective, I was inpired to get a good photo of the local historic theater and combine it with a quote from ‘The Majestic’. An important lesson I learned is to get the best light possible when taking the photo because only so much can be done in Photoshop before the image starts to lose its authenticity.

“Where’s the audience?

Where’s the magic?

I’ll tell you, in a place like this,

the magic is all around you.

The trick is to see it.”

-- Harry Trimble, The Majestic

is all around you . The trick is to see it.” -- Harry Trimble, The Majestic

Blue

Green

Orange

Red

Tetradic Color Scheme

Webpage

March 12, 2016 Communication 130 - Visual Media / Jason Stucki Notepad++ / Chrome Developer Tool

Description

A web page designed to showcase a personally created logo.

Objectives

Size & optimize an original logo (.png) for a web page so the long side is 300–500px.

Write content to describe the creation process and appeal of your logo. Acquire a working knowledge of HTML.Acquire a working knowledge of CSS. Customize the CSS provided to format the HTML to complement the logo design. 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.

Process

First, I created just the html page with sample content to make sure the content and its containing html elements were in the proper order. Next, I used the provided css file to apply styles to my page. I edited those styles and used the eyedropper tool built in to Chrome’s developer tool to pick the proper hex codes from my logo. I used Times New Roman for my headings and Arial for my body copy, as to mimic the serif and sans-serif fonts in my logo.

Flier

January 24, 2016 Communication 130 - Visual Media / Jason Stucki Adobe InDesign

Description

Use provided copy, image, and logo to produce a compelling and attractive flier.

Objectives

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

Process

First I reviewed the copy that was provided and some of the past flier examples, then I set out to sketch. (Formulate a plan) After sketching several options, I took my best sketch into Adobe InDesign and got the general layout in place. (Organize the content) I then chose two different fonts, and picked the image, logo, and shade of gray I would use. (Contrast the elements) By placing items nearer to each other and changing the leading between some of the text, I was able to clarify which items belonged together (Unify the parts) Finally, after receiving feedback from my wife, a fellow student, and my instructor, I made some minor changes that helped clarify my piece. (Simplify the message)

Leadership

conference

Leadership conference Do you want to have the competitive edge in business? Come learn how at
Leadership conference Do you want to have the competitive edge in business? Come learn how at

Do you want to have the competitive edge in business?

Come learn how at Vouant Communication’s 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.

attributes of leadership that will market to any employer. Registration and more information available at

Registration and more information available at

vouantcomm.com/leaders

October 21

8 a.m. – 5 p.m. Lincoln Convention Center

Conference is available to graduating seniors. Space is limited