37
Portfolio Clarissa Castelan

Clarissa Castelan's Portfolio

Embed Size (px)

DESCRIPTION

This is a portfolio of the work I have done during my Visual Communications class at Brigham Young University-Idaho. I have also added additional photographs that I have taken and edited over the past two years. Thank-you for taking the time to look at my portfolio.

Citation preview

Page 1: Clarissa Castelan's Portfolio

Portfolio Clarissa Castelan

Page 2: Clarissa Castelan's Portfolio

Clarissa Castelan:360 N Washington Ave.New Braunfels, TX [email protected]

Contact

Page 3: Clarissa Castelan's Portfolio

Imaging BrochureFlierLetterheadBusiness CardWeb PagePhoto designLogosEvent AdMontageAdditional Photography

Table of Contents

Page 4: Clarissa Castelan's Portfolio

ImagingDescriptionTake photos to emphasis photography skills, then apply the four basic edits to those photos : Levels – Vibrance/Saturation – Selective Color – Sharpen Tool.

Programs usedPhotoshop

Date October 14, 2014

Instructor, Course and Section COMM 130 section 12 Ben Pingel

Objective Learn basic photography skills.Use a digital camera to take a quality images, then download them.Adjust image levels, saturation, color balance, sharpen tool on separate layers for NDE (non-destructive editing.)

ProcessTo take the photo showing outside light I made sure to have plenty of sky in the top and added my son in the bottom corner to add a point of interest in the photo. The inside light photo is a photo I took of my son in his Halloween costume Sunday night, it was taken in the living room. For the focus photos I used the auto focus on my camera to focus on the foreground and then the background. For the Composition in thirds I took a photo of my son holding onto the tail strings of a kite, making sure to keep him to the side of the photo and finally the lead room is a close up of my son walking into the frame.

Page 5: Clarissa Castelan's Portfolio
Page 6: Clarissa Castelan's Portfolio

BrochureDescription A full bleed color brochure utilizing high quality photos and text wrapping.

Programs usedAdobe Photoshop, Adobe Illustrator, Adobe InDesign

DateDecember 6, 2014

Instructor, Course and Section COMM 130 section 12 Ben Pingel

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

Process I first created my logo in Adobe Illustrator. I took the swirl tool and created the tree top and the arch tool to create the trunk. I adjusted the width of the lines and added color. I placed the text at the base of the tree with equal overhang on each side. I then opened the offset outline in InDesign and began to arrange the pages with text blocks and images. The images were found on various photo sharing websites. I inputted my body copy and adjusted my paragraph styles to complement the copy. I then opened each photo in Photoshop and cropped or clipped them to get the images I desired. I saved the complete images and refreshed the links in InDesign. I then added the text wrapping. I added a gold color block to the inside of the page and the back of the page that I reduced to a 20% opacity. I also added a water mark to the inside that I placed at 27% opacity. After that I printed the brochure out at the local Office Depot and trimmed the margins.

Page 7: Clarissa Castelan's Portfolio
Page 8: Clarissa Castelan's Portfolio

FlierDescriptionA black and white flier promoting a graduate leadership conference hosted by Vouant Communication.

Programs usedAdobe InDesign

DateOctober 4, 2014

Instructor, Course and SectionCOMM 130 section 12 Ben Pingel

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

Process The first thing I did was sketch out four possible layouts for this flier. I then chose the one I felt would be the most successful. I created a flier based on that sketch. I first placed the boxes on the page. Then I placed in the photo and logo. After that I added the copy and adjusted it to fit in the boxes I had created.

Page 9: Clarissa Castelan's Portfolio

graduate leadership conference

October 21, 22 & 238 a.m - 5 p.mThe Lincoln Convention Center

Come Learn how at Vouant Communications’ annual Graduate Leadership Conference.Vouant Communication is devoted to helping tomorrow’s 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.

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

Do you want to have the competitive edge in business?

Conference is available to graduating seniors. Space is limited.

Page 10: Clarissa Castelan's Portfolio

LetterheadDescriptionMatching letterhead using a personally created logo.

Programs used Adobe InDesign, Adobe Illustrator

DateNovember 8, 2014

Instructor, Course and SectionCOMM 130 section 12 Ben Pingel

ObjectiveUse the basic tools in Illustrator & InDesign.Create a new logo to fit a company or personal image. Use the new logo to design letterhead. Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125. Apply typography rules, keeping small copy.Keep designs simple with light watermarks and drop shadows and plenty of white space.

Process I first used adobe illustrator to create the logo. I typed out the words and letters into separate text boxes so they could be maneuvered. I then adjusted size and typography to complement each other. I placed the words in order and added a solid square into the background. I converted the word ‘consulting’ into an object and rotated it to be vertical. I also converted the letter ‘R’ into an object. I then took both the letter ‘R’ and the word ‘consulting’ and used the pathfinder tool to create a cutout from the square. After creating the logo in illustrator I placed it into my folder for this project. I opened Adobe InDesign and placed the logo into a document for the letterhead. I took the boxes from the business card and imitated them on the letterhead to frame out the copy there. I added the logo to the top left corner and then duplicated the two main letters, ‘W’ & ‘R’ as a watermark in the background.

Page 11: Clarissa Castelan's Portfolio

ayne

oss

W

RWWayne Ross

Network and Database Consultant

210.555.0255 | 123 Main St, San Antonio, TX 78232 | [email protected]

Page 12: Clarissa Castelan's Portfolio

Business CardDescriptionMatching letterhead and business card design using a personally created logo.

Programs usedAdobe InDesign, Adobe Illustrator

DateNovember 8, 2014

Instructor, Course and SectionCOMM 130 section 12 Ben Pingel

ObjectiveUse the basic tools in Illustrator & InDesign.Create a new logo to fit a company or personal image. Use the new logo to design a business cardBusiness card should be 3.5 x 2 and printed above center on a vertical page.Apply typography rules, keeping small copy.Include contact information

ProcessI first used adobe illustrator to create the logo. I typed out the words and letters into separate text boxes so they could be maneuvered. I then adjusted size and typography to complement each other. I placed the words in order and added a solid square into the background. I converted the word ‘consulting’ into an object and rotated it to be vertical. I also converted the letter ‘R’ into an object. I then took both the letter ‘R’ and the word ‘consulting’ and used the pathfinder tool to create a cutout from the square. After creating the logo in illustrator I placed it into my folder for this project. I opened Adobe InDesign and placed the logo into a document for the business card. For the business card I chose a simple, professional design. I used just the name on the back of the design and placed the logo and copy information on the front bordered by simple boxes to pull the card together.

Page 13: Clarissa Castelan's Portfolio

Wayne Ross Consulting

ayne

oss

WWayne Ross

Network and Database Consultant210.555.0255

123 Main StSan Antonio, TX 78232

[email protected]

Page 14: Clarissa Castelan's Portfolio

Web PageDescriptionA web page showcasing the a personally created logo.Programs used: Notepad++

DateNovember 22, 2014

Instructor, Course and SectionCOMM 130 section 12 Ben Pingel

ObjectiveSize 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. Acquire a working knowledge of CSS. Identify hex colors to match logo, using Photoshop color picker.

ProcessI created this web page using Notepad++. After writing my code I used the http://www.W3.org HTML validator to check for problems in my code.After I validated my code, I attached a pre-made CSS document to my HTML. I then used the colors from my logo as the colors for my web page. I found these colors by opening Photoshop and using the eyedropper tool. I changed my fonts to Century Gothic and Perpetua to match the logo. I declared some backup fonts just in case the viewer’s browser didn’t have these fonts.

Page 15: Clarissa Castelan's Portfolio
Page 16: Clarissa Castelan's Portfolio

Photo designDescriptionA Full bleed 8.5 by 11 document that showcases my photography and Photoshop skills to potential employers. This particular project is for an on-line children’s clothing boutique.

Programs usedPhotoshop

DateOctober 18, 2014

Instructor, Course and SectionCOMM 130 section 12 Ben Pingel

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

ProcessI first decided on the color scheme I would use. I then gathered supplies to create the scene needed to photograph. This particular project required that I have a miniature boutique scene to speak to the audience. I then used Photoshop to edit the image’s levels, Vibrance, colors and sharpness.

Page 17: Clarissa Castelan's Portfolio
Page 18: Clarissa Castelan's Portfolio

LogosDescriptionThree different logos for a company.

Programs usedAdobe Illustrator

DateNovember 1, 2014

Instructor, Course and SectionCOMM 130 section 12 Ben Pingel

ObjectiveCreate three completely different, original logos to fit a company or personal image that will appeal to the audience. Use only the Illustrator tools to create and draw your logos.

Process I used Adobe Illustrator to create all three logos. I wanted to create three completely different designs. The top is simply words with the three primary colors scribbled in the background. The second is ellipses tools used to create a bassinet in a single solid color. And the final one is using the ellipses tools to create teddy bear shapes and a rectangle to create a banner in between the two bears.

Page 19: Clarissa Castelan's Portfolio

Wee Little Bears Boutique

Wee little bears boutique

Wee Little Bears

Boutique

Wee Little Bears Boutique

Page 20: Clarissa Castelan's Portfolio

Event AdDescriptionFull bleed color advertisement for a fund-raiser using only Microsoft Word and a scanner.

Programs usedMicrosoft Word

DateOctober 11, 2014

Instructor, Course and SectionCOMM 130 section 12 Ben Pingel

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.

ProcessI first designed the outline for the project. I then chose my color scheme. I set out my blocks for the title and copy and then placed a clip-art image of a giraffe into the document. I scaled the giraffe into my desired size and took the squiggle tool to draw each line of the giraffe to make a lined image that has the look of a child’s drawing. I then deleted the clip-art and added the shapes to reflect the shape of the picture.

Page 21: Clarissa Castelan's Portfolio
Page 22: Clarissa Castelan's Portfolio

MontageDescriptionA full Bleed photo montage showcasing my skills in blending photos and layers.

Programs usedAdobe Photoshop

DateOctober 25, 2014

Instructor, Course and SectionCOMM 130 section 12 Ben Pingel

ObjectiveUse the FOCUS design process with strong focal point and flowUnify a layout with a consistent theme and dominant spiritual messageLearn to blend two or more images together gradually, using masksDemonstrate more advanced Photoshop skills for layout with multiple elementsUse a mask to apply a filter to one part of the imageApply 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 used Photoshop to create this piece. I used masking to create the combining of the photos. I also used various brushes in Photoshop to create the background that mirrored the clouds in the picture of the temple. I also adjusted the colors on the clothing to be complimentary to the color scheme.

Page 23: Clarissa Castelan's Portfolio
Page 24: Clarissa Castelan's Portfolio

Additional Photography The photos in the following pages are ones that have been taken by me and edited in Adobe Photoshop or Adobe Lightroom. These have all been taken in 2013 and 2014.

Page 25: Clarissa Castelan's Portfolio
Page 26: Clarissa Castelan's Portfolio

Additional Photography

Page 27: Clarissa Castelan's Portfolio
Page 28: Clarissa Castelan's Portfolio

Additional Photography

Page 29: Clarissa Castelan's Portfolio
Page 30: Clarissa Castelan's Portfolio

Additional Photography

Page 31: Clarissa Castelan's Portfolio
Page 32: Clarissa Castelan's Portfolio

Additional Photography

Page 33: Clarissa Castelan's Portfolio
Page 34: Clarissa Castelan's Portfolio

Additional Photography

Page 35: Clarissa Castelan's Portfolio
Page 36: Clarissa Castelan's Portfolio

Additional Photography

Page 37: Clarissa Castelan's Portfolio