Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Animacion Photoshop
Animacion Photoshop
Photoshop
CS4 Extended not only handles 3D models, but it has a sophisticated timeline animation
mode that lets you keyframe changes over time. Photoshop CS4 extensin no slo se
ocupa de modelos 3D, pero tiene un sofisticado modo de animacin de tiempo que le
permite fotograma clave cambia con el tiempo. In this tutorial, we will open a 3D
residential model in Photoshop and create a 30 second flyaround animation that
displays a moving cross-sectional plane (see final animation here ). En este tutorial,
vamos a abrir un modelo en 3D en Photoshop residencial y crear una animacin de 30
segundos flyaround que muestra un movimiento plano de la seccin transversal (vase
el final de la animacin aqu).
To follow along with this tutorial, download the sample file here . Para seguir con este
tutorial, descargue el archivo de ejemplo aqu. Choose File > Open and select
TheRoseHill.kmz . Seleccione Archivo> Abrir y seleccione TheRoseHill.kmz. 3D models
are vector based so changing image size doesn't affect quality (like it would in a raster
image). Modelos 3D son vectoriales, a fin de cambiar el tamao de la imagen no afecta
a la calidad (como si se trataran de una trama en la imagen). Choose Image > Image Size
, uncheck Constrain Proportions , and check Resample Image. Set Width to 1024 and
Height to 800 and click OK . Seleccione Imagen> Tamao de la imagen, desmarque
Mantener proporciones, y comprobar Resample Imagen. Conjunto Anchura y altura a
1024 a 800 y haga clic en Aceptar. Unfortunately, the coordinate system of this KMZ file
and Photoshop are different so you'll have to rotate the model by 90 degrees.
Lamentablemente, el sistema de coordenadas de este archivo KMZ y Photoshop son
diferentes as que tendr que girar el modelo de 90 grados.
Larger image Ampliar imagen
Press K to select the 3D object tools and verify that the first tool ( Rotate the 3D Object
) is selected on the options bar. Pulse K para seleccionar el objeto 3D y herramientas de
verificar que la primera herramienta (Gire el objeto 3D) est seleccionado en la barra
de opciones. Pressing Shift+K repeatedly cycles through the 3D object tools. Pulsando
Mays + K ciclos repetidamente a travs de los instrumentos objeto 3D. Type -90 in the
X orientation box and press Return (PC: Enter ). Tipo X -90 en el cuadro de orientacin
y pulse Retorno (PC: Intro). The model is now rotated properly. El modelo es ahora
girado correctamente.
To animate 3D models, I recommend changing the interface so that the 3D, Layers, and
Animation panels are the only panels visible. Para animar modelos 3D, recomiendo
cambiar la interfaz de manera que el 3D, capas, y la animacin son los nicos grupos de
paneles visibles. Open the 3D and Animation panels from the Window menu ( Layers is
probably already open) and close all other panels. Abra la Animacin 3D y los paneles
de la ventana de men (de capas es, probablemente, ya abierto) y cerrar todos los otros
grupos. Arrange the panels so that 3D is docked on the upper right and Layers on the
lower right. Colocar los paneles para que 3D est acoplado en la parte superior derecha
y las capas en la parte inferior derecha. Dock the Animation panel along the lower edge
and make sure you're in Timeline mode (you should see a long timeline rather than one
frame). El muelle de animacin a lo largo del panel del borde inferior y asegrese de
que est en modo de tiempo (debera ver un largo de tiempo en lugar de un fotograma).
Clicking the lower right button in the Animation panel toggles between frame-based
and timeline modes. Al hacer clic en el botn de abajo a la derecha en el panel de la
animacin alterna entre el marco y un calendario basado en los modos de transporte.
Tip : Save your panel arrangement as a workspace (I called mine Animation ) by opening
the upper rightmost button in the Photoshop UI and choosing Save Workspace .
Sugerencia: Guarde su disposicin como un grupo de trabajo (minas llam Animacin)
mediante la apertura de la parte superior derecha en el botn de la interfaz de usuario
de Photoshop y elegir Guardar trabajo.
In the Layers panel, rename Layer1 to The Rose Hill and close the disclosure triangle on
the right edge of this layer to collapse the material and texture list. En el panel Capas,
cambiar el nombre a La Layer1 Rose Hill y cerrar el tringulo en el extremo derecho de
esta capa para reducir la lista de materiales y texturas. By default, the 3D model displays
against a transparent background. Por defecto, el modelo 3D se muestra en contra de
un fondo transparente. Create a Gradient Fill layer by clicking the middle button on the
lower edge of the Layer panel (circled in red below). Crear una capa de relleno
degradado haciendo clic en el botn central en el borde inferior de la capa del panel (un
crculo en rojo a continuacin).
Choose the black to white gradient in the gradient picker that appears. Elija el gradiente
de negro a blanco en el gradiente selector que aparece. While the gradient picker is still
open, drag the cursor downwards in the document window to slide the gradient so that
it blends from more white to a medium gray rather than all the way to black. Mientras
que el gradiente selector est todava abierta, arrastre el cursor hacia abajo en la
ventana del documento para deslizar el gradiente de forma que las mezclas de ms de
color blanco a un gris medio en lugar de todo el camino hasta el negro. Click OK to close
the gradient picker. Haga clic en Aceptar para cerrar el selector de degradado. Finally,
drag the Gradient Fill 1 layer to the bottom of the layer stack so that it acts like a
background. Por ltimo, arrastra el Relleno degradado 1 capa a la capa inferior de la pila
de modo que acta como un fondo.
Click the Offset drop-down and drag the slider to offset the cross section up and down.
Haga clic en el men desplegable de offset y arrastre el deslizador para compensar la
seccin transversal de arriba a abajo. The Tilt A and B controls rotate the cross sectional
plane, but we won't need them here. La inclinacin A y B de los controles de la seccin
transversal girar el avin, pero no los necesitan aqu.
We'll make the building grow out of its plan into a full 3D mode l by keyframing the start
and end positions of the cross section plane. Vamos a hacer crecer la construccin de su
plan en un completo modo 3D l keyframing por el inicio y el final las posiciones de la
seccin transversal avin. Let's begin animating by setting up the initial conditions of the
cross section. Vamos a empezar la animacin mediante la creacin de las condiciones
iniciales de la seccin transversal. Drag Offset to -35 so that the cross sectional plane is
just under the building (so you can't see the residence at all). Arrastre Offset -35 a fin de
que el plano de la seccin transversal es un poco menos de la construccin (lo que no se
puede ver la residencia a todos).
Expand The Rose Hill layer in the Animation panel. Rose Hill ampliar la capa en el panel
de animacin. Scroll down (or enlarge the Animation panel) until you locate the 3D
Cross Section track. Desplcese hacia abajo (o ampliar el grupo de animacin), hasta
que encuentre la pista de la Seccin 3D Cruz. Click this track's time-vary stopwatch
button to create an initial keyframe at frame 0 (which is the frame selected by default).
Haga clic en este momento-de la pista varan cronmetro botn para crear un
fotograma clave en el marco inicial de 0 (que es el marco elegido por omisin). A small
yellow diamond appears on the timeline, representing this keyframe. Un pequeo
diamante de color amarillo aparece en la lnea de tiempo, lo que representa este
fotograma clave.
Drag the current time indicator (vertical bar in Animation panel) all the way to the right
edge of the timeline, which is located at 9 sec and 29 frames in the default 10 sec video.
Arrastre el indicador de tiempo actual (barra vertical en el panel de Animacin) todo el
camino hasta el borde derecho de la lnea de tiempo, que se encuentra en 9 segundos y
29 fotogramas por defecto en los 10 segundos de vdeo. Change the sign for the cross
sectional Offset to +35 and press Return (PC: Enter ). Cambiar el signo de la seccin
transversal para el offset a 35 y pulse Retorno (PC: Intro). Now you can see the entire
residence as the cross section is positioned just above the building. Ahora usted puede
ver toda la residencia de la seccin transversal se encuentra justo encima del edificio. A
keyframe is automatically generated on the timeline. Un fotograma clave se genera
automticamente en la lnea de tiempo.
Click the Play button (or press the Spacebar ) to see how Photoshop interpolates the
cross-sectional plane motion across every frame. Haga clic en el botn Reproducir (o
pulse la barra espaciadora) para ver cmo Photoshop interpola el plano transversal, el
movimiento a travs de cada cuadro. The building appears to grow upward in time. El
edificio parece crecer al alza en el tiempo.
To make this a more interesting video, let's rotate the building while the cross-section
animation is happening. Para hacer ms interesante este vdeo, vamos a girar el edificio,
mientras que la seccin de animacin que est sucediendo. This will make it seem like
the viewer is flying around the building. Esto har que parezca que el espectador est
volando alrededor del edificio. Drag the current time indicator ( CTI ) to the left edge of
the timeline at frame 0 . Arrastre el indicador de tiempo actual (CTI) para el borde
izquierdo del marco de tiempo en 0. Click the time-vary stopwatch in the 3D Object
Position track to keyframe the building's initial position. Haga clic en el cronmetro de
tiempo varan en la posicin de objetos en 3D de fotogramas clave de la pista a la
posicin inicial del edificio.
Drag the CTI to 3:00 (3 seconds and 0 frames) and press K to select the Rotate the 3D
Object tool. Arrastre el CTI a 3:00 (3 segundos y 0 cuadros) y pulse K Gire para
seleccionar la herramienta de objetos 3D. Type 90 in the Z orientation box and press
Return (PC: Enter ). Tipo 90 en el cuadro de la Z orientacin y pulse Retorno (PC: Intro).
A new keyframe appears on the timeline in the 3D Object Position track. Un nuevo
fotograma clave aparece en la lnea de tiempo en la pista de posicin de objetos en 3D.
Drag the CTI to 6:00 , type 180 in the Z orientation box, and press Return (PC: Enter ).
Arrastre el CTI a 6:00, tipo Z 180 en el cuadro de orientacin, y pulse Retorno (PC: Intro).
Keyframing is easy once you understand how it works. Keyframing es fcil una vez que
comprendes cmo funciona.
Drag the CTI to 9:00 and type 270 in the Z orientation box and press Return (PC: Enter
). Arrastre el CTI a 9:00 y el tipo Z 270 en el cuadro de orientacin y pulse Retorno (PC:
Intro). You now have four keyframes in the 3D Object Position track. Ahora tiene cuatro
fotogramas clave en el seguimiento de posicin de objetos en 3D.
Larger image Ampliar imagen
Play the video (press Spacebar ) to see how it looks. Reproducir el vdeo (presione la
barra espaciadora) para ver cmo se ve. The building spins around as the cross section
plane moves upwards. El edificio gira en torno a que la seccin transversal avin se
mueve hacia arriba. Playback will be smoother after you render all the frames out to a
file. La reproduccin ser ms tranquilo despus de hacer todos los marcos a un archivo.
You can get a better idea by scrubbing the CTI back and forth along the timeline to
preview motion more quickly. Usted puede obtener una mejor idea de la depuracin del
CTI de ida y vuelta a lo largo de la lnea de tiempo para obtener una vista previa de
movimiento ms rpidamente.
Step to 9:00 by using the left or right facing arrows in the 3D Object Position track. Paso
a las 9:00 con la izquierda oa la derecha frente a las flechas en la posicin de objetos en
3D pista. Drag the green Rotate control on the 3D Axis (bordered in red below)
downward to see more of the roof. Arrastre el verde Gire el control sobre el eje 3D
(bordeado en rojo abajo) hacia abajo para ver ms de la azotea. Play the animation and
you'll see the entire interpolated motion has changed to end up at this position and
time. Reproducir la animacin y vers todo ha cambiado con interpolacin de
movimiento para terminar en esta posicin y el tiempo.
At this point the animation looks good but the building is a bit small in the document
window. Llegados a este punto la animacin se ve bien, pero el edificio es un poco
pequea en la ventana del documento. Press N to select the 3D Camera tools. Pulse N
para seleccionar las herramientas de la cmara 3D. Select Walk with the 3D Camera
tool on the options bar (hold the mouse still to read tooltips). Seleccione Caminar con
la cmara 3D en la herramienta Opciones de la barra (mantenga el ratn todava
herramientas para leer). Drag upwards in the document window to walk the camera
forward and consequently make the building bigger. Arrastre hacia arriba en la ventana
del documento a la cmara a pie hacia adelante y, en consecuencia, hacer el edificio ms
grande. Use Pan the 3D Camera tool to center the building in the document window.
Utilice la cmara 3D Pan herramienta para la construccin en el centro de la ventana
del documento. Be careful though, because the building moves in time and its center is
a moving target. Tenga cuidado sin embargo, debido a que el edificio se mueve en el
tiempo y en su centro es un objetivo en movimiento. Scrub the CTI to see how the
building's silhouette changes shape over the course of the animation. Friegue el CTI para
ver cmo la silueta del edificio cambia de forma en el curso de la animacin. Make small
adjustments to camera position until you're satisfied. Hacer pequeos ajustes a la
posicin de la cmara hasta que est satisfecho.
Play the animation again and it will have a more dignified pace suitable to visualizing
architecture. Reproducir la animacin de nuevo y tendr un ritmo ms digna adecuada
a la visualizacin de la arquitectura.
Tip : Reduce the pixel size to 512 x 400 to make the video suitable for the web.
Sugerencia: Reduzca el tamao en pxeles a 512 x 400 para hacer el vdeo adecuado
para la web.