-
Not Synced
PROF VAUGHN: Okay, this video tutorial is
going to give you some art historical
-
Not Synced
context for what we're moving into with
Photoshop, and also some basic design
-
Not Synced
principle theories.
-
Not Synced
So we're going to talk a little bit about
composition, compositional strategies,
-
Not Synced
the history of collage, which is where we're
sort of launching off into our digital
-
Not Synced
collages which we're gonna call
composites, so they're very similar but
-
Not Synced
they have a couple differences.
-
Not Synced
Let's start off with composition.
-
Not Synced
When we're talking about composition,
we're really trying to answer this
-
Not Synced
question: where do you place your
elements?
-
Not Synced
We're always thinking about placing our
elements within our composition to get at
-
Not Synced
the most dynamic interesting look
possible.
-
Not Synced
There are some, sort of, standards that we
have in design principle.
-
Not Synced
We have rules, we have compositional
rules.
-
Not Synced
We have the rule of thirds and we have the
golden rule.
-
Not Synced
We have framing and implied lines.
-
Not Synced
We have background colour and
atmosphere, and something we call value.
-
Not Synced
So we're gonna look at these strategies so
that you can use them in your own work.
-
Not Synced
The rule of thirds is a really classic
important strategy, typically used in
-
Not Synced
photography, but we can use it also
because we're using images in Photoshop
-
Not Synced
and we're starting to add and combine
different elements.
-
Not Synced
So, in this rule, we're using an imaginary
grid of 9 equal parts, the placement of
-
Not Synced
your elements at the intersections equals
a more interesting placement for the viewer.
-
Not Synced
Um, so in this you can imagine you have a
grid, so I've got 2 vertical lines and 2
-
Not Synced
horizontal lines drawn in black over
these sample images.
-
Not Synced
Anywhere those lines sort of interact,
where they cross over, so right here,
-
Not Synced
right here, right here, right here, that is
the most dynamic placement for any
-
Not Synced
of your objects or subjects.
-
Not Synced
So you can see in this photograph, our
dog is placed in a really good position.
-
Not Synced
This vase also, uh, picture, has sort of
been placed in the same position.
-
Not Synced
Any asymmetrical placement is going to
create something for your viewers eye
-
Not Synced
to do.
-
Not Synced
The viewers eye is going to enter the
image plane and give it an opportunity
-
Not Synced
to travel around the composition, because
this is more dynamic, more energetic, can
-
Not Synced
have a feeling of tension, even.
-
Not Synced
So these are kind of those power positions
where you could imagine placing your
-
Not Synced
objects, elements, subjects, to create the
most dynamic possible position.
-
Not Synced
Here's another sample, I've got the
imaginary, kind of, grid drawn over this.
-
Not Synced
You can see we've got our subject placed
over to the left here.
-
Not Synced
The eye is starting over here because this
is in the foreground, and it is sort of
-
Not Synced
placed off to the side, so we start here.
-
Not Synced
We're sort of following the curve of the
landscape, similar tonal value, following
-
Not Synced
it around, and we very quickly, our eye is
going to go up to this bright spot, notice
-
Not Synced
this sort of castle is also at a power
position at this intersection, and then
-
Not Synced
we're going to travel over to this
imaginary, sort of like, dragon creature.
-
Not Synced
So, very dynamic position because the eye
is travelling around the composition.
-
Not Synced
Okay, really important classic, kind of,
painting, Edmund Dulac,
-
Not Synced
this is 'The Little Mermaid.'
-
Not Synced
Uh, here you can see we have a composition
similarly, things are asymmetrical, they are
-
Not Synced
placed off to the right.
-
Not Synced
It is not centered, the subject is a little bit
lower, the horizon line is up about that
-
Not Synced
middle third if you imagine the imaginary
rule of third grid.
-
Not Synced
Here gives you a kind of clear picture of,
kind of, how these elements are placed.
-
Not Synced
The imbalance is good here, so remember
that, you actually want imbalance in
-
Not Synced
your composition.
-
Not Synced
If we compared them, I cropped the one on
the right a little bit to make it sort of
-
Not Synced
centered, the comparison should give
you a good idea.
-
Not Synced
Here, your eye kind of comes in and it
travels up and it comes back down.
-
Not Synced
In this very centered image it sort of just
breaks the image plane into 2 parts.
-
Not Synced
Very boring, very static.
-
Not Synced
We also have 2 equal parts between the
top, because the horizon line is falling in
-
Not Synced
the middle, and this bottom section.
-
Not Synced
So it's very very static.
-
Not Synced
Our second rule is the golden ratio.
-
Not Synced
This is the Greek mathematical equation,
it expresses itself as a spiral.
-
Not Synced
Many of the most famous pieces of art use
this ratio to decide on the placement of
-
Not Synced
elements, and as a natural way to lead the
eye across the image.
-
Not Synced
This is very popular in, um, architecture
as well.
-
Not Synced
The golden ratio, again, it is a
mathematical equation.
-
Not Synced
Once you know he equation you can use it
to determine the placement and the scale
-
Not Synced
of certain objects.
-
Not Synced
Here's a very famous piece, you can see
how that spiral is being expressed in
-
Not Synced
the shape of the wave.
-
Not Synced
Many, uh, very important and classic
logos are based on the golden ratio.
-
Not Synced
So the ratio itself is 1 to 1.618, you can
see how these play out in logos that
-
Not Synced
you're often very familiar with.
-
Not Synced
So these all are using a ratio of 1 to
1.168: Chevron, Pepsi, all of these logos
-
Not Synced
using that golden ratio.
-
Not Synced
The idea behind the golden ratio is
that it is a mathematical proportion, so
-
Not Synced
the ratio itself is often found in nature,
think of shells etcetera, things you find
-
Not Synced
at the beach.
-
Not Synced
Um, that idea is sort of, uh, being
borrowed by designers to make logos that
-
Not Synced
feel naturally balanced.