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