You are on page 1of 37

Portfolio

Clarissa Castelan

Contact
Clarissa Castelan:

360 N Washington Ave.


New Braunfels, TX 78130
830.730.3283
clarissa.castelan@gmail.com

Table of Contents
Imaging
Brochure
Flier
Letterhead
Business Card
Web Page
Photo design
Logos
Event Ad
Montage
Additional Photography

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

Programs used
Photoshop

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

Process
To 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.

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

Programs used
Adobe Photoshop, Adobe Illustrator, Adobe InDesign

Date
December 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.

Flier
Description
A black and white flier promoting a graduate leadership conference hosted by
Vouant Communication.

Programs used
Adobe InDesign

Date
October 4, 2014

Instructor, Course and Section


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

Do you want to have the

competitive edge in business?

graduate leadership conference


October 21, 22 & 23
8 a.m - 5 p.m
The Lincoln
Convention Center

Come Learn how at Vouant Communications


annual Graduate Leadership Conference.
Vouant Communication 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.
Registration and more information available at
http://www.vouantcomm.com/leaders

Conference is available to graduating seniors.


Space is limited.

Letterhead
Description
Matching letterhead using a personally created logo.

Programs used
Adobe InDesign, Adobe Illustrator

Date
November 8, 2014

Instructor, Course and Section


COMM 130 section 12
Ben Pingel

Objective
Use 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.

W
R

ayne
oss

210.555.0255 | 123 Main St, San Antonio, TX 78232 | Wayne@DatabaseConsultant.com

Wayne Ross
Network and Database Consultant

Business Card
Description
Matching letterhead and business card design using a personally created logo.

Programs used
Adobe InDesign, Adobe Illustrator

Date
November 8, 2014

Instructor, Course and Section


COMM 130 section 12
Ben Pingel

Objective
Use 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 card
Business card should be 3.5 x 2 and printed above center on a vertical page.
Apply typography rules, keeping small copy.
Include contact information

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

ayne
oss

Wayne Ross
Network and Database Consultant
210.555.0255
123 Main St
San Antonio, TX 78232
Wayne@DatabaseConsultant.com

Wayne Ross
Consulting

Web Page
Description
A web page showcasing the a personally created logo.
Programs used: Notepad++

Date
November 22, 2014

Instructor, Course and Section


COMM 130 section 12
Ben Pingel

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

Process
I 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 viewers browser didnt have these fonts.

Photo design
Description
A 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 childrens
clothing boutique.

Programs used
Photoshop

Date
October 18, 2014

Instructor, Course and Section


COMM 130 section 12
Ben Pingel

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.

Process
I 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 images levels, Vibrance, colors and sharpness.

Logos
Description
Three different logos for a company.

Programs used
Adobe Illustrator

Date
November 1, 2014

Instructor, Course and Section


COMM 130 section 12
Ben Pingel

Objective
Create 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.

Wee little bears boutique

Wee Little Bears

Boutique

Wee Little Bears Boutique

Wee Little
Bears Boutique

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

Programs used
Microsoft Word

Date
October 11, 2014

Instructor, Course and Section


COMM 130 section 12
Ben Pingel

Objective
Comprehend 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.

Process
I 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 childs drawing. I then deleted the clip-art and added the shapes to reflect the
shape of the picture.

Montage
Description
A full Bleed photo montage showcasing my skills in blending photos and layers.

Programs used
Adobe Photoshop

Date
October 25, 2014

Instructor, Course and Section


COMM 130 section 12
Ben Pingel

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

Process
I 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.

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.

Additional Photography

Additional Photography

Additional Photography

Additional Photography

Additional Photography

Additional Photography