miranda dopp portfolio

port

folio

Miranda Dopp

Table Of Conten

ts

Cont

act

Miranda Dopp2218 NW 14th St.

Meridian, Id 83646

208.230.1196

[email protected]

Table Of Conten

ts

Cont

act

4 Event Ad

6 Montage

8 Logos

10 Brochure

12 Stationery

14 Business Cards

16 Web Page

18 Flier

20 Photdesign

Even

t Ad

DescriptionFull color event ad promoting a fundraiser.

ProgramsMicrosoft Word

Date Jan 31

Course Comm 130 section 12

Instructor Caryn Esplin

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

ProcessThe f irst step in this project was to f ind and scan an image. After f inding

the image I wanted to use, I did some sketches to get the ideas f lowing. Once I had a few layouts I liked, I star ted designing. This f lier was created en-

tirely in Microsoft Word, which was an interesting challenge! The biggest surprise was the remove background tool in Word. With that tool, I was able to success-

fully cut out the guitar I had chosen as my image.

This was the f irst color project for Comm 130, and I decided to use a split compli-mentary scheme, with Orange, Red, and Teal. I made sure to follow the Focus princi-

ples, including alignment and grouping to organize. I also used repetition and rhythm to create unity. All of the above added together to make what I think is an effective and

appealing design.

Even

t Ad

w w w . c o n c e r t f o r t h e c u r e . c o m

HITCH HIKING ADDICTS The Gazebos DEAD FISH BAMBOO & more

All proceeds benefit the National Multiple S c l e r os i s S oc i e t y

AMPITHEATER BLACK BASIN

$10 DONATION gates open 7 PM

Description Spiritual photo montage using photos and type.

ProgramsAdobe Photoshop

Date Feb 7



Mon

tage ObjectiveUse the FOCUS design process with strong focal point and f low

Unify a layout with a consistent theme and dominant spiritual messageLearn to blend two or more images together gradually, using masks

Demonstrate advanced Photoshop skills for layout with multiple elementsUse a mask to apply a f ilter to one par t 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 I star ted by cropping the ocean storm picture to 8 1/2 by 11. I then selected the rock

and placed it on the background image then added a mask. Using 30% opacity with a large brush, I blended most of the rock in with the background image. Then using 50%

opacity, I blended the edges of the rock in more with the background. I then selected an area surrounding Christ and placed him on the image of the rock, then added a mask varying

the opacity to blend the Savior in with the rock. I also cropped the picture of the rock texture to 8 1/2 by 11 and placed it behind the background adding a mask to the background., and once

again used varying opacity to blend the background, showing the rock texture through in the up-per and right side of the background. I f inished off by adding text using varying weights and sizes of

the same font. and adding a texture to the word rock.

Mon

tage

Logo

s

Description Three variations of a logo for the same company.

ProgramsAdobe Illustrator

Date Feb 14



Objective Create three completely different, original logos to f it a com-

pany or personal image that will appeal to the audience. Do not imitate existing logos or use previous designs.

Use only the Illustrator tools to create and draw your logos. (No Illustrator pre-fabricated f lares, 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.)

Gather opinions from at least ten people about which logo appeals most to them.

Process I just have to say I love Illustrator! I was so happy to have a project created in Illus-

trator this week. I star ted my process this week with sketches as I knew getting my ideas out on paper f irst would help me, which it did. After sketching, I opened Illustra-

tor and got star ted. Did I say how much I love Illustrator? I star ted by creating the main lemon shape using a circle and the pen tool to create the sections. I used this same shape

for both the middle and the bottom logos, and varied the text and design. For the top logo, I used the ellipse tool to make a lemon peel shape. I then found a large poster font and using

the direct selection tool, and the reshape tool, I manipulated the letters in the word main to look like they were sections of the lemon. I chose fonts that contrasted nicely for each logo, and

although yellow is a main color in each, I used different color schemes for each one, just keeping yellow as one of the colors. I also used varying sizes of text to show contrast. Using the FOCUS principles of Gestalt (top), and contrast, and proximity, I feel I was able to create logos with Unity and good design.

Logo

s

The Main Squeeze Cafe & Bistro

Maincafe and bistro

ainqueeze

bistrocafe &

cafe & b

istr

o

squeeze

Broc

hure

Description A duplex (2 sided ) folded brochure

ProgramsAdobe Illustrator and InDesign

Date March 28, 2015



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 f irst created the logo using InDesign. I used the shape tools and the pen tool to create

the guitar used as the B. The rest of the logo made use of the font BART Handschrift.

After creating the logo, I set up the brochure layout in InDesign. This part was fairly diff icult, as I had to f igure out the size I wanted and how big each of my outer folded portions should be.

After setting it up and choosing a color scheme, I placed some of the images in containers created by the pen tool, and others I just used the place command alone. I used dark red and brown diago-

nal stripes to create repetition, but also a little bit of asymmetry (as they are different angles).

For the image of the guitar, I used the quick selection tool to remove the background, and then used the ref ine edge option to change the radius, smooth, and contrast option as well as the feather option

to make the edge of the guitar look more ref ined. I then placed this image in my document and used the text wrap option to wrap the text around the guitar.

Broc

hure

Front

Inside Front

Inside Back

Back

Stat

ione

ry

Description Letterhead and business card designed with a newly designed logo

ProgramsAdobe Illustrator & InDesign

Date Feb 28, 2015



Objective Create a new logo to f it 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. 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 star ted this project the way I star t them all- sketches! When I had some I liked, I f irst used

Adobe Illustrator to create the logo. It was created with using the m and j from the Anton font, some stripes and a clipping mask. I then placed the logo in an InDesign document.

I star ted with the letterhead, and put the logo in the top right corner. I then mimicked the stripes in the logo with a horizontal and ver tical stripe on the right side and the top. I also repeated the

striped look with a graphic element of woven lines in the lower left corner. This mirrors the logo in the upper right corner.

I then created shapes for the back and front of a business card. Similarly to the letterhead, I used the stripes as a graphic element on both the front and the back. When printed, the stripes will connect from front to back. All of the stripes were made using the line tool. I then placed the logo on the back on the left side, and the information on the front side of the business card on the right side.

Stat

ione

ry

DE

SIG

N

www.mjdesign.com

miranda dopp

208.898.50372218 NW 14th St

[email protected]

Meridian, ID 83646

owner/designer

Busi

ness

Car

d

Description Letterhead and business card designed with a newly designed logo

ProgramsAdobe Illustrator & InDesign

Date Feb 28, 2015



Objective Create a new logo to f it a company or personal image. Do not imi-

tate 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. 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 star ted this project the way I star t them all- sketches! When I had some I liked, I f irst used

Adobe Illustrator to create the logo. It was created with using the m and j from the Anton font, some stripes and a clipping mask. I then placed the logo in an InDesign document.

I star ted with the letterhead, and put the logo in the top right corner. I then mimicked the stripes in the logo with a horizontal and ver tical stripe on the right side and the top. I also repeated the striped

look with a graphic element of woven lines in the lower left corner. This mirrors the logo in the upper right corner.

I then created shapes for the back and front of a business card. Similarly to the letterhead, I used the stripes as a graphic element on both the front and the back. When printed, the stripes will connect from front to back. All of the stripes were made using the line tool. I then placed the logo on the back on the left side, and the information on the front side of the business card on the right side.

Busi

ness

Car

d

DE

SIG

N

www.mjdesign.com

208.898.5037

Meridian, ID 83646

miranda [email protected]

2218 NW 14th St.

Flie

r

DescriptionBlack and white f lier to promote a graduate leadership conference

ProgramsAdobe InDesign

Date January 24, 2015



ObjectiveApply the design principles and use appropriate typography.

Incorporate basic InDesign skills to improve basic f lier 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 The f irst step in creating this f lier was to do sketches. I did four possible designs

and then took a few of them into Adobe InDesign. I chose to go forward with the design that I felt would best appeal to the audience, and was dynamic. I used

repetition and proximity in the circles to add unity, and I used a lot of white space to really add some contrast. I also feel this design has great f low. I was given the image, as

well as all of the information and the logo for this project.

Flie

r

October 218 a.m. 5 p.m.

Lincoln Convention Center

Do you want

to have the competitive

edge in business?

Come learn how at

Vouant Communications annual Graduate

Leadership Conference

l

raduateleadershipconference

G

Vouant Communications is devoted to helping tomorrows 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

www.vouantcomm.com/leaders

Web

Pag

e

Description A web page designed to show a logo I created

ProgramsNotepad++ and Photoshop.

Date March 14, 2015



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 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 I created this web page using Notepad++. I also used the validators at http://www.W3.org, to

validate both the HTML and CSS.

After writing my content as HTML, I resized my logo and inser ted it as well. I then found the hex codes for my logo colors in order to use them as the color scheme for my web page. I changed the

fonts in the css template to fonts that f it with the fonts in the logo, and embedded these fonts in the document. Rather than keeping with the layout of the template given, I chose to change things sig-nif icantly. I changed the entire layout of the HTML f irst, and then used the css to change font sizes, the colors, and the look of specif ic par ts of the layout. For my background, I found an image of blueprints, and then using Photoshop, I changed the color to f it the turquoise color in my logo.

Web

Pag

e

Phot

oDes

ign

Process I star ted this project by choosing a complimentary color scheme and then chose some hens

and chicks (a type of succulent) in a boot, to take photographs of. Their violet and lime colors f it the complimentary color scheme perfectly. After taking the photographs, I chose a few that

were my favorites and used Photoshop to edit them. I adjusted the levels, and the vibrance, and made the images f it a complimentary color scheme by using the selective color tool. I then sharp-

ened up the f lowers in the images. At this point, I chose my f inal image which had a good composi-tion, and showed the plant and the boots equally well.

After choosing the image, I star ted designing, keeping the FOCUS design principles in mind. I focused on repetition, drawing from the rhythm in the photo to come up with a wavy line design. I brought this element in the main design, and as a way to show the color swatches. I also chose the decorative script font for this reason also. I also focused on alignment and proximity to help organize the composition.

Description Photodesign project with an original photograph, and a color scheme based on that photgraph.

ProgramsPhotoshop

Date Feb 7



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 in. (0.125) from all four sides.

Phot

oDes

ign

miranda dopp portfolio

Documents

background image

f lowunify

processthe f

f ilter

f lier

f inding

highquality image

rock texture