PORTFOLIO

MARIA BEATRIZ CASTELLANOS

MARIA BEATRIZ CASTELLANOS

ONTACT

Benalczar N4-24 y Espejo.

Quito - Ecuador
593 987 563 860
canation6@hotmail.com

TABLE OF CONTENTS:

Brochure
Montage
Logos
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 InDesign
Adobe Illustrator
Adobe Photoshop
OBJECTIVES:

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 brain
that is inside the brochure and then I applied the text
wrap tool to respect the space of the text.

ROCHURE

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

Learn how to wrap text around an image.
Use paragraph styles in InDesign.

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
COURSE / INSTRUCTOR:
Comm 130 13 / Jason Stucki
PROGRAM(s) / TOOLS:
Adobe Photoshop
OBJECTIVES:
Learn to manage Photoshop layers.
Learn to blend images together smoothly, using masks.
Use filters.
Apply appropriate typography.

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

ONTAGE

PROCESS:

MONTAGE:

DESCRIPTION:
Three logo variations for the same company.
DATE:
October 31st, 2015
COURSE / INSTRUCTOR:
Comm 130 13 / Jason Stucki
PROGRAM(s) / TOOLS:
Adobe Illustrator
OBJECTIVES:
Create a variety of logos to fit a company or personal image.
Use the basic tools of Illustrator.

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.

OGOS

PROCESS:

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
COURSE / INSTRUCTOR:
Comm 130 13 / Jason Stucki
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.

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 (PDF
converter).

VENT AD

PROCESS:

EVENT AD:

Saturday, March 21, 2016

From 6AM to 8PM
St. Charles Church Gymnasium
5310 NE 42nd Avenue, Portland

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

DESCRIPTION:
Black & White promotional flier to promote a graduate
leadership conference.
DATE:
October 1st, 2015
COURSE / INSTRUCTOR:
Comm 130 13 / Jason Stucki
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.

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

LIER

PROCESS:

FLIER:

DESCRIPTION:
Matching letterhead and business card designed using a
personally created logo.
DATE:
November 7th, 2015
COURSE / INSTRUCTOR:

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.

USINESS CARD

Comm 130 13 / Jason Stucki

BUSINESS CARD:

DESCRIPTION:
Matching letterhead and business card designed using a
personally created logo.
DATE:
November 7th, 2015
COURSE / INSTRUCTOR:
Comm 130 13 / Jason Stucki
PROGRAM(s) / TOOLS:
Adobe InDesign

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 contact
information. I also added a large color version of the
family-heart as a watermark. I kept the opacity to about 8%.

ETTERHEAD

OBJECTIVES:

LETTERHEAD:

DESCRIPTION:
A web page designed to showcase a personally created
logo.
DATE:
November 20th, 2015
COURSE / INSTRUCTOR:
Comm 130 13 / Jason Stucki
PROGRAM(s) / TOOLS:
Adobe Photoshop
TextWrangler

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 basic
understanding 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 Im learning
deeply about it and now I can say that I like it. Some
years ago, I didnt 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 on
http://www.w3schools.com. This is an important tool on
internet to find how to use HTML and CSS.

EB PAGE

OBJECTIVES:

WEB PAGE:

DESCRIPTION:
A personally taken photograph that has been edited/
formatted using Photoshop.
DATE:
October 17th, 2015
COURSE / INSTRUCTOR:

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

HOTO DESIGN

Comm 130 13 / Jason Stucki

PHOTO DESIGN: