Portfolio

Ned Wilcock

Contact

Table of Contents

Braden Ned Wilcock:

Montage

1840 W 3000 S.
Rexburg, ID 83440

Brochure

208.403.5434

Business Card

braden.ned@gmail.com

Letterhead
Flier
Logo
Web Page
Photodesign
Event Ad

Montage
Description:

This is an inspirational photo montage project created by smoothly blending multiple

images together using layer masks, filters, etc., and adding typographic elements.

Programs used:
Adobe Photoshop

Date:

May 27, 2016

Course/Instructor:

COMM 130-07 Lindsey LeFevre

Objective:

Use 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 scripturesyour choice).
Format type: Legibility; Small copy & Title with varying text size. Theme word(s).
Select good quality images.

Process:

To begin, I selected my quote, knowing that the rest of the design would need to follow
the mood it established. I found my four images: the night sky, the mountain lake, the
clouds, and the walking man. I placed the lake beneath the night sky with the clouds
between them, and used layer masks to blend them all together smoothly. I adjusted
the colors of the clouds to make the transition smoother and more natural. I then placed
the man on the lake, and added filter masks to match his colors with those in the lake
photo. To finish the image before adding the text, I flipped the man vertically, and
blurred the image out to create his reflection, and followed a similar process to create
his shadow on the water.

Brochure
Description:

This is a duplex, folding brochure designed using edited photos from Photoshop, a new
logo created in Illustrator, and a layout designed in InDesign. The project was inspired
by a favorite knife company of mine called Spyderco, which donates part of all proceeds
received from one of their lines of knives to the Alzheimers Association. This brochure
explores what it would be like if Spyderco expanded that vision, donating to more
charities with proceeds from more lines of knives.

Programs used:
Adobe Photoshop
Adobe Illustrator
Adobe InDesign

Date:

July 8, 2016

Course/Instructor:

COMM 130-07 Lindsey LeFevre

Objective:

Set up and align a two-sided, folded document.

Create an original, new logo and use it in a brochure.
Incorporate quality images. Incorporate at least four quality images, not including
the logo. One should be clipped in Photoshop and text-wrapped in InDesign so the
text follows the cutout shape of the image.
Write at least 250 words of original copy in at least three paragraphs, headers,
and subheaders.
Trim for a full bleed and print in duplex (two-sided) color.

Process:

I began by finding pictures of all the knives in the brochure, and formatting them
into .png files in Photoshop. I separated the parts of the main knife into the handle
and blade, and arranged them in InDesign. I then placed the other knives, the logos,
company info, etc., and arranged them accordingly. For the text on the blade and inside
the brochure, I used the pen tool to create custom-shaped text boxes which the text
would wrap inside. I printed it, cut out all the pieces, and attached the blade to the
handle with a brass fastener so it would pivot like a real knife.

Business Card
Description:

(This design is a companion design to the letterhead on the next page.) This is a
business card for an imaginary company, with an accompanying letterhead made using
similar styling/visual elements.

Programs used:
Adobe Illustrator
Adobe InDesign

Date:

June 10, 2016

Course/Instructor:

COMM 130-07 Lindsey LeFevre

Objective:

Use the basic tools in Illustrator & InDesign.

Create a new logo to fit a company or personal image. Do not imitate existing logos
or use previous designs. Dont use photos or live trace.
Use the new logo to design consistent layouts for a business card and letterhead.
Photos are okay on business card and letterhead as additional design elements.
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.

Process:

I began by creating the logo in Illustrator using the ellipse, pen, line width, and
pathfinder tools. I added the text beneath it, and converted the letters to outlines so I
could adjust the length of the lines of the T. I used simple boxes to create the layout
of the business card, and added the contact information accordingly.

Letterhead
Description:

(This design is a companion design to the business card on the previous page.) This is a
letterhead for an imaginary company, created based on an accompanying business card
using similar styling/visual elements.

Programs used:
Adobe Illustrator
Adobe InDesign

Date:

June 10, 2016

Course/Instructor:

COMM 130-07 Lindsey LeFevre

Objective:

Use the basic tools in Illustrator & InDesign.

Create a new logo to fit a company or personal image. Do not imitate existing logos
or use previous designs. Dont use photos or live trace.
Use the new logo to design consistent layouts for a business card and letterhead.
Photos are okay on business card and letterhead as additional design elements.
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.

Process:

After completing the business card, I opened InDesign and I copied the logomark and
reduced the opacity for a watermark. I copied the logotype into the opposite corner,
added a horizontal rule, and arranged the contact information beneath it. To finish it off,
I added a gradient behind the contact info for visual interest.

Flier
Description:

This is a flier created in InDesign using an image, logo and copy provided by the client.

Programs used:
Adobe InDesign
Adobe Photoshop

Date:

May 7, 2016

Course/Instructor:

COMM 130-07 Lindsey LeFevre

Objective:

Apply 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.

Process:

To create the background, I used Photoshop to flip the image horizontally, removed
some distracting elements from behind the man, and added a Gaussian blur around him.
I then placed the image into InDesign, used the pen tool to outline him, and added a
semi-opaque black layer on top of him to add contrast. I then placed the title copy over
him, and added a drop shadow to make him stick out from the page. I used the pen tool
again to create a custom-shaped text box for the body copy, and placed the information
inside so the text would wrap around the mans outline. To finish, I added more semiopaque boxes for the D-T-P and logo.

Logo
Description:

This is a logo created for an improvisational theatre group called Comic Frenzy, with
variations for monochromatic printing on both white and color backgrounds.

Programs used:
Adobe Illustrator

Date:

June 4, 2016

Course/Instructor:

COMM 130-07 Lindsey LeFevre

Objective:

Create 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.

Process:

I began with simple text, using Illustrators touch type tool to arrange the letterforms
before converting them to outlines to give me greater control over their appearance.
I extended strokes of the F and the R in Frenzy to create better alignment, and
used the pathfinder tool to combine the C and F into one shape. I added a stroke
around the whole thing, put a text box beneath for the subtitle copy, and tracked and
kerned that text for better alignment. To finish it off, I added a shear transformation to
the whole thing to add a sense of movement and energy.
This is one of three possible designs I created. After I finished those initial drafts, I
conducted some simple market research to find out which design people liked best, and
made my variations based on that selection.

Web Page
Description:

This is a web page created to showcase my Comic Frenzy logo and describe the process
of creating it, incorporating elements from the logo into the overall design with CSS.

Programs used:
TextWrangler
Google Chrome
Adobe Photoshop

Date:

June 25, 2016

Course/Instructor:

COMM 130-07 Lindsey LeFevre

Objective:

Size 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. (Minimum of 200 words. Include rationale for colors, appeal to
target audience, design skills, etc.)
Acquire a working knowledge of HTML. (Include all required tags Doctype
(provided), html, head, title, meta charset (provided), body, h1, h2, p, ol or ul (with li
tags), img, br, and a link to blog.)
Acquire a working knowledge of CSS. (Customize the provided CSS 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.

Process:

From a text template provided for me, I added HTML tags to turn it into a web page
and replaced the filler information with my own, including the addition of my logo. With
the content in place, I linked it to a CSS template also provided for me, and customized
the CSS to match the logo. For the background, I used an image from one of Comic
Frenzys recent shows. I used pixel resampling in Photoshop to blur the image, so it
wouldnt distract too much from the copy text. I then adjusted the colors to match the
color scheme of the page, and removed some distracting lights from the image.

Photodesign
Description:

This is a design created by selecting a color scheme, taking an original photo based
on that color scheme, and adding text and other design elements that would further
support that color scheme.

Programs used:
Adobe Photoshop

Date:

May 21, 2016

Course/Instructor:

COMM 130-07 Lindsey LeFevre

Objective:

Learn 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.511 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:

I took the image based on a monochromatic teal color scheme, then began editing it in
Photoshop. I removed distracting elements from the background, added a blur to the
surface of the tray to reduce visual noise, and adjusted the vibrance and color levels to
enhance the color. I added the concentric circles with various shades and tints of teal to
direct the eye to the focal point of the glasses. I then erased portions of the circles to
align with the edge of the tray. To finish the design, I added the text, using an upper arc
text warp on the main quote, and a regular arc on the color scheme notation.

Event Ad
Description:

This is an event ad created in Microsoft Word using an image scanned from a preexisting publication.

Programs used:
Microsoft Word

Date:

May 14, 2016

Course/Instructor:

COMM 130-07 Lindsey LeFevre

Objective:

Comprehend 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) that work for your message and audience.
Learn to use only Word design features without using any Adobe programs,
including Photoshop.

Process:

After selecting and scanning my image, I placed it in Word and selected my color
scheme based on those already in the image. I created several semi-opaque text boxes
to hold my text, and arranged them at the bottom of the image. I rounded the corners
where the program would allow me, and created custom rounded shapes to fill in the
remaining gaps. I placed the text in the appropriate locations, and added another
semi-opaque box behind the main copy to make it stand out more. To finish, I added a
gradient edge to that second box to smooth the transition between opacity levels.