Jodi Parker Portfolio

Li nes

s

Portfo

lioJodi P

arker

TABLE OF CONTENTS01 event ad02030405

06070809

brochure

montage

business card

letterhead

logos

photodesign

flier

web page10

resume layout

JODI PARKER2306 E 1000 NSUGAR CITY, ID 83448

208.356.9965208.521.9964

[email protected]

TABLE OF CONTENTS01 event ad02030405

06070809

brochure

montage

business card

letterhead

logos

photodesign

flier

web page10

resume layout

01 event adDescription:

Date:

Course/Instructor:

Program(s) Tools:

Objectives:

Process:

How to scan properly and to use a design layout in Microsoft Word.

Microsoft Word, Adobe Acrobat XI version 11.0.0 to convert PDF to JPEG, and a home scanner

First off, I scanned the bike image and imported it into Microsoft Word. It was necessary to delete the background I didnt want in the design. This feature wasnt perfect and left a few bare parts that were difficult to get back into graphic. To remedy the said situation, as well as the fact that I planned a specific color scheme, I decided to recolor the image with accent color 6 and used a dark gradient base background underneath to fill in the holes from the previous process. By using these effects I wanted it to appear as if the bikers were riding out of a ripped page. After altering the image to my satisfaction, I added an angled green rectangle with a white font to draw attention to the title of my event and other pertinent information. Three gradient lines with contrasting color and graduating weights were added underneath to add more emphasis & repetition. The three bikers in the image naturally added rhythm and followed the rule of thirds. I chose two different fonts for visual interest, and in the body copy chose to use bold and all caps for specific words to bring out their importance to the event. I was pleasantly surprised at how much can be done in the page layout setting and hidden design features of Microsoft Word. I really enjoyed playing with image recoloring and filters. I now feel confident that I could produce professional looking fliers & ads using these techniques.

Visual Media: Communication 130, section 5

Ben Pingel

January 29, 2015

This is a color, full-bleed fundraising and promotional event ad using only Microsoft Word and a scanner.

AMA Challenge

Ashton City Park

9.26.2015 $20 Registration Fee

Description:

Date:

Course/Instructor:Visual Media: Communication 130, section 5

Ben Pingel

Program(s) Tools:

Objectives:

Process:

How to clip images in Photoshop and wrap text around an image in InDesign.

Using measurements and a layout I found on the internet, I set up the square trifold template in Adobe InDesign. This fold with three inside panels enabled me to visually showcase the acronym of my three letter logo SEE through the body of the brochure. The squre design is less common and than a rectangle and gave a uniqueness that I really liked.

Squares were used throughout the brochure to create repetition and flow. I deliberately clipped my images to omit the background to create more of a flat design feel and keep things simple.

For each image I used the quick selection tool in Adobe Photoshop to remove the background of the image. After which I used the refine mask dialogue box to smooth and apply contrast to the outline of images. The changes I made in the refine mask dialogue box made a softer image I especially like how the runner turned out and the whisps from her ponytail are more natural. Placingthe images into InDesign where I used the text wrap option to wrap my text around the alpha channel of the runner and the happy sleeping man was the final step of the editing process.

I created the simple SEE logo in Adobe Illustrator using the shape tool with fill and text which would match my color scheme. I then placed it into InDesign on the front and back covers.

March 27, 2015

Adobe InDesign/Adobe Illustrator/Adobe Photoshop

This two sided (duplex) square trifold brochure has a tetradic color scheme.

brochure02

Description:

Date:


Ben Pingel

Program(s) Tools:

Objectives:

Process:

How to effectively work simultaneously in Adobe Illustrator and InDesign to create a personalized business card.

Adobe Illustrator & InDesign

February 27, 2015

Personalized custom logo made to fit business card.

The first tool I used for my business cared was used the rectangle tool to make a box on the top half of the card. My logo was placed strategically by intersecting the top of the box on the grid line. Next I chose fonts that could carry the message and idea of my design. I determined I needed a script font as to help me use lines with the pen tool to create flowing yarn from front to back of card to create a nice rhythm. It was really important to match my stroke point size to the size of the tail of the s in knits. My overall goal was to be sure that a viewer would be able to determine what the business was about and a contact item on both sides of the card. Adding a fiber background at 10% opacity to gave a nice textured appearance (I played around with this number a lot). Finally, I wanted to use a powerful slogan that would be able to encompass the style of the company and appeal to the proper audience.

business card03

C H A R

knits

Michelle Babcock12345 Katie CourtSandy, UT 75468307.321 [email protected]

w w w . c h a r k n i t s . c o m

M o d e r n D e s i g n sS u p e r i o r Q u a l i t y

Description:

Date:


Ben Pingel

Program(s) Tools:

Objectives:

Process:

How to gradually blend two images by applying masks to images.

First I cropped the mountain image to 8.511. Then I placed the mountain climber image on top of the mountain image, and added a mask. With black paint and a 100% opacity, soft-edged brush, I painted away the hard image edges. With a larger black brush at different opacity levels, I blended the image into the background, so it produced a subtle contrast. The images were then set to Black and White 1 and added Photo Filter 2 (a warming filter) to give a sepia tone. I also played around with levels, vibrance, channel mixer, and selective color until I was pleased with the results.

The layered background images were found at www.cgtextures.com/. The Metal Scratches0036 as well as MarbleBeige0052 created more of a rugged feel. The overlay filter I used on both of these images was combined with another mask so to erase the background off of important features of the images beneath.

I ultimately flipped the mountain image horizontally so that I could have better flow from text to the mountain climber image.

The two contrasting fonts were put on top of a rectangle with overlay filter to allow more legibility with the words. I wanted to emphasize each line of my text so I chose different effects, colors, and sizes to showcase that. The words we conquer were the most important to me so I used a drop shadow and high value in color to bring it out.

February 14, 2015

An inspirational poster montage using images and type.

Adobe Photoshop

montage04

Description:

Date:


Ben Pingel

Program(s) Tools:

Objectives:

Process:The knitting needles used on the back of this companies business card was the inspiration to place them separately and horizontally on both top and bottom of page to create a border. To create good flow the contact information began at the top of the knitting needle on the right hand side so the natural flow would go to the point and then down to the bottom need and off to the end point again, as if it was a sort of arrow. A fiber background at 10% opacity was layered over top to give a textured apperance. Finally, I placed my yarn image on the bottom right hand corner on the bottom 1/4 of paper and put it at 10% opacity. I debated on whether to use the company name on the top of the letterhead or the owners name. I decided on using the owner name and put the website underneath in the contact information.

How to effectively work in Adobe Illustrator and InDesign to create branding for company stationery.

Adobe Illustrator and Adobe InDesign

February 27, 2015

This is a personalized logo made to fit a cutomized letterhead.

letterhead05

Michelle Babcock12345 Katie CourtSandy, UT 75468

[email protected]

www.charknits.com

Modern Designs. Superior Quality.

Description:

Date:


Ben Pingel

Program(s) Tools:

Objectives:

Process:

How to draw using the pen tool in Adobe Illustrator.

Adobe Illustrator

The company icon for this brand is a lioness, so I started off looking online for ways I could implement it into the logo. A lioness face shaped necklace using different shapes was found and I knew this could turn into a unique and cool icon. I played around with the tracing features and used the pen tool and eraser both to come up with the finished result. The crown was added to give a touch of femininity. In the middle design, after typing a monogram I turned those letters into outlines and manipulated the J to fit my design needs. Another exciting thing I discovered was how to type text on an outline for a badge feel. With my typography I used two different fonts to create contrast as well as using color schemes. I also found a lioness running that I placed into illustrator and then used the pen tool to outline the shape of a running lioness. This particular logo, the running lioness, was the one logo most people were drawn to.

February 20, 2015

Three different logo designs for the same company.

logos06

runlittlejo communications

communications

runlittlejo communications

communications

unl i t t l e j o

Description:

Date:


Ben Pingel

Program(s) Tools:

Objectives:

Process:

I learned a lot about the composition of photography. I also learned how to edit the image to keep quality and enhance the overall appeal by using Photoshop.

Adobe Photoshop Nikon D60

I began by sketching out an idea and then selected a color scheme that would best suit the plan from the Visual FOCUS book, I decided on Split Complementary. I took a photo with appropriate light, sharp focus, and nice composition. I used my Nikon D60 camera to accomplish this, and then imported the photo into Photoshop and used editing techniques: levels, sharpness, saturation, and color balance. I learned a lot using color balance & selection tool and how I could fine tune a few details of my photo to help support the color scheme by making the buttons on the yellow coat indigo, and adding a touch of violet to the lining of the coat sleeve. Then I designed an 8.511 layout that included my photo, text, and repeating design elements. I incorporated my color scheme title, color swatches, and color names into my design. I used the eye dropper tool and adjusted the color in the color picker to match a little more accurately. I loved the contrast that these bold colors demanded. After going through this process it was fun to see the vision I started out with come to fruition.

February 7, 2015

Demonstrate useful photography skills, including editing. Incorporate those skills to showcase a quality image, a consistent color scheme based on that image, some text, and a few design elements.

photodesign07

Description:

Date:

Course/Instructor:

Program(s) Tools:

Objectives:

Process:To begin I searched online for ideas to show my client. After finding one that fit her peronality and needs I opened InDesign to being the layout. I used simle shape boxes and paragraphy styling to set up the design. To create more visual appeal, I decided on importing simple shapes to add next to the contact information. Placing images in Photoshop, I deleted the background and then transerred the images to Illustrator. In Illustrator I made the images white to go along with my simple color scheme. My client was pleased with this addition.

To create a visually appealing layout to build a unique resume.

Adobe Photoshop, Illustrator, and InDesign

Self

March 29, 2015

Simple resume layout and design

resume08

a l e x i sp a r k e r

experience

eDUCATION

SKILLS interests

References

XXXX E XXXX NSugar City, ID 00000

[email protected]

208.222.9999

Cashier/Cook Millhollow Frozen Yogurt I take orders, work the register, assemble sandwiches, serve yogurt, and make/bake bread. I also clean dining area, work area, and bathrooms. I have learned the bene ts of good customer service and enjoy the challenge of helping make a persons day brighter. Working as a team with the other employees has also been a highlight of my time there.

Sports O cial Snake River Soccer O cials AssociationSide Line and Center Soccer Referee Certi ed.

Produce Farm Work/Babysitter CWT ProduceMisc. farm work including pulling weeds, working at farmers markets, and babysitting.

2013-Present

Spring 2013

Summer 2012

Sugar Salem High SchoolI have been a high honor student each consecutive year. I currently serve as Vice President of the National Honors Society. I also had the privilege of being the captain of the girls soccer team for the past two years. This year we won the district title and the honor of participating at state. I enjoy participating in our schools advanced audition choir. I enjoy performing while dancing and singing. This year we were able to sing at the Idaho State Capital.

I am fun-loving, dependable, and committed to do my best in all I do. I am not afraid to work hard and I enjoy setting goals and strive to accomplish them. I have been told that I can see the big picture and know how to make plans accordingly. I take pride in being honest and organized and utilize these in being a leader in my church and school groups.

I really enjoy traveling and learning about lifestyles in other places, music, soccer, learning, design, culinary arts, pyschology, anatomy and physiology, serving others in need, religion and family. This summer I will be volunteering at an orphanage in Ecuador for six weeks.

Diana Puzey 208.444.7777 Chris Andrews 208.555.5555

Description:

Date:


Ben Pingel

Program(s) Tools:

Objectives:

Process:

Adobe InDesign

I learned the importance of tracking, kerning, leading, and how it plays into alignment.

The first process in designing this project consisted of sketching 4 different layouts options. After selecting which sketch portrayed the focused message and appealed to the audience I began creating the design in Adobe InDesign. I used square and rectangular boxes which were specifically organized and colored to create good flow and contrast. I chose to insert the image inside of a circle to create a spontaneous, yet memorable focal point. In the focal point text my professor suggested using a drop shadow, which I did, and I was happy with the result of how it entered into the image while keeping the line proximity in check with other letters in the word. The typography, varied in weight and size, helped create interest and dimension. I was careful to use good alignment. My overall objective was to create an obvious contrasting focal point with supporting flow into the important details such as Date, Time, Place and website.

January 23, 2015

This flier, in black and white, is meant to publicize an upcoming Graduate Leadership Conference.

flier09

a b o u t u s r e g i s t r a t i o n

tvv

10.21 8am-5pmLincoln

Convent ionCenter

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 Communication to discuss breakthrough leadership techniques, while cultivating attributes of leadership that will market to any employer.

Addit ional in format ion and regist rat ion at :

Conference is avai lable to graduat ing seniors .

S P A C E I S L I M I T E D

www.vouantcomm.com/leaders

Do you want to have the competitive edge in business?

l e a d e r s h i p C O N F E R E N C E

G R A D UAT E Come learn how at

Vouant Communicat ions annual

Description:

Date:


Ben Pingel

Program(s) Tools:

Objectives:

Process:

March 3, 2015

A web page designed to showcase a personally created logo.

How to use CSS and HTML together to design a basic web page.

TextWrangler, Adobe Illustrator, and Adobe Photoshop

By using only TextWrangler I was able to produce this simple webpage. I had never before written in HTML or CSS. It was interesting to learn how the different tags work together to create the final outcome. I liked having the HTML and CSS validators, found on the web, to help me see where a mistake was made. When deciding the design process I considered the importance of the FOCUS design principles I have learned: Formulate a Plan, Organize the Layout, Contrast the Elements, Unify the Parts, and Simplify the Message.

I actually began this process by updating a previous logo I had made. I easily did this by opening Illustrator and modifying an existing design. I added a new company name underneath an existing image and then selected a new color scheme. After doing this, I was ready to mark up my content in HTML and import my new design, then I attached a pre-made CSS document to my HTML. I then went into Photoshop and used the eye dropper tool to find the correct hex code to correctly match the colors from my logo. I inserted the correct hex# to where I wanted the color. I also changed my fonts to Tall Dark and Handsome and PT Sans. I declared some backup fonts just in case the viewers browser didnt have these fonts. I also used

web page10

Jodi Parker Portfolio

Documents

Transcript of Jodi Parker Portfolio