Digital Media Design

Page 1

Carlos Cuevas DES250: Digital Media Design II Final Project & Process Book Fall 2013


Contents

Experimentation: 01: Circles

Experimentation

Using only black and white circles, create 9 compositions that explore rhythm, tension,

01: Circles

and balance.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette

Rhythm

11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Tension

Balance Carlos Cuevas / DES250: Digital Media Design III / Fall 2013

02


Contents

Experimentation: 01: Circles Refined

Experimentation

It is possible to create balanced asymmetrical compositions with black and white circles,

01: Circles

experimenting with scale and orientation.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Rhythm

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Tension

Balance

03


Contents

Experimentation: 02: Lines

Experimentation

Using black and white lines, create 9 compositions that explore rhythm, tension, and balance.

01: Circles 02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette

Rhythm

11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Tension

Balance Carlos Cuevas / DES250: Digital Media Design III / Fall 2013

04


Contents

Experimentation: 02: Lines Refined

Experimentation

It is possible to create a balanced asymmetrical composition using only black and white lines by

01: Circles

experimenting with varying line weights, scale

02: Lines

and orientation.

03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Rhythm

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Tension

Balance

05


Contents

Experimentation: 03: Circles + Lines

Experimentation

Using only black and white circles and lines, create 9 compositions that explore rhythm, tension,

01: Circles

and balance.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette

Rhythm

11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Tension

Balance Carlos Cuevas / DES250: Digital Media Design III / Fall 2013

06


Contents

Experimentation: 04: Scale

Experimentation

New compositions can always be discovered in previous compositions by experimenting with

01: Circles

their scale.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

07


Contents

Experimentation: 05: Circle Effects

Experimentation

Experimenting on a single circle with various effects in Illustrator may produce a number of interesting

01: Circles

forms that can be used in future compositions.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

08


Contents

Experimentation 06: Letterforms

Experimentation

Trace two of the letterforms that were chosen from the title of Hansel and Gretel.

01: Circles 02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

09


Contents

Experimentation: 07: Image Effects A

Experimentation

Experimenting with various effects in Photoshop produce a number of interesting and unexpected

01: Circles

moods on a single image.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied

Mischievous

Nostalgic

Playful

Innocent

01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

10


Contents

Experimentation: 08: Image Effects B

Experimentation

Create compositions that visualize balance, rhythm, and tension with an appropriated image that relates

01: Circles

to Hansel and Gretel.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Balance

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Rhythm

Tension

11


Contents

Experimentation: 08: Image Effects B Refined

Experimentation

Experimenting with shapes, scale, and effects produce various compositions that visualize

01: Circles

balance, rhythm, and tension.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Balance

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Rhythm

Tension

12


Contents

Experimentation: 09: Image and Action

Experimentation

Experimenting with the scale of the appropriated image and applying different effects create a variety

01: Circles

of new compositions that can visualize actions.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Burn

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Trap

13


Contents

Experimentation: 10: Object Silhouette

Experimentation

Extracting the object from the image using the selection tool in Photoshop takes precision

01: Circles

and patience.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

14


Contents

Experimentation: 11: Image Effects C

Experimentation

Experimenting with various filters and effects in Photoshop create new compositions simply by

01: Circles

changing the color of the object.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Increase Contrast

Decrease Contrast

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Increase Saturation

Decrease Saturation

Change Hue

15


Contents

Experimentation: 12: Quote Study

Experimentation

Experimenting with the rag for each quote from Hansel and Gretel can create a visually pleasing

01: Circles

composition of text.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study

“What is to become of us? How are we to feed our poor children, when we no longer have anything even for ourselves?”

“When the full moon had risen, Hansel took his little sister by the hand, and followed the pebbles which shone like newly-coined silver pieces, and showed them the way.”

“On the way into the forest Hansel crumbled his in his pocket, and often stood still and threw a morsel on the ground.”

“And when they approached the little house they saw that it was built of bread and covered with cakes, but that the windows were of clear sugar.”

“Witches have red eyes, and cannot see far, but they have a keen scent like the beasts, and are aware when human beings draw near.”

“Get up, lazy thing, fetch some water, and cook something good for your brother, he is in the stable outside, and is to be made fat. When he is fat, I will eat him.”

“Hansel, however, stretched out a little bone to her, and the old woman, who had dim eyes, could not see it, and thought it was Hansel’s finger, and was astonished that there was no way of fattening him.”

“‘Creep in,’ said the witch, “‘Silly goose,’ said the old ‘and see if it is properly heated, woman, ‘the door is big so we can put the bread in.’ enough. Just look, I can get And once Gretel was inside, in myself.’ And she crept she intended to shut the up and thrust her head into oven and let her bake in it, the oven. Then Gretel gave and then she would eat her a push that drove her her, too.” far into it, and shut the iron door, and fastened the bolt.”

13: Quote Enlarged 14: Color Study

“She was in reality a wicked witch, who lay in wait for children, and had only built the little house of bread in order to entice them there.”

15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

16


Contents

Experimentation: 13: Quote Enlarged

Experimentation

Experimenting with the rag of a quote at a larger scale produces different textual compositions.

01: Circles 02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied

“What is to become of us? How are we to feed our poor children, when we no longer have anything even for ourselves?”

01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

– Wood-cutter

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

17


Contents

Experimentation: 14: Color Study

Experimentation

Create a color palette with the most prevelent colors found in the poster, mass media image, and

01: Circles

object image. Arrange the colors into a composition

02: Lines

that is relevant to Hansel and Gretel.

03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Poster

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Mass Media

Object

18


Contents

Experimentation: 15: Color Refined

Experimentation

Combining various color studies into a single composition makes it easier to visualize the story

01: Circles

within the new composition.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

19


Contents

Research/Applied: 01: Inventory

Experimentation

Story: Hansel and Gretel

01: Circles

Hansel and Gretel are siblings who inevitably get

02: Lines

lost in the woods after being abandoned by their

03: Circles + Lines

parents. Starving, Hansel and Gretel come upon

04: Scale

a house made entirely of sweets. Unfortunately,

05: Circle Effects

they find themselves at the mercy of a cannibalistic

06: Letterforms

witch. The siblings escape by outwitting the witch

07: Image Effects A

and pushing her into an oven.

08: Image Effects B 09: Image and Action

Actions: abandon / trap / burn

10: Object Silhouette 11: Image Effects C

Object: lollipop

12: Quote Study 13: Quote Enlarged

Letters: h / g

14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

20


Contents

Research/Applied: 02: Composed Actions

Experimentation

Using only black and white circles and lines, create 3 compositions that visualize the action words used

01: Circles

to summarize Hansel and Gretel.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Trap

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Abandon

Burn

21


Contents

Research/Applied: 02: Composed Actions Refined

Experimentation

Experimenting with the scale, orientation, and frequency of the elements enhances the thesis of

01: Circles

each composition.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Trap

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Abandon

Burn

22


Contents

Research/Applied: 03: Action + Effect

Experimentation

Applying an effected circle into a previous circle composition alters the composition and in some

01: Circles

cases may strengthen the thesis.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

23


Contents

Research/Applied: 04: Effect + Letter

Experimentation

Applying the effected circle and letterform changes the overall composition.

01: Circles 02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

24


Contents

Research/Applied: 04: Effect + Letter Refined

Experimentation

Experimenting with the letterform as image and letter produce a dynamic range of compositions.

01: Circles

Masking the effected circle into the letterform may

02: Lines

change the overall form into an image within the

03: Circles + Lines

different compositions.

04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Image

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

Letter

25


Contents

Research/Applied 05: Poster

Experimentation

Using only elements from previous compositions, create 5 poster sketches that visualize the story of

01: Circles

Hansel and Gretel.

02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

26


Contents

Research/Applied: 05: Poster Refined

Experimentation

The effected image of the boy represents the journey through the woods; the boy being Hansel and

01: Circles

the g placed over the boy represents Gretel. Togeth-

02: Lines

er, they cunningly defeat the cannibalistic witch and

03: Circles + Lines

free themselves from her trap. The candy lollipop

04: Scale

represents the witch’s lure and is placed inside the

05: Circle Effects

counter of the g to show that it is a trap. The g is

06: Letterforms

placed over Hansel’s eye to show the cunning of the

07: Image Effects A

children. The rays bursting from the eye show the

08: Image Effects B

siblings escape.

09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

27


Contents

Research/Applied: 06: Triptych

Experimentation

Create a triptych of Hansel and Gretel using any previous compositions and color palettes.

01: Circles 02: Lines 03: Circles + Lines 04: Scale 05: Circle Effects 06: Letterforms 07: Image Effects A 08: Image Effects B 09: Image and Action 10: Object Silhouette 11: Image Effects C 12: Quote Study 13: Quote Enlarged 14: Color Study 15: Color Refined

Research/Applied 01: Inventory 02: Composed Action 03: Action + Effect 04: Effect + Letter 05: Poster 06: Triptych

“What is to become of us?

Carlos Cuevas / DES250: Digital Media Design II / Fall 2013

How are we to feed our poor children, when we no longer have anything

even for ourselves?”

28


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.