p9 bobie breitwieser portfolio

8/18/2019 P9 Bobie Breitwieser Portfolio

1/21

PortfolioBobie Breitwieser


2/21

Contact Bobie Breitwieser 667 South 2nd EastRexburg, ID [email protected]


3/21

Table of ContentsBrochure

Montage

Flier

Event Ad

Photo Design

Web Design

Business Card

Stationery

Logo


4/21

BrochureInstructor Course

Lindsay Leerve Communications 130 Section 4Date Programs Used

31 March 2016 Adobe InDesign/Adobe Photoshop/ Adobe Illustrator

Description

A three sided (triold) olding brochure.

Objectives Set up and align a two-sided, olded document.

Create an original, new logo and use it in a brochure.Incorporate quality images. Incorporate at least our quality images, not including the logo. One shouldbe clipped in Photoshop and text-wrapped in InDesign so the text ollows the cutout shape o the imageWrite at least 250 words o original copy in at least three paragraphs, headers, and subheaders. rim or ull bleed and print in duplet (two-sided) color.

ProcessI first, sketched a ew designs that would work on a triold brochure. I then, set up 3 sections on twopages in Adobe Indesign to create the triold style. I took the layout I had drawn on paper and created iton Indesign. I used black shapes in place o photos and lorem ipsum in place o text.Afer I had a layoutset up, I went to find photo’s that would support my message as a beauty blogger. My message is to

inorm/promote my blog, Beauty with Bobie. Once I ound the photo’s I wanted to use, I uploaded theminto Adobe Photoshop. I used the lasso tool in order to crop each section o a photo that I wanted to useI then put them into Indesign.I switched the lorem ipsum to the actual text used and wrapped it

around the photo beside each paragraph using the text wrap tool. In Adobe Illustrator, I createa simple, yet effective and memorable logo design which is “BWB” slanted and in a

scripted ont.


5/21


6/21

MontageInstructor Course


31 March 2016 Adobe Photoshop

Description A Montage o Jesus Christ and a married couple with an

inspiring quote to uplif people’s mood spiritually.

Objectives Use the FOCUS design process with strong ocal point and flow Uniy a layout with a consistent theme and dominant spiritual message

Learn to blend two or more images together gradually, using masksDemonstrate more advanced Photoshop skills or layout with multiple elementsUse a mask to apply a filter to one part o the imageApply typography principles (titles, quotes, events or scriptures…your choice)Format type: Legibility; Small copy & itle with varying text size. Teme word(s)Select good quality images

ProcessI googled a photo o Jesus Christ and a Photo o a couple standing in ront o a sunset. I uploaded eachimage into Photoshop. I took the photo o Jesus and moved it into the middle o the couple, then blendthe surrounding white clouds in the photo o jesus until it blended into the sunset. I took the angels in

the photo o Christ and blended them into the bottom o the photo by the people holding hands. Tat iwhere the montage effect is truly shown. I used the skills taught this week in class. Tese skills consisted

o the dodge tool, masking, and blending text.


7/21


8/21

Flier Instructor CourseLindsay Leerve Communications 130 Section 4

Date Programs Used

31 March 2016 Adobe InDesign

Description A flier advertising the Graduate Leadership Conerence.

Objectives Apply the design principles and use appropriate typography.Incorporate basic InDesign skills to improve basic flier layout.

Retrieve image and logo rom links on this page.Create a project older with image, logo and InDesign document to keep links in InDesign intact.

ProcessFirst, I sketched simple ideas on what the flier could look like on a sheet o paper. Second, I learned howto use InDesign, by watching the tutorial rom Sister Esplin, and recreated the design I sketched ontoInDesign. Tird, I asked my a ew riends to critique and assess my design by ollowing the Draf Critiqchecklist. Finally, I made the appropriate adjustments on my design in order to perect it and create a flithat will successully catch the attention o my targeted audience.


9/21


10/21

Event Ad Instructor CourseLindsay Leerve Communications 130 Section 4

Date Programs Used

31 March 2016 Adobe InDesign/Microsof Word

Description An event Ad advertising a undraiser to raise money or

children with cancer.

Objectives Apply the design principles and use appropriate typography.

Comprehend image sizing (how pixels and inches work together)Find, scan and import a high-quality image.Create a ull-bleed design.Choose a color scheme and typeace(s) that work or your message and audience.Learn to use only Word design eatures without using any Adobe programs, including Photoshop.

ProcessI used the Adobe Photoshop to convert the PPI o the photo. Afer, I uploaded it into Microsof Word inorder to create the layout o the ad. I created rectangles on the side o the ad in a monochronamic colorscheme. Te rocks in the photo represent peace and are a sign o retreat. I thought a yoga ad would goalong well with the photo. I added the details o the event in a verticle text box.


11/21


12/21

Photo DesignInstructor CourseLindsay Leerve Communications 130 Section 4

Date Programs Used

31 March 2016 Adobe InDesign/ Adobe Photoshop

Description A photo design with a monochronamic color scheme

incorporated to fit the original colors in the photo.

Objectives 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 or NDE (non-destructiveediting.)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 ull-bleed margins. rim only 1/8″ (0.125) rom all our sides.

ProcessFirst, I took a photo o houses in a valley using good lighting, composition, and ocus.Ten, I uploaded it into Adobe Photoshop and using the basic skills o leveling, changing the vibrancy,selective color, and sharpening I edited the photo to what I wanted it to look like. I then proceeded towork in Adobe Indesign to create the complete design. I created a monochronamic color scheme usingthree shades o the color lime. I also added an encouraging quote that related to the photo.


13/21


14/21

Web DesignInstructor CourseLindsay Leerve Communications 130 Section 4

Date Programs Used

31 March 2016 Adobe Illustrator/extWrangler

Description A web page designed to showcase a personally created lo

Objectives Size and optimize an original logo as a .png or a web page so the long side is 300 – 500 pixels.Write content to describe the process o creating your logo and how it appeals to a target audience.

(Minimum o 200 words. Include rationale or colors, appeal to target audience, design skills, etc,)Acquire a working knowledge o HML. (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 o CSS. (Customize the provided CSS provided to ormat the HML tocomplement the logo design. Change at least the ollowing: Te h1 text color & h1 background color,ont colors or the paragraphs & list items, the background color, ont amilies and add at least one csscomment.)Identiy hex colors to match logo, using Photoshop color picker.Open the HML page in a web browser and capture a quality screen shot with .5 inch margins orprinting.

ProcessI created the logo using Adobe Illustrator. Te logo represents a beauty blog that I run. I usedextWrangler in order to create a website about my logo and how it was designed. In extWrangler I

worked with html and css. In the html file I wrote a summary o the process o creating the logoIn the css file I created the color and ormat o the website to make it unique

and interesting.


15/21


16/21

Business Card Instructor Course


31 March 2016 Adobe Illustrator/Adobe InDesign

Description A business card or the blog BeautywithBobie.

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 previousdesigns. Don’t use photos or live trace.

Use the new logo to design consistent layouts or a business card and letterhead. Photos are okay onbusiness card and letterhead as additional design elements. Letterhead should be 8.5 x 11, ull-bleedoptional, 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 o white space.Include contact inormation: name, address, phone, website, and email on each piece. Use periods,bullets, or spaces in phone number; no parentheses/ hyphens.

ProcessI created a simple and elegant logo in Adobe Illustrator that branded my business well. I created the busness card layout in Adobe Indesign. I placed a photo with me on the lef side o the card to give people a

ace to the name. On the right side o the card I used text boxes in order to give my inormation. Te logis in the bottom right corner. I used the text tool and shape tool.


17/21


18/21

StationeryInstructor CourseLindsay Leerve Communications 130 Section 4

Date Programs Used

31 March 2016 Adobe Illustrator/Adobe InDesign

Description A stationery or the blog BeautywithBobie.

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 previousdesigns. Don’t use photos or live trace.Use the new logo to design consistent layouts or a business card and letterhead. Photos are okay on

business card and letterhead as additional design elements. Letterhead should be 8.5 x 11, ull-bleedoptional, 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 o white space.Include contact inormation: name, address, phone, website, and email on each piece. Use periods,bullets, or spaces in phone number; no parentheses/ hyphens.

ProcessI created a simple and elegant logo in Adobe Illustrator that branded my business well. I created thestationery letterhead layout in Adobe Indesign. I placed the logo in the middle o the page in a dark redcolor then lowered the opacity so that it was not too harsh on the eyes. In the top center o the page I

wrote the name o my blog. At the bottom center o the page I put all my contact inormation. I used thetext tool in order to create my stationery.


19/21


20/21

LogoInstructor Course


31 March 2016 Adobe Illustrator

Description A logo promoting a blog called “Beauty with Bobie”

Objectives Create three completely different, original logos to fit a company or personal image that will appeal to thaudience. Do not imitate existing logos or use previous designs.Market research: gather opinions rom 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-abricated flares, symboletc.. No photos or live-tracing. You may use an image or drawing as a guide to trace it with thepen/pencil, but delete the image beore submitting.)Refine one logo with variations or color

Process I started with sketching ideas that would send the correct message and catch the eye o my audience.Once I ound 3 that I was satisfied with I created them in Adobe Illustrator. Afer taking votes and judging which logo looked best, I went with the simpler logo with a nice color scheme. Tis colorscheme was elegant and flirtatious, which is what was intended or this beauty and ashion blog. I usedthe type tool, ink tool, and rectangle tool to create this logo. I then, continued to shade an example o

the logo in black and white and create a third example o the logo with a light pink color asthe background.


21/21

p9 bobie breitwieser portfolio

Documents