Jocelyn Smith's Portfolio

PORT

FOLI

O

Jocelyn Smith

TABLE OF CONTENTSBrochure

Logo

Letterhead

Business Card

Montage

Event Ad

Imaging

Flier

Webpage

CONTAC T

Jocelyn Smith5291 Fanwood Dr.

Huntington Beach, [email protected]

657.237.3155

BROCHUREDescriptionA brochure created for a yoga studio describing the different classes offered in the studio.

ProgramsAdobe Illustrator Adobe InDesign

DateDecember 2015

CourseCOMM 130 - 05

InstructorJoel Judkins

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

ProcessI began by using my “Namaste Logo” design created in Adobe Illustrator. From there I knew which color scheme I wanted to use throughout the design. I used Adobe InDesign to bring it all together. To help the brochure visually, I placed the photo with the lady’s hands in heart center and have it open up to reveal the inside of the brochure. I created the flower in Adobe Illustrator as well, and wrapped the text around a circle to create a nice flow in the body copy.

N A M A S T E

namasteyoga.com

CLassesBegin with a free week of Hot Power Yoga at Namaste Yoga Studios. Each class is taught by a Yoga Alliance Certifi ed instructor.

Vinyasa Yoga Translates into “breath-to-movement.” Vinyasa Yoga is fast-paced and the most common form of yoga in the United States. It is physically exerting,

but still ends in a fi nal Savasana, allowing the student to meditate and benefi t from his or her

practice.

Bikram Yoga Follows a 26 pose sequence and structured breathing

sequence. It is both physically and mentally challenging, and allows the student to extend his or herself in all aspects.

Restorative Yoga More famously known for its meditative qualities, it is also extremely benefi cial to increase one’s fl exibility and breathing techniques.

We are excited for you to join us in your Yoga Journey!

NAMASTE

N A M A S T E

Hours of Operation:Mon - Fri 6:00 am to 10:00 pmSat - Sun: 8:00 am to 5:00 pm

6572 Serrenity Dr.Huntington Beach, CA 92647

714.396.9155

WELCOME

From our heart to yours,

LOGO

DescriptionA logo created for a yoga studio.

ProgramsAdobe Illustrator

DateNovember 2015

CourseCOMM 130 - 05


ObjectivesTo visually display. 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. Refine one logo with variations for color.

ProcessI began by brainstorming what symbol I would like to use to portray yoga. I decided on the lotus flower, and created the flower in Adobe Illustrator. From there, I played around with different logo ideas. Eventually, the best one was the one on the right. I chose to use a nice teal color to symbolize peace and tranquility.

LETTERHEADDescriptionA letterhead created for a yoga studio.


DateNovember 2015

CourseCOMM 130 - 05


ObjectivesUse 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. Don’t 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.

ProcessI began by using my “Namaste Logo” design created in Adobe Illustrator. For the letterhead in particular, I created the flower in Adobe Illustrator and lowered the opacity. I decided to use the flower as my water mark, and placed it on the right edge of my letterhead. I chose to create a sweeping motion with the top of the letterhead to match the flow found in each flower petal.

N A M A S T E

y gaN A M A S T E

y gaJocelyn [email protected] Harmony Lane Huntington Beach, CA 92649

BUSINESS CARD

DescriptionBusiness card to be used by a yoga instructor teaching at Namaste Yoga Studio


DateNovember 2015

CourseCOMM 130 - 05


ObjectivesUse 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. Don’t 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.

ProcessI began by using my “Namaste Logo” design created in Adobe Illustrator. From there I knew which color scheme I wanted to use throughout the design. I used Adobe InDesign to bring it all together. To help the brochure visually, I placed the photo with the lady’s hands in heart center and have it open up to reveal the inside of the brochure. I created the flower in Adobe Illustrator as well, and wrapped the text around a circle to create a nice flow in the

N A M A S T E

y gaN A M A S T E

y ga

Jocelyn Smith

657.237.9156

[email protected]

namasteyoga.com

6572 Harmony Lane

Huntington Beach, CA 92649

DescriptionProgramsDate

CourseInstructorObjectivesProcess

MONGTAGEDescriptionAn inspirational picture.

ProgramsAdobe Photoshop

DateOctober 2015

CourseCOMM 130 - 05


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

ProcessI chose two photos of my niece that my brother took. These photos go well together because they were taken on the same day and thus have similar lighting. In Photoshop I created multiple layers, and with my top layer made a mask. With that mask I then “erased” some of the top layer to reveal the picture of my niece. For the fonts I chose a sans serif font, and created emphasis with the word “champion” by increasing the size and weight of the text.

IMAGING

TitleDescriptionProgramsDate

CourseInstructorObjectivesProcess

DescriptionA picture used to show my use of color schemes.

ProgramsAdobe Photoshop

DateOctober 2015

CourseCOMM 130 - 05


ObjectivesLearn 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.5×11 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.

ProcessFor this picture, I used a photo of my roommate. Originally, she was looking into the photo from the left. In photoshop I changed the direction of the photo to have her looking from the right. Then I sharpened the colors in her sweater and in the bricks. From there I created color swatches to match the different brick colors on the wall. I also used the eye dropper to use that same color in some of my body copy.

FLIER

DescriptionA flier showcasing a business conference

ProgramsAdobe InDesign

DateSeptember 2015

CourseCOMM 130 - 05


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

ProcessThe photos and body copy used for this project were provided by the school. I chose the photo of the two people looking down so it could lead the eye to the text. From there I looked at the text and decided to make it into a paragraph format to keep it organized. For contrast I put the title of the conference along the side of the flier.

Gr

ad

ua

te

Le

ad

er

sh

ip C

on

fe

re

nc

e

Wa n t t o h a v e t h e c o m p e t i t i v e e d g e i n b u s i n e s s ?

Come learn how at Vouant Communication’s annual Graduate Leadership Con-ference.

Vouant Communications is devoted to helping tomorrow’s leaders gain essen-tial 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.

Registration and more information available at http://www.vouantcomm.com/ leaders

October 21 - 8 a.m. to 5 p.m. Lincoln Convention Center

WEBPAGEDescriptionA webpage to increase my skills in html and css coding.

ProgramsTextWrangler

DateNovember 2015

CourseCOMM 130 - 05


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

ProcessAs students, we were given somewhat of a template to work with while using HTML and CSS. I decided to stray away from the CSS template give, and chose to use the logo design from my Adobe Illustrator logo project. I also created a teal box on the bottom with the curved top to match the look of the first. I changed the fonts from oldstyle to sans serif and modern.

EVENT AD

DescriptionAn ad created for a benefit in a mountain city to raise money for their hospital

ProgramsMicrosoft Word

DateSeptember 2015

CourseCOMM 130 - 05


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

ProcessThis activity was to teach us how to scan high quality images. I scanned a photo of Bamff, Canada in National Geographic. I decided to make a mock benefit for the local hospital. I created two white lines to go through the add to bring a sharpness and to match the white on the mountains. I also used low opacity black boxes to contain the text.

Saturday October 23, 2015 4:00 pm – 11:00 pm

Enjoy an evening with local vendors and live music in Banff, Canada. Profits will be donated to Banff Mineral Springs Hospital.

For info and tickets visit: www.banffbenefit.com

Taste of the Town

Documents

Jocelyn Smith's Portfolio