Portfolio Maria Beatriz Castellanos

7/23/2019 Portfolio Maria Beatriz Castellanos

http://slidepdf.com/reader/full/portfolio-maria-beatriz-castellanos 1/21

PORTFOLIOMARIA BEATRIZ CASTELLANOS



MARIA BEATRIZ CASTELLANOS

Benalcázar N4-24 y Espejo.Quito - Ecuador 593 987 563 [email protected]



TABLE OF CONTENTS:

Brochure

MontageLogos

Event Ad

Flier

Business Card

Letterhead

Web Page

Photo Design



DESCRIPTION:

A two sided (duplex) folding brochure.

DATE:

December 5th, 2015

COURSE / INSTRUCTOR:

Comm 130 13 / Jason Stucki

PROGRAM(s) / TOOLS:

Adobe InDesignAdobe Illustrator

Adobe Photoshop

OBJECTIVES:

Set up and align a two-sided, folded document.

Learn how to wrap text around an image.

Use paragraph styles in InDesign.

PROCESS:

I created the logo in Illustrator using the pen tool and

then I placed it into InDesign, where I used it as the

principal element to decide the colors I will used in my

brochure. I placed it in the back side of the brochure

because it looks much better over a white background.

I set up the gateway fold in Adobe InDesign. I split my

layout into three sections with the concept that the

brochure will be folded.

I decided the size of the margins and then I started to

design the front part. I chose people designing photos

that showed the basic process of graphic design:

sketching. After that, I chose a form to design the inside.

I decided to use triangles to make an interesting design

and to play with the order of the information.

I used Photoshop to crop the image of the sitting brainthat is inside the brochure and then I applied the text

wrap tool to respect the space of the text.



BROCHURE:

OUTSIDE:

INSIDE:



DESCRIPTION:

An inspirational montage made by the blending of two

or more images, and the use of typography.

DATE:

October 23th, 2015



PROGRAM(s) / TOOLS:

Adobe Photoshop

OBJECTIVES:

Learn to manage Photoshop layers.

Learn to blend images together smoothly, using masks.

Use filters.

Apply appropriate typography.

PROCESS:

1. I cropped the background image to 8.5 x 11.

2. I selected the mother and her daughter and moved

them to the background image, then I added a mask.

3. With black paint and a 100% opacity, soft-edged

brush, I painted away the hard image edges.

4. With a larger black brush at 40% opacity and 30%

flow, I blended the image into the background, so itlooks like they are melting into the landscape.

5. I added some type, color elements and I added a layer

style (a black shadow in multiply) to make the text more

legible.



MONTAGE:



DESCRIPTION:

Three logo variations for the same company.

DATE:

October 31st, 2015



PROGRAM(s) / TOOLS:

Adobe Illustrator

OBJECTIVES:

Create a variety of logos to fit a company or personal image.

Use the basic tools of Illustrator.

PROCESS:

I really enjoyed to create a logo for this company. After

thinking about which kind of company I would choose

to create the logo I decided if I would use a symbol or

not. So I though it would be great if it has a symbol but

no a big one. I wanted a symbol that could mix with the

typography to create an interesting logo. After that, I

choose the typography and I started to play with it, to

mix with other. I also worked with letter K, it seemed to

me if I enlarge the right side of this letter I would be able

to place my symbol there. And I think it worked! After

made my logo on black I decided which colors I wanted

to use.



LOGOS: Icebiker - the place where you can buy a strong bycicle.



DESCRIPTION:

A color full-bleed event ad to promote a fundraiser using

only Microsoft Word and a scanner.

DATE:

October 9th, 2015



PROGRAM(s) / TOOLS:

Microsoft Word

Sharpcolor Scanner

OBJECTIVES:

Find, scan and import a high-quality image.

Create a full-bleed design.

Use text boxes for layout in Word.

Insert and edit images in Word.

PROCESS:

I scanned the girl with Down syndrome image and erase

some unnecessary elements from the original image.

Then I added the logo first to decide what kind of colors

should I use. After that, I added the information using

two different typographies. I decided to use bold and

italic form from the same typography to make more

interesting the information. Programs I used: Microsoft

Word, Sharpcolor Scanner and PDF2JPG.net (PDFconverter).



EVENT AD:

WEAR BLUE & YELLOW SILLY SOCKS

WHY THE CRAZY SOCKS?

Because people will ask you all day why you are wearing them. This gives you

the opportunity to share about Down syndrome and invite them to celebrate.

* Get to know someone with Down syndrome PLEASE CALL: (01) 897-1485

Saturday, March 21, 2016

From 6AM to 8PM

St. Charles Church Gymnasium

5310 NE 42nd Avenue, Portland



DESCRIPTION:

Black & White promotional flier to promote a graduate

leadership conference.

DATE:

October 1st, 2015



PROGRAM(s) / TOOLS:

Adobe InDesign

OBJECTIVES:

Apply the design principles and use appropriate

typography.

Incorporate basic InDesign skills to improve basic flier layout.

Create a project folder with image, logo and InDesign

document to keep links intact.

PROCESS:

I first created some sketches to define principle details

of my design. After that, with Adobe InDesign, I created

a digital flier using the sketches as a guide. I used many

variations of the typographies to make an interesting

design. I also emphasized some elements in my design,

for example, I contrast the words “graduate”. It is bold

and biggest than “leadership conference”. Also, I

wanted to give the necessary importance to the principalinformation of the event: Date, Time and Location. I used

the negative space to make an organized design. I was

given the image, logo, and content for this flier.



FLIER:



DESCRIPTION:

Matching letterhead and business card designed using a

personally created logo.

DATE:

November 7th, 2015



PROGRAM(s) / TOOLS:

Adobe InDesign

OBJECTIVES:

Create a new logo to fit a company or personal image.

Design consistent layouts for a business card and letterhead.

Use the basic tools of Illustrator & InDesign.

PROCESS:

I created the logo using simple forms in Adobe Illustrator.

I used the rectangle and ellipse tools, the pen tool and

smooth tool. Once the logo was created, I opened a new

two page InDesign document and placed my logo .ai

into this document. I used the rectangle tool to create

the front and back outline of my business card. I then

copied/pasted the logo and contact information onto

this page. In the front part I placed just the logo to make

it important and in the back I placed the name of the

person and the contact information.



BUSINESS CARD:



DESCRIPTION:

Matching letterhead and business card designed using a

personally created logo.

DATE:

November 7th, 2015



PROGRAM(s) / TOOLS:

Adobe InDesign

OBJECTIVES:

Create a new logo to fit a company or personal image.

Design consistent layouts for a business card and

letterhead.

Use the basic tools of Illustrator & InDesign.

PROCESS:

I created the logo using simple forms in Adobe Illustrator.

I used the rectangle and ellipse tools, the pen tool and

smooth tool. Once the logo was created, I opened a new

two page InDesign document and placed my logo .ai

into this document. I placed my logo in the right corner

of the page. I made sure to keep it at least .5″ away from

the edges. Then I decided which elements I will use in

my design. So I started to place a red rectangle in the

bottom of the page. Over it, I typed the principal contactinformation. I also added a large color version of the

family-heart as a watermark. I kept the opacity to about 8%.



LETTERHEAD:



DESCRIPTION:

A web page designed to showcase a personally created

logo.

DATE:

November 20th, 2015



PROGRAM(s) / TOOLS:

Adobe Photoshop

TextWrangler

OBJECTIVES:

Size and optimize an original logo as a .png for a web page.

Write content to describe the process of creating your

logo and how it appeals to a target audience.

Design a web page using HTML to display a logo and content.

Acquire a working knowledge of HTML and basicunderstanding of CSS.

Identify hex colors for web design.

Compress multiple files in a zipped folder to attach as one file.

PROCESS:

I created this web page using only TextWrangler. I had

few experience with HTML/CSS, actually I’m learning

deeply about it and now I can say that I like it. Some

years ago, I didn’t like to try with web sites.

After I marked up all my content and inserted my image, 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 also changed my fonts to Times

New Roman and Futura. One of the most challenging parts

of working with CSS was to place the logo in the middle,

I tried with many formulas until I found the right one onhttp://www.w3schools.com. This is an important tool on

internet to find how to use HTML and CSS.



WEB PAGE:



DESCRIPTION:

A personally taken photograph that has been edited/

formatted using Photoshop.

DATE:

October 17th, 2015



PROGRAM(s) / TOOLS:

Olympus Camera

Adobe Photoshop

OBJECTIVES:

Learn basic photography skills.

Use a digital camera to take a quality image, then

download it.

Size and crop the image.

Adjust image brightness, contrast, hue and saturationlevels.

Use a selection tool to isolate a portion of the image.

Desaturate the selected portion of the image.

Use a filter or colorize a portion of the image.

PROCESS:

I first formulated a plan and decided a message I wanted

to share. I took a picture using my Olympus camera

working specially with composition and light. After that,I chose a color scheme from the Visual Focus Book

studying the color composition in my photography.

Once I found the quote that I wanted to share I decided

the typography and where I should place the text in my

layout. I used the eye dropper tool and adjusted the

color in the color picker to match a little more accurately.

The program I used was Adobe Photoshop.



PHOTO DESIGN:

Portfolio Maria Beatriz Castellanos

Documents

Transcript of Portfolio Maria Beatriz Castellanos