
English: 
Hello everyone, this is Nilabh! And in this
tutorial I'll be showing you how to make this
animated greeting. This animation is made
using two of the most powerful softwares:
Adobe Illustrator and After Effects. So, this
animation
is based on a simple principle called Parallax.
It is a very fundamental camera technique
in After Effects.
Technically, parallax can be described as the
difference between the displacement
of any object according to exposition.

Spanish: 
¡Hola a todos, soy Nilabh! Y en este tutorial, os mostraré cómo conseguir esta
felicitación animada. Esta animación está hecha utilizando dos de los programas más potentes:
Adobe Illustrator y After Effects. Esta animación
se basa en un principio sencillo llamado Paralaje.
Esta es una técnica fundamental de cámara en After Effects.
Técnicamente, el paralaje se puede describir como la diferencia entre el desplazamiento
de cualquier objeto de acuerdo con su exposición.

Spanish: 
Sé que esto es muy friki, pero déjame enseñártelo de una forma muy sencilla. Por ahora, solo abre After Effects
y crearemos una composición nueva. Puedes mantener los ajustes que quieras.
Vamos a mantener algunos ajustes HD. Podemos crear dos formas cualesquiera como en Adobe Illustrator.
Así, puedes ir a la ventana de composición, haz click derecho y ve a:
Nuevo y Crear Capa de Forma.
Crea dos figuras cualesquiera o a lo mejor tres si quieres,
y dale tres colores.
Mientras el objeto esté seleccionado, puedes ir arriba a la barra de herramientas y cambiar su color.

English: 
I know it's too geeky but let me show you
in a very simple way. For now, just open After Effects,
and we'll create a new composition.
You can keep any settings you want. Let's
just keep some HD settings right now. We can
create any two shapes just like Adobe Illustrator.
So you can go into the comp window and
right click and go to:
New and Create Shape Layer.
Create any two shapes or maybe three if you want,
and give them different colors.
While the object is selected you can go up
in the toolbar and change its colour. I just

Spanish: 
Creo un fondo con el mismo proceso y un color diferente. Vamos a coger el blanco para que
los objetos destaquen. Pero ahora, no necesitamos nombrar las capas, ya que esto es solo un ejemplo.
 
Puedes establecer la distancia focal en 25 o 35, como quieras. Mientras la capa de cámara está seleccionada,
puedes pulsar B e introducir los valores que se mostrarán. Ahora, déjame mostrarte cómo
funciona esto. Ahora mismo estamos mirando a través de nuestra cámara activa, que es esta,
y tenemos dos figuras delante de nuestra cámara. Ahora, si movemos nuestra cámara, no pasará nada en realidad.

English: 
created a background with the same process with a different colour. Let's just take white for the
objects to stand out. We don't need to name the layers right now as this is just an example.
Let us create a camera right click again on
the comp window go to New and Select camera.
You can keep any focal length 25 or 35 as you
like. While the camera layer is selected you
can hit B on the keyboard and the position
values will be shown. Now let me show you how
this works. We are actually looking through
our active camera, which is this one, and
we have two shapes in front of our camera.
Now, if we move our camera nothing will actually

English: 
happen. For this to work we have to make our
layers 3D. We are right now in a 2D environment.
And to make these layers 3D and let them move
in a 3D space, we have to convert these layers
into 3D. Right now you can see that there
are only two position values, which are the
x-axis and the y-axis. Now, if we make these
layers 3D, for that to happen you have to
click here, beneath this little cube, and the
objects instantly become 3D. And now you can
see that we have three axes to move our objects into,
all right? And also in our position or rotation
properties, we get these two extra values to manipulate.
Ok, now you can move the object into the x-axis,

Spanish: 
Para que esto funcione, tenemos que hacer nuestras capas 3D. Ahora mismo estamos en un escenario en 2D.
Y para hacer que estas capas estén en 3D y hacer que se muevan en un espacio en 3D, tenemos que convertir
estas capas en 3D. Ahora, puedes ver que solo hay dos valores de posición, que son el eje X
y el eje Y. Ahora, si convertimos estas capas en 3D, para lo que tienes que hacer click aquí,
debajo de este pequeño cubo, y los objetos se convertirán instantáneamente en 3D. Y ahora,
puedes ver que tenemos tres ejes para mover nuestros objetos. Y también, en nuestras propiedades de posición
o rotación, aparecen estos dos valores extra para manipular. Vale, ahora puedes mover el objeto en el eje X

English: 
the y-axis and this is the new one, the z depth,
the z-axis. Alright, so now we know that we
are into 3D space. Now, if we move our camera,
you can see how this works, we can pan, rotate
or pan our camera, zoom in and zoom out. All right?
Now just press C to activate the unified camera
tool and you'll be able to rotate the scene
and see it in 3D space. OK? You can go to
track and pan tool and see how this works.
You can just go and click on this little tab
and go to custom view. And now you can actually
see what is happening here. So this is our
camera and these are the objects which are on the same plane in relation to our camera.

Spanish: 
el eje Y, y en este que es el nuevo, la profundidad, el eje Z. Muy bien, ahora sabemos que estamos en un
escenario en 3D. Ahora, si movemos nuestra cámara, podéis ver como funciona, podemos desplazarnos, rotar,
o desplazar nuestra cámara y hacer o quitar zoom. Ahora, presionamos C para activar la herramienta de
cámara unificada y podremos rotar la escena y verla en 3D. ¿Vale? Puedes arrastrar y
usar la herramienta desplazamiento para ver como funciona. Puedes hacer click en esta pequeña pestaña
e ir a vista personalizada. Y ahora, puedes ver lo que pasa aquí. Entonces, esta es nuestra cámara
y estos son nuestros objetos, que se encuentran en el mismo plano con respecto a nuestra cámara.

English: 
So if we move any object in z depth, like let's
take, er,  bring this one forward or maybe bring
it backward and bring the other one forward.
So now, we have a special difference between
both the objects in relation to the camera
just like 3D space. Now let's go back to our
active view, and you can see that this object
has come closer to the camera and that's why
the scale is bigger. And the other one has
been put way behind. And now when we move
our camera you'll be able to see the parallax
working perfectly.  OK? Imagine that this is the
tree beside the road and that is a mountain
far away and you're moving in your car and
looking through the window, OK? So the foreground
object will move faster and the background

Spanish: 
Así que si movemos cualquier objeto en el eje Z, profundidad, como por ejemplo, este hacia atrás
y este otro hacia delante. Ahora tenemos una diferencia espacial entre ambos objetos
con relación a la cámara, haciendo así un espacio 3D. Ahora, vamos a volver a nuestra vista activa,
y puedes ver que este objeto se ha colocado más cerca de la cámara y por esta razón,
la escala es más grande. Y el otro se ha puesto detrás. Y ahora, cuando movemos nuestra cámara,
podemos ver el paralaje funcionando a la perfección. ¿Vale? Imagina que este es el árbol
junto a la carretera y eso es una montaña a lo lejos, y que te mueves en tu coche mirando
por la ventana. Así que el objeto en primer plano se moverá más rápido y el objeto del fondo

English: 
object will stay longer in the frame, because
of the spatial difference. So this is a simple
fundamental principle of parallax that happens
in real life. And based on this principle, we'll
make that greeting card giving every object
a spatial distance, and in relation to the
camera, and make the scene alive. So let's
jump right into it! So, before starting any
animation or design, I usually sketch, draw
and rework what I exactly want. Here are some
of the sketches that I did. This is the final
design that I came up with. I tried variations
with the back camera. This is a crab that would
be walking in and wishing you happy summer.
The umbrella, the grass, OK? So this is the whole
composition I have here, and then I took it
into Illustrator and made this whole design.
Now, here you have to take care that every

Spanish: 
se quedará más tiempo en el fotograma debido a la diferencia espacial. Este es un principio
fundamental del paralaje, que sucede en la vida real. Y basándonos en este principio, haremos
nuestra tarjeta de felicitación dándole a cada objeto una distancia espacial con respecto a
la cámara y dándole vida a la escena. ¡Así que vamos ya por ello! Antes de empezar cualquier
animación o diseño, suelo dibujar un boceto y rediseñarlo hasta conseguir exactamente lo que quiero.
Aquí tengo algunos bocetos que he hecho. Este es mi diseño final, he intentado variaciones
con la cámara. Este es el cangrejo que irá andando y deseándote feliz verano.
La sombrilla, las plantas... Vale, esta es la composición completa, y luego la paso a
Illustrator y completamos el diseño. Ahora, tienes que asegurarte de que cada objeto que

English: 
object that you'd be separating out in
space, and be putting some distance in between
them, has to be on different layers, right inside
Illustrator. You can see I have this grass.
Grass 1, the plants, background grass. Ok?
All of these objects in separate layers. This
enables us to animate all the objects separately
in after effects. Ok? So I have my crab in
another layer. We have the mountains and the
lighthouse and so on, ok? The cocktail, the
girl, the umbrella. Ok? So just, any design
that you make, any scene that you make, make
sure that all the layers are separate before
you take it into after effects. Otherwise

Spanish: 
vayas a separar en el espacio, poniendo distancia entre ellos,
deben estar en capas diferentes dentro de Illustrator. Puedes ver que aquí tengo las plantas,
hierba 1, la hierba del fondo, ¿vale? Todos estos objetos van en capas separadas. Esto nos permite
animar todos los objetos por separado en After Effects. Así que tengo mi cangrejo en otra capa.
Tenemos las montañas, el faro, y así con todos. El cóctel, la chica,
la sombrilla... En cualquier diseño o escena que hagas,
asegúrate de tener las capas separadas antes de llevarlo a After Effectts. De lo contrario,

English: 
in after effects it will come as one layer and
you will not be able to manipulate them
separately. So after the design is complete,
let's import everything in After Effects.
OK guys, so now here we are inside After Effects.
So, usually we start with a new composition.
But now let's just double click and import
our Illustrator file, and we can change the
size of the composition anytime later on.
So this is the final Illustrator file. Make
sure you select: composition> retain layer size.
OK, so all the layer sizes and layers will
be separated out for us to animate. OK, so
this creates a composition by itself, and you
can see that all the layers here are exactly
the same in After Effects as we had kept it

Spanish: 
aparecerá en After Effects como una sola capa y no podrás manipular los objetos por separado.
Entonces, cuando el diseño esté completo, lo importamos todo en After Effects.
Vale chicos, ya estamos aquí, dentro de After Effects. Normalmente, empezamos con una nueva composición.
Pero esta vez, vamos a hacer doble click y a importar nuestro archivo de Illustrator, y podemos cambiar
el tamaño de la composición más tarde en cualquier momento. Este es el archivo final de Illustrator.
Asegúrate de que seleccionas: composición> Conservar tamaños de capa. Vale, así los tamaños y las capas
estarán separadas para que las animemos. Vale, esto crea una composición automáticamente y
puedes ver que todas las capas aparecen exactamente igual en After Effects que como las dejamos en

Spanish: 
Illustrator. Esto no s dará control sobre la capas para animarlas o agruparlas como necesitemos.
En primer lugar, vamos a esconder el cangrejo, ya que lo vamos a animar por separado.
Ahí va. Entonces, vamos a empezar agrupando algunas capas que creamos que estarían en la misma
línea, la misma distancia de la cámara. Como estos tres trozos de hierba y plantas.
Estos tres estarán a la misma distancia de la cámara. Esto estaría un poco más lejos de la cámara,
pero la duna de arena y la sombrilla estarían en un mismo grupo. Luego, la chica y a lo mejor
su cámara. Luego, detrás de ella estaría el cóctel. Luego el mar, las montañas y
el faro.Y estas hojas, estas hojas de palmera estarían un poco más cerca de la cámara.

English: 
in Illustrator. This would give us control
over the layers to animate or group them as we
require. So first of all, let's just hide the
crab, as we will be animating him separately.
Here we go. So, let's start by grouping some
layers which we think would be in the same
line, the same distance from the camera. Like
these three patches of grass and plant. These
three would be equidistant from the camera.
This would be a bit further away from the
camera, but the sand dune and the umbrella
would be one group. Then the girl and maybe
her camera. Then behind her would be the cocktail
glass. Then the sea, the ocean, and the mountains
and the lighthouse. And these leaves, these coconut
leaves, would be a bit towards the camera.

Spanish: 
Antes de mover o animar cualquier objeto, vamos a importar una imagen que habíamos exportado
de Adobe Illustrator, solo como referencia. Y simplemente arrástrala encima de nuestra composición.
Puede que tengas que ajustar la escala para que coincida con la composición del fondo.
Puedes acceder a las propiedades de escala pulsando S en el teclado, así se mostrará solo
el valor de escala. Y puedes hacer click y arrastrar para ajustar la escala del objeto hasta conseguir lo que

English: 
So, before we move any object or animate, let's
just import an image that we had exported
from Adobe Illustrator, just as a reference.
And just drag it on top of our composition
here. You may have to fit the scaling,
and match it according to the background composition.
You can access the scale property by hitting
S on your keyboard, so that only the scale
value will be shown. And you can left-click
and drag on it to adjust the scale of the object,

Spanish: 
necesites. Vamos a ponerlo en modo Superponer haciendo click en la pestaña y seleccionando
las propiedades de la capa, modo de fusión. Así podremos hacer que coincida. Creo que así será
suficiente, ya que solo lo necesitamos como referencia. Mientras la capa esta seleccionada, puedes pulsar T
para disminuir la opacidad de la capa. Vamos a bajar la opacidad solo un poco.
Vale, tal vez no tanto. Sí. Entonces, vamos a esconderla por ahora, esconde la capa.
Nos va a hacer mucha falta luego en la composición. Ya volveremos luego.
Antes de cambiar cualquier capa, asegúrate de que tienes activado el botón de rasterizado continuo.
Lo que hace esto es que aunque incrementes o disminuyas la escala del objeto,

English: 
as and how you require. Let's just put it in
overlay mode by clicking the tab and selecting
the layer property, blending mode. So we'll be
able to match it. And, I think this much is
enough as we just need it for reference. While
the layer is selected, you can press T to bring
down the opacity property for that layer.
Let's just turn down the opacity a little
bit. Ok it's maybe, maybe not that much. Yes.
So let's just hide it for now, hide the layer.
We'll be needing it to match it later on with
the composition. Let's come to that later
on. So before you change any layer, make sure
that you have continuous rasterize button,
the option on. What this does is, even if you
scale the object up or scale it down, the

Spanish: 
la resolución se mantendrá intacta. Así que básicamente, se comporta como una imagen vectorizada y no
como un mapa de bits. No perderá su forma, como un vector en Illustrator.
Así que una vez que esto está activado, vamos a agrupar estas capas juntas. Y con agrupar quiero decir
hacer una composición. Así que click derecho encima, y pulsa precomposición, y ponle un nombre:
"follaje izquierdo". Allá vamos. Así que esta es una composición. Tal y como nuestra composición "Feliz Verano 09"
tiene todas estas capas dentro, esta composición tendrá estas tres capas dentro.
Así nos resultará más sencillo controlar las capas. Activa la opción de rasterizado.
O tal vez, podemos activarla más adelante para ahorrar un poco de espacio ram, ya sabes.

English: 
resolution of it would be kept intact. So
basically it will behave as a vector image
and not as a bitmap. It will not abandon its
sharpness, right? Like a vector in Illustrator.
So once this is turned on, let's group these
together. And by grouping I mean making a composition.
So right-click on it, and say pre compose, and
give it a name: "left foliage". OK, there
we go. OK so this is one composition. As this "Happy Summer 09" is one composition inside which
we have all these layers, so this would by itself
be a composition inside which we have all
these three layers. So this would be easier for us to control. Turn the
rasterize option on. Or maybe we can turn it on later to save some ram space, you know.

Spanish: 
Voy a hacer esto con el resto de capas de elementos. Voy a avanzar rápidamente el vídeo
para que no dormirte de aburrimiento. Vale, allá vamos. Ahora, tenemos aquí
una capa de referencia del boceto y unas paletas de colres que no necesitaremos aquí. Podrías
eliminar estas capas directamente en Illustrator, pero si se te olvida, puedes convertirlas en capas tímidas,
que está en este pequeño cubo de aquí. Estos pequeños ojos de alien, y vas a hacer click en las dos.

English: 
So I'll do it with the other layers elements
as well. I'll just speed up the video so it's
not too boring and make you sleep, right? OK, so here we go. Ok so now, here we have some...
a reference layer from a sketch, and some color
palettes that we don't need here. You could
delete these layers right in Illustrator but
in case you forget to do that, you can just
shy guide them, which is a little cube button, here. These little alien eyes, you can click

English: 
on it, for both of them. And if you hit this, it
will hide the layers for which the shy switch is
on. So the layers are hidden and gone. If you
ever want to access them just click on it
again and they'll be right back, but we don't
need them right now. So let's just hide them,
and clean up our workspace. So I guess what I've
done here is, we have made a left foliage,
a right one. Then we have the left tree leaves,
the right tree leaves, the lighthouse... I've
put the lighthouse and the mountain in one
comp, because when we move the camera a little,
they'll not be making much of a parallax difference
between the three of them, because they're
far away in the background, so they're one composition.
The bag is one layer. The right sand dune and

Spanish: 
Y si pulsas esto, las capas tímidas se esconderán.
Así, las capas están escondidas y se han ido. Si quisieras acceder a ellas, simplemente haz click encima
otra vez y volverán a aparecer, pero ahora no las necesitamos. Así que vamos a ocultarlas
y limpiemos nuestro espacio de trabajo. Hemos hecho la vegetación de la izquierda,
la de la derecha. Luego, tenemos las hojas de la izquierdas y las de la derecha, el faro...
He puesto el faro y la montaña en una misma composición porque cuando movamos la cámara
no habrá mucha diferencia de paralaje entre ellos, ya que están muy lejos
en el fondo y por eso, son una sola composición. El bolso en una capa. La duna de arena derecha

Spanish: 
e izquierda; no sé si las estoy nombrando correctamente pero servirá por ahora.
La sombrilla, que está en la composición con la base de arena porque van a estar en el mismo lugar.
La cámara, la chica con su propia duna de arena y la sombra, el cóctel, compuesto por las
burbujas, el vaso y la arena, y la arena en sí misma. Guau, está muy feo si ocultamos la arena.
Y el océano, que tendrá todos estos elementos dentro. Animaremos estos elementos directamente
en la propia composición. Y por supuesto, el cielo y el fondo. Así que ahora,
tenemos todas nuestras composiciones, por lo que podemos avanzar y animar la cámara. Así que lo

English: 
the left sand dune, I don't know if I'm calling
them right, but it will have too for now. The
umbrella which is comped with the base sand, because they'll be in one place. The
camera itself, the girl, with her own sand
dune and the shadow, the cocktail, which consists
of the bubble the glass and the sand, and the
sand itself. Wow it looks ugly if you hide it.
And the ocean which will have all these elements
inside. We will animate these elements right
inside that comp composition itself. And of
course the sky and the background. So now,
we have all our compositions set ,so now we
can move ahead to animate the camera. So first

Spanish: 
primero que tienes que hacer aquí, es crear la cámara por supuesto. Hagámoslo haciendo click donde sea
excepto en las capas. Ve a Nuevo y crea la cámara. Puedes activar el botón de rasterizado ahora.
Para que esto funcione, tenemos que convertir estas capas en 3D. Ahora mismo están en 2D, y para pasarlas
a un espacio 3D, tenemos que convertirlas en capas 3D. Para hacer eso, simplemente haz click en este
pequeño cubo en 3D. Esto nos permitirá mover la capa en tres dimensiones. Así que ya podemos
mover la capa hacia arriba y hacia abajo y a los lados, básicamente en un espacio 2D. Por lo que tenemos que
mover las capas en el eje Z de profundidad, la tercera dimensión. Para hacer eso, simplemente activa el cubo

English: 
thing you need to do here, is create the camera
of course, let's do that by clicking anywhere
other than the layers. Go to New and create
the camera. You can turn on the rasterize
buttons now. For this to work, we need to make
these layers 3D. They are right now 2D and to move
them in 3D space we will have to convert them
into 3D layers. To do that, just click on this
little 3D cube. This will allow us to move
the layer in three dimensions. So right now
we can move the layer up, down and sideways,
basically in 2D space. So we need to move
the layers in z-depth, the third dimension. To
do that, just turn on the 3D cube for every

Spanish: 
3D en cada capa. Esta capa de referencia no la convertiremos en 3D, ya que la necesitamos plana,
en 2D, porque es solo el lugar de referencia para nuestra composición final de la escena. Por lo que volveremos
a ella más adelante, por ahora, la ocultamos. Así que a continuación, tenemos que ir a vista personalizada, y
ahora puedes ver que nuestra cámara está aquí y la composición está justo delante. Empecemos con el
cielo, podemos dejarlo bastante alejado. Ahora, puedes ver que hay tres, voy a hacer zoom.
Hay tres ejes: Y, X y Z, con la profundidad 3D, vamos a mover nuestro cielo. Puedes seleccionar el
eje Z y arrastrar y mover el fondo hacia atrás. O puedes ir a este pequeño menú desplegable de aquí abajo,
y en las opciones de transformar. Bueno, normalmente, aparecen solo dos valores para cada propiedad,

English: 
layer. By choice we will not make this reference
layer 3D, because we need it in 2D plane. Because
this is just a placement reference for our
final scene composition, so we'll get to it
later on, we'll just hide it for now. So, next
we need to go into the custom view, and now
you can see that our camera is here and the
composition is in front of it. Let's start
with the sky we can keep it further away.
And now you can see that there are three-  I'll just zoom
in. There are three axes:  Y, X and Z, with the
3D depth, let's move our sky. You can select
the z axis and drag, and move the sky back.
Or you can go to the little drop down menu
here, and in the transform options. Well, usually
you see that there are only two values for

Spanish: 
pero ahora hay un tercer valor, lo que indica que hemos convertido el objeto en 3D.
Tenemos otra dimensión para mover el objeto, así que vamos a empujarlo hacia atrás.
Ahora, hay aquí una pequeña herramienta llamada cámara unificada. Puedes seleccionarla
y mover la escena en un espacio 3D. Esta es una de las mejores cosas que hace After Effects.
Nos permite mover objetos en 2D en un espacio 3D y nos deja manipularlo como queramos.
Puedes girar la escena y saber donde están tus objetos. Vamos a empujar
nuestro cielo mucho más hacia el fondo. Vale, el cielo tiene que estar muy muy lejos. ¿De acuerdo? Mientras tu

English: 
each property but now there is a third one,
which suggests that we have converted the object
into 3D. We have got another dimension for
the object to move into, so let's push it
far back. Now there's a little tool here, called
the unified camera tool. You can select that,
and move the scene around in 3D space. So,  this
is one of the best thing that after effects
does. It enables us to move the 2D objects
in 3D space and lets us manipulate it as and
how we want. You can turn the scene around
and know where your objects are. Let's just
push our sky further back.OK so the sky
has to be far, far back. All right? While the

Spanish: 
cámara unificada está seleccionada, puedes pulsar C en el teclado para alternar entre
varias opciones de la herramienta cámara. Esta es una herramienta unificada y podemos rotar, mover y
desplazar tu cámara, tu vista activa. Y hacer o quitar zoom . Así que experimenta
con esto y te familiarizaras con ello muy rápidamente. Vale, así que el cielo está ahí y ahora,
vamos a necesitar nuestro faro y las montañas justo cerca de esto. Así que vamos
a los valores de posición y lo movemos muy al fondo. Ahora, si vas a nuesta vista activa, verás...

English: 
unified tool is selected, you can press C on
your keyboard to toggle between various manipulation
options for the camera tool. So this is a unified
tool and this would rotate, and this would
move and pan, your camera, your active view.
And this will zoom in and zoom out. So experiment
with these and you'll get familiar with it
in no time. OK so the sky is there, and now
we will need our lighthouse, yeah, lighthouse,
and the mountains just near to that. So
let's go into the position values and move
it far back. Now, if you go to our active view,

Spanish: 
Vale, aquí hay un pequeño problema creo. Ah, esto no se ha movido, pero creo que algo ha hecho.
Bueno, me parece que el problema es qu no hemos convertido las capas
de esta composición en 3D. Así que es importante hacerlo, de lo contrario, moverás tu composición pero
no tus capas. Es raro pero sí. Así que primero, vamos a hacerlo para todas nuestras composiciones.
Vale, volvamos a nuestra vista personalizada. Vale, ahora, podemos ver todas las capas que no se
veían al principio, de acuerdo. Entonces, ahora vamos a mover las montañas hacia atrás. Ahora puedes ver que

English: 
you will see... OK there's a bit of a problem,
I guess. Oh, so this has not moved but I guess
something did. OK, all right, so I guess the
problem is we have not converted the layers
inside that composition into 3D. So it's important
to do so, otherwise you're moving your composition
but not your layers. It is weird but, yeah.
So let's do that first for all our compositions.
OK so let's go back to our custom view.  OK now, we are able to see all the layers now which
were not visible at first, alright. So now let's
just move our mountains back. Now you can see that

Spanish: 
se mueven en tiempo real. ¡Sí! Así que he desplazado las capas como necesitaba, simplemente rota la cámara

English: 
they are moving real time. Yay! So I have
shifted the layers as I needed, just rotate

English: 
the camera and see how it goes. OK, so looks
pretty good. So now let's go back to our active
view. And if we pan the camera here, you can
now already see what I was talking about,
all right? The parallax is visible. So now
when you turn on the reference...turn on the
reference layer you'll see the importance of
it. You will see the size relation of where
the objects scale and where the position was. So now you can match the scale of the object
according to the reference layer that we have
got here. OK, so now let's turn our reference
layer on and go one by one matching the scale
of the object to the image that we have got.
For this to work you will just have to hit
this and change the scale values of the object,

Spanish: 
y mira cómo va. Vale, está bastante bien. Ahora, vamos a volver a nuestra vista activa.
Y si desplazamos la cámara aquí, podrás ver ya de lo que estaba hablando.
¿Vale? El paralaje es visible. Así que cuando actives la capa de referencia,
verás su importancia. Verás la diferencia de tamaño en la escala y posición de los objetos.
Así que ahora puedes hacer que coincida la escala del objeto de acuerdo con la
capa que tenemos aquí. Vale, así que ahora vamos a activar nuestra capa de referencia
y vamos objeto por objeto haciendo que la escala coincida con la imagen que tenemos.
Para que esto funcione, solo tendrás que pulsar aquí y cambiar los valores de la escala del objeto

Spanish: 
y automáticamente, volverá al lugar que ocupa en la imagen de referencia porqu el punto de ancla es el
mismo para todos los objetos, el cual está en el centro. Así que hazlo. Es muy sencillo,
y no tendrás que afinar demasiado, simplemente ve todo lo ceca que puedas. Pulsa S y obtendrás los valores

English: 
and it will automatically go back to the place the reference image has, because the anchor point
is the same for all the objects, which is in
the middle. So do that. This is very easy,
and you'll not have to do too much fine-tuning,
just go as close as possible. Hit S and you'll

Spanish: 
de escala y ajústalos correctamente. Vale chicos, creo que ya tenemos una composición,
y que hemos establecido la escala de todo. Así que ahora, solo tenemos que recortar nuestra escena como
queramos. Habrás observado que le hemos dado a nuestros objetos una longitud extra, así cuando los
recortemos o movamos, no se partirán. Esta es una composición que hemos cogido directamente de
After Effects. Y ahora, podemos ir a la pestaña de composición > ajustes de composición. Verás que se

English: 
get the scale values and adjust it accordingly.
OK guys, so I think we have got a composition
right, and scaled up everything. So now we just
have to crop our scene as per our requirement.
You'll notice that we have made some extra
length to our object, so when we crop them
or move them, it will not be cut off. This is
a composition that we directly took from After
Effects. And now, we can go into the composition
tab>composition settings. You will notice that

Spanish: 
muestra el ratio de anchura y altura. Simplemente, desmarcaré proporción de aspecto y activaré la vista
previa. De esta forma, cuando cambie el ancho, podrás ver el efecto directamente en la escena.
Puedes cambiar la altura a tu gusto. Y como puedes ver, nuestra escena está ahora recortada.
Puedes poner la altura que quieras y hacer que coincida la composición. Yo mantendré un
número apropiado. Ahora, observarás que nuestra escena se ha movido un poco hacia arriba,
y necesitaremos bajarla. Para hacer eso, simplemente coge todo, incluyendo tu referencia y

English: 
the width and height ratio is shown. I'll just uncheck
the log aspect ratio and put the preview on.
So when I change the width, you'll be able to
see it gets affected live in the scene. You
can change the height as per you like.
And you can see that, our scene is now cropped.
You can change the height of it as you like
and match the composition. I'll keep it a
suitable number. Now, you'll notice that our
scene has gone a little bit towards the top,
upwards, and we'll need to bring it down. To do
that, just grab everything, including your

Spanish: 
mueve hacia abajo en el eje Y. A lo mejor un poco hacia arriba, un poco más... Vale, perfecto.
Creo que está bastante bien. Siempre podemos recolocar nuestras hojas o cualquier otro objeto.
Vale, habrás observado que nuestra escena está bastante bien equilibrada y compuesta.

English: 
reference and move it down in y axis. Maybe
a little bit up, a little bit more... OK yes.
So, I think this looks good enough. We can always
reposition our leaves or any other object
as we like. OK, so now you'll notice that our
scene is fairly well balanced and composed.

English: 
I'll just move the coconut leaves a little
bit upwards. OK. So when you go to camera and,
move around, you can see the parallax working.
I'll just key this, and preview render
it, so you'll notice it better. Here it is.
OK. You can see how the depth and parallax

Spanish: 
Moveré las hojas de palmera solo un poco hacia arriba. Vale. Entonces, cuando vayas a la cámara y la
muevas, podrás ver como funciona el paralaje. Simplemente voy a hacerlo clave y renderízalo
para verlo mejor. Aquí está. Vale. Puedes ver cómo la profundidad y el paralaje están funcionando.

Spanish: 
De acuerdo, esto es exactamente lo que quería mostraros en este tutorial, el alucinante 3D,
que After Effects puede crear con capas en 2D. Y puedes divertirte con esto, puedes hacer o
quitar zoom drásticamente, desplazar la cámara o añadir muchos más efectos.
Así que espero que hayáis disfrutado de este tutorial, y espero que no sea demasiado largo. Sí,
hay un montón de cosas, pero creo que es muy interesante. Y After Effects te brinda mucho control
para cualquier movimiento gráfico o animación 2D que quieras hacer con él. Así que ya está,
ahí lo tenemos. Ahora, en la segunda parte, vamos a poner la animación de nuestro cangrejo.
El cangrejo andará desde el lado derecho de la pantalla deseándote feliz verano.

English: 
is working. Alright, so this is exactly what I wanted
to show you in this tutorial, the amazing 3D.
thin that After Effects does to 2D layers.
And you can have fun with it you know, you
can drastically zoom in and out the camera
and pan, add much more effects to it. So I
hope you guys enjoyed this tutorial, and I
hope that it's not too lengthy. Yes, it has a lot
of things but I think it is very interesting.
And After Effects gives a lot of control for
you, for any motion graphics or 2D animation
that you would like to do with it. So yes,
there we have it. Now, in the next part 
we will bring our crab animation into it. The
crab will walk in from the screen right, wish you
happy summer and walk out.

English: 
So, see you in the next video!

Spanish: 
¡Nos vemos en el próximo vídeo!
