PORTFOLIO

Michelle Alley

CONTACT
Michelle Alley
Artist
603.283.8983
shecalledme@gmail.com
Kansas City, KS
Instagram/MichelleAlley

TABLE OF CONTENTS
PHOTODESIGN
BUSINESS CARD
STATIONARY
MONTAGE
FLIER
LOGO
EVENT AD
BROCHURE
WEBPAGE

PHOTODESIGN
DESCRIPTION

Demonstrate good photography and image editing skills. Incorporate color and design into
a layout with an original photo.

DATE
Saturday, February 6, 2016

COURSE/INSTRUCTOR
Comm130 Section 13 Emily Kunz

PROGRAMS/TOOLS

Photoshop, Nikon D40 Digital Camera

OBJECTIVES

Learn basic photography skills. Learn to choose a color scheme before taking a photo and
match it to 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/80.125) from all four
sides.

PROCESS

I first decided on some good photgraphy opportunities based on my current situation and
weather. I headed outside with my sons on a partly sunny day hoping to capture some of
the nice cloud formations. The color scheme was derived from the visual scenery that I
observed after taking several photos. I then took to my Photoshop Design software to produce a bit more saturation and sharpness. I then created an 811.5 photodesign ad using
the color and content of the photo. I placed several text taglines that will draw people into
the design. I placed several circles with gradient lines of 100pts or more in both blue and
orange. These overlapped each other and highlight the part of the photo where the greatest information and draw should be. I then add more lines down at the bottom that follow
the direction of the track lines in the image and added my complimentary color scheme
and palette information.

BUSINESS CARD
DESCRIPTION
Buisness Card Design using a personally created logo.

DATE
Saturday, February 27, 2016

COURSE/INSTRUCTOR
Comm130 Section 13 Emily Kunz

PROGRAMS/TOOLS

Adotbe Illustrator, Adobe Photoshop, Adobe Indesign

OBJECTIVES

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 went to Adobe Illustrator and began designing their shape. I liked the idea of it coming
out of the letter P and originally had put a flume on top of the P, but decided it
looked a little more professional without it. I also decided to turn the P slightly to give it a
look that there was life in the logo.I used a split complimentary color scheme, deciding
on drawing out the blue in a peacock not purple. This would provide a more professional
look.
I used the circle shape to create an oval and then took out one of the points and used
the direct select tool and the anchor tool to shape the feathers. I created several sizes and
layered them on top of each other. I also worked with the gradient tool quite a bit to create
a gradient look through the feathers. I chose to keep this because the feathers seemed too
flat without them.

STATIONARY
DESCRIPTION
Stationary using a personally created logo.

DATE
Saturday, February 27, 2016

COURSE/INSTRUCTOR
Comm130 Section 13 Emily Kunz

PROGRAMS/TOOLS

Adotbe Illustrator, Adobe Photoshop, Adobe Indesign

OBJECTIVES

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 went to Adobe Illustrator and began designing their shape. I liked the idea of it coming
out of the letter P and originally had put a flume on top of the P, but decided it
looked a little more professional without it. I also decided to turn the P slightly to give it a
look that there was life in the logo.I used a split complimentary color scheme, deciding
on drawing out the blue in a peacock not purple. This would provide a more professional
look.
I used the circle shape to create an oval and then took out one of the points and used
the direct select tool and the anchor tool to shape the feathers. I created several sizes and
layered them on top of each other. I also worked with the gradient tool quite a bit to create
a gradient look through the feathers. I chose to keep this because the feathers seemed too
flat without them.

Peacock

www.pcc.gov

11 Peacock Avenue

Kansas City, KS

66290

913.012.1234

pcc@org.gov

MONTAGE
DESCRIPTION

An Inspiration montage using a spiritual them with more two images, masked, and blended with the use of typography

DATE
Saturday, February 13, 2016

COURSE/INSTRUCTOR
Comm130 Section 13 Emily Kunz

PROGRAMS/TOOLS
Adobe Photoshop

OBJECTIVES
Learn the FOCUS design process with a 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. Apply typography principles titles, quotes, events or scripture of
your choice with the montage.

PROCESS

My first step was to open several photos that I felt would work with the Alfred Lord Tennyson piece I was using for my montage. I created a new photoshop file with an 8.5 x 11in
size. I placed the woman in my montage first deleting part of the background and then
used the black brush at 100% around her face and 30% over her face and hair. I placed
the a yellow rose behind the woman and duplicated it to make the rose look larger and
extend over her face. I placed the raindrops photo on top of the roses and used a black
brush at 100% over her face and a 16% opacity throughout the rest of the raindrops. I
then incorporated text as the top layer.

FLIER
DESCRIPTION

A two-sided folding brochure

DATE
Saturday, January 23, 2016

COURSE/INSTRUCTOR
Comm130 Section 13 Emily Kunz

PROGRAMS/TOOLS
Adobe InDesign and Adobe Photoshop

OBJECTIVES

Learn how to use Indesign by creating a flier for where I can apply learned 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

First, I noted the information that was needed to make this flier complete. I made basic
shapes within Indesign and worked on organizing shapes, images, and body copy to allow
contrast and a strong focal point. I felt that I could add a little more design to my flier by
incorporating shapes that looked like a pathway. This allows the flier to have movement
and purpose. That the conference is not only informational, but a pathway to a better future. I drew a large gray box that extended throughout the entire page to create a contrast
between the path and the background. Using the line of the pathway, the body copy was
aligned to the left of the path. I put a photo in the header using bold text and put the rest
of the information aligned left at the bottom of the large gray box.

LOGOS
DESCRIPTION
Logo for a music company.

DATE
Saturday, February 20, 2016

COURSE/INSTRUCTOR
Comm130 Section 13 Emily Kunz

PROGRAMS/TOOLS
Adobe Illustrator

OBJECTIVES

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.

PROCESS

I chose to create a logo using the inspiration of the cute Miniature Pinscher we adopted
last year and one of my hobbies of music. I began by sketching some designs and placing
a few of them into Adobe Illustrator using the pen tool. I worked on three different logos;
one with a side view of a doberman, one a doberman replacing the letter r in the word,
and one with a front view. Two of the logos I also tried to incorporate a keyboard. My
choice and the one that most people chose as their first was the doberman with the front
view. While I did like this, I needed to do a lot of work to make the doberman look like
one, and not fox! I started over by using the pen tool and only drawing half of the dog.
Then I used the reflect tool to make both side the same. I did quite a few edits and point
changes and finally created my final logo!

Doberman Music Company

DOBERMANMUSIC

DOBERMANMUSIC

DOBERMANMUSIC

EVENT AD
DESCRIPTION
A one-sided full color, full bleed event ad flier.

DATE
Saturday, January 30, 2016

COURSE/INSTRUCTOR
Comm130 Section 13 Emily Kunz

PROGRAMS/TOOLS
Microsfot Word, Adobe Photoshop

OBJECTIVES

Learn how to use Microsoft Office features to create a full color, full bleed ad. Use
a scanners techniques and process the photo in Adobe Photoshop. Editing the photo and placing it into the Word document and create text shapes and photos around
the photo.

PROCESS
I scanned an old photo of my son on an abandoned train track. I took the photo and purposely, deleted specific parts of the background and filled it in with black to match the
black background. I added several shapes to encourage a layout that allows people to easily
see the fundraiser details. I had little success saving it as a .pdf and realized there must
be something in the ad that was not allowing me to save it properly. I redid each shape,
copying others into another word document and was able to save as pdf.

Friday, August 31 2016

5 p.m. to 7:30 p.m.

Union Station of Kansas City

AND BENEFIT ST. JUDES HOSPITAL!

Come to Union Station for a special day out to
benefit St. Judes Research Hospital! Price of
admission includes a 30 minute train ride, ice
cream, and your chance to win $100 gift card
right here at Union Station. Admission is $10.
3 and under are free. All ticket proceeds go to St.
Judes Research Hospital.

SPONSERED BY:

WEB PAGE
DESCRIPTION
A webpage designed to showcase a personally created logo.

DATE

Saturyday, March 12, 2016

COURSE/INSTRUCTOR
Comm130 Section 13 Emily Kunz

PROGRAMS/TOOLS

Adobe Illustrator, Adobe Photoshop, Notepad++, www.cssdesk.com

OBJECTIVES

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

I first set about creating a logo based on the name Snowflake Orphan Foundation in
Adobe Photoshop. After creating the logo, I created the above webpage using Notepad++. I
had no experience with this program or any .css or .html programming; this was my first
time. I used http://www.cssdesk.com to validate my code work and frequently opened my
.html file to check my work. If there was something I did not understand, I would search
resources given and the internet to create the codes I needed for the look that I wanted.
I used a pre-made CSS file and then used the HEX colors to make different color modifications. I also inserted a code that commanded all the <strong> codes to be a assigned a
specific HEX color. I also changed my fonts to Aviner Next LT PRO and Georgia. I declared some backup fonts just in case the viewers browser didnt have these fonts. I also
played with the padding and width of the body box text so that they would not be too close
to the edge of the web page.

BROCHURE
DESCRIPTION
A two sided (duplex) folding brochure

DATE

Saturday, March 26, 2016

COURSE/INSTRUCTOR
Comm130 Section 13 Emily Kunz

PROGRAMS/TOOLS
Adobe Photoshop, Adobe Illustrator, Adobe Indesign

OBJECTIVES

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 set up the tri-fold measurements in Indesign and began experimenting with color. I
chose a monochromatic color scheme. I took the idea of snowflake and found some images online that had were real paper snowflakes. I used the quick selection tool in Adobe
Photoshop to select the part of the image I wanted to delete. I kept only the white paper
snowflake design and placed it at 100% opaque on the front of the brochure. The logo
I created in Adobe Illustrator using a combination of different text and lines. I created
the matryoshka doll using the pen tool and then grouping all my lines and pen marks
together to create the snowflake. I placed this on the back page with other information. I
emboldened some of the edges and creases with black boxes and used different sized text
to show the importance of the message.

INSIDE FLAP BACK FRONT

INSIDE