animacion photoshop cs4

5/16/2018 Animacion Photoshop Cs4 - slidepdf.com

http://slidepdf.com/reader/full/animacion-photoshop-cs4 1/13

Photoshop se puede utilizar para mucho más que empujar píxel estos días. 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 extensión no sólo se

ocupa de modelos 3D, pero tiene un sofisticado modo de animación 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 displaysa moving cross-sectional plane (see final animation here ). En este tutorial, vamos a

abrir un modelo en 3D en Photoshop residencial y crear una animación de 30 segundos

flyaround que muestra un movimiento plano de la sección transversal (véase el final de

la animación aquí).

Working with 3D Objects in Photoshop Trabajar conobjetos 3D en Photoshop

The first thing to understand is that Photoshop is not a 3D modeling program — models

have to be built and texture mapped elsewhere. Lo primero que hay que entender es quePhotoshop no es un programa de modelado 3D-modelos tienen que ser construidas y

mapeado de texturas en otros lugares. For this tutorial, we're using " The Rose Hill ," an

Arts and Crafts-style residence (modeled by J-Wall), found in Google's 3D Warehouse.

A este tutorial, estamos usando "La Rose Hill", una de Artes y Oficios de la residencia

de estilo (por el modelo J-Muro), que se encuentra en Google 3D Warehouse.

Photoshop can open five 3D formats: 3DS, DAE, KMZ, U3D, and OBJ. Photoshop

puede abrir cinco formatos 3D: 3DS, DAE, KMZ, U3D, y OBJ. It's very likely that your

3D modeling, CAD, or BIM program can export to at least one of these formats so you

can work with 3D models in Photoshop. Es muy probable que su modelado en 3D,

CAD, BIM o programa puede exportar por lo menos a uno de estos formatos para que

pueda trabajar con modelos 3D en Photoshop.

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 tamaño 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> Tamaño 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.

http://74.125.93.132/translate_c?hl=es&sl=en&tl=es&u=http://www.aecbytes.com/tipsandtricks/2009/issue38-photoshop.html&prev=hp&rurl=translate.google.com.py&usg=ALkJrhj_MEbMPhqHSClOIQgrUeoidro_qQ#1






http://74.125.93.132/translate_c?hl=es&sl=en&tl=es&u=http://tinyurl.com/9pazqg&prev=hp&rurl=translate.google.com.py&usg=ALkJrhi-NJZNaUF_CmxEwRQdVNsMqWPyIA






http://www.scottonstott.com/download/TheRoseHill.kmz














Larger image Ampliar imagen

Press K to select the 3D object tools and verify that the first tool ( Rotate the 3DObject ) 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 Mayús + K ciclos repetidamente a través de los instrumentos

objeto 3D. Type -90 in the X orientation box and press Return (PC: Enter ). Tipo X -

90 en el cuadro de orientación y pulse Retorno (PC: Intro). The model is now rotatedproperly. 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 animación 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 Animación 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 animación a lo largo del panel del borde inferior y

asegúrese de que está en modo de tiempo (debería 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 botón de abajo a la derecha en el

panel de la animación alterna entre el marco y un calendario basado en los modos de

transporte.

http://74.125.93.132/translate_c?hl=es&sl=en&tl=es&u=http://www.aecbytes.com/tipsandtricks/2009/issue38-photoshop-images/01-large.html&prev=hp&rurl=translate.google.com.py&usg=ALkJrhhaazJ1hej0DmqAEXTwHFaFwgUcVA








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 disposición como un grupo de trabajo (minas llamé

Animación) mediante la apertura de la parte superior derecha en el botón 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 triángulo 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 botón central en el borde inferior de la capa del

panel (un círculo en rojo a continuación).

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á todavía abierta, arrastre el cursor hacia abajo en la ventana del

documento para deslizar el gradiente de forma que las mezclas de más 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 modoque actúa como un fondo.

Animating a Moving Cross-section Mover una

animación de la sección transversal

With Scene selected at the top of the the 3D panel (it should be by default), check

Cross Section . Con escenas seleccionadas en la parte superior del panel de la 3D (debe

ser por defecto), la sección de verificación Cruz. Click the Y-Axis radio button to

create a plan section. Haga clic en el eje "y" botón de radio para crear un plan de

sección. Uncheck Plane and check Intersection . Desmarca avión y comprobarIntersección. Click the swatch next to Intersection and choose bright red from the



color picker to highlight this sectional plane. Haga clic en la muestra junto a

Intersección de color rojo brillante y elegir el color del selector de esta sección para

poner de relieve plano. The button to the right of this swatch allows you to flip the cross

section if necessary. El botón a la derecha de esta muestra le permite voltear la sección

transversal, si es necesario. Make sure you are looking at the bottom of the building as

shown below. Asegúrese de que usted está buscando en la parte inferior del edificio,como se muestra a continuación.


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

sección transversal de arriba a abajo. The Tilt A and B controls rotate the cross

sectional plane, but we won't need them here. La inclinación A y B de los controles de

la sección transversal girar el avión, pero no los necesitan aquí.

Keyframing Object Changes on the Timeline ObjetoKeyframing cambios en la línea de tiempo

Animation keys store data at specific moments in time and Photoshop automatically

interpolates all the frames in between keys. Almacenar los datos claves de la animación

en momentos específicos en el tiempo y Photoshop automáticamente todos los marcos

interpola entre llaves. So all we have to do is create initial and final keyframes and let

Photoshop do the rest. Así que todo lo que tenemos que hacer es crear los fotogramas

clave inicial y final y dejar que Photoshop haga el resto.

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 construcción

de su plan en un completo modo 3D l keyframing por el inicio y el final las posicionesde la sección transversal avión. Let's begin animating by setting up the initial conditions

http://74.125.93.132/translate_c?hl=es&sl=en&tl=es&u=http://www.aecbytes.com/tipsandtricks/2009/issue38-photoshop-images/04-large.html&prev=hp&rurl=translate.google.com.py&usg=ALkJrhiBB9dG59U5OFiN5G0unrnff5UhPA








of the cross section. Vamos a empezar la animación mediante la creación de las

condiciones iniciales de la sección 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 sección transversal es un poco menos de la

construcción (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 animación. Scroll down (or enlarge the Animation panel) until you locate the3D Cross Section track. Desplácese hacia abajo (o ampliar el grupo de animación),

hasta que encuentre la pista de la Sección 3D Cruz. Click this track's time-varystopwatch button to create an initial keyframe at frame 0 (which is the frame selected

by default). Haga clic en este momento-de la pista varían cronómetro botón para crear

un fotograma clave en el marco inicial de 0 (que es el marco elegido por omisión). A

small yellow diamond appears on the timeline, representing this keyframe. Un pequeño

diamante de color amarillo aparece en la línea 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 Animación) todo el

camino hasta el borde derecho de la línea de tiempo, que se encuentra en 9 segundos y

29 fotogramas por defecto en los 10 segundos de vídeo. Change the sign for the cross

sectional Offset to +35 and press Return (PC: Enter ). Cambiar el signo de la sección

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 sección transversal se encuentra justo encima del edificio. A

keyframe is automatically generated on the timeline. Un fotograma clave se genera

automáticamente en la línea 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 botón Reproducir (o

pulse la barra espaciadora) para ver cómo Photoshop interpola el plano transversal, el

movimiento a través 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 más interesante este vídeo, vamos a girar el edificio,

mientras que la sección de animación 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 ObjectPosition track to keyframe the building's initial position. Haga clic en el cronómetro de

tiempo varían en la posición de objetos en 3D de fotogramas clave de la pista a la

posición 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 pressReturn (PC: Enter ). Tipo 90 en el cuadro de la Z orientación 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 línea de tiempo en la pista de posición 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 orientación, y pulse Retorno (PC:

Intro). Keyframing is easy once you understand how it works. Keyframing es fácil unavez que comprendes cómo funciona.

http://74.125.93.132/translate_c?hl=es&sl=en&tl=es&u=http://www.aecbytes.com/tipsandtricks/2009/issue38-photoshop-images/08-large.html&prev=hp&rurl=translate.google.com.py&usg=ALkJrhgm2FlX_3TcJG1crpEzsJY8DkMTwg








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 orientación 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 posición de objetos en 3D.




Play the video (press Spacebar ) to see how it looks. Reproducir el vídeo (presione la

barra espaciadora) para ver cómo se ve. The building spins around as the cross sectionplane moves upwards. El edificio gira en torno a que la sección transversal avión se

mueve hacia arriba. Playback will be smoother after you render all the frames out to a

file. La reproducción será más tranquilo después 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 depuración del

CTI de ida y vuelta a lo largo de la línea de tiempo para obtener una vista previa de

movimiento más rápidamente.

Adjusting Existing Keyframes and Positioning the 3D

Camera Ajuste de fotogramas clave existentes yColocación de la cámara 3D

You might be tempted to make adjustments to how the building is rotating on the fly,

but doing this at a random time will just generate a new keyframe. Usted podría tener la

tentación de hacer ajustes a la forma en que el edificio está girando sobre la marcha,pero hacerlo en un tiempo al azar sólo generar un nuevo fotograma clave. It's better to

go directly to an existing keyframe and then make adjustments. Es mejor ir directamente

a un fotograma clave y, a continuación, hacer el ajuste. Let's say that we want to look

down more on the building by the end of the video. Supongamos que queremos mirar

más abajo en el edificio al final del vídeo.

http://74.125.93.132/translate_c?hl=es&sl=en&tl=es&u=http://www.aecbytes.com/tipsandtricks/2009/issue38-photoshop-images/10-large.html&prev=hp&rurl=translate.google.com.py&usg=ALkJrhiENWdsENu9VuPAgC2imvoMLxfseA








Click the left and right facing arrows to the left of the 3D Object Position track's time-

vary stopwatch. Haga clic en la izquierda y la derecha frente a las flechas a la izquierda

de la posición de objetos en 3D de la pista el tiempo varían cronómetro. These controls

step you through existing keyframes, moving the CTI automatically. Estos controles de

paso a través de los fotogramas clave, el CTI se desplazan automáticamente. It's far

safer to jump to an existing keyframe this way rather than by dragging the CTI ,because if you're off by even one frame, a new keyframe would be generated when

you'd make changes to the 3D object's position. Es mucho más seguro para ir a un

fotograma clave de esta manera en vez de arrastrar por el CTI, porque si estás fuera,

incluso por un marco, un nuevo fotograma clave se genera cuando usted realizar

cambios a la posición del objeto 3D.

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 posición deobjetos 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 más de la azotea. Play the animationand you'll see the entire interpolated motion has changed to end up at this position and

time. Reproducir la animación y verás todo ha cambiado con interpolación de

movimiento para terminar en esta posición 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 animación se ve bien, pero el edificio es un poco

pequeña en la ventana del documento. Press N to select the 3D Camera tools. Pulse N

para seleccionar las herramientas de la cámara 3D. Select Walk with the 3D Camera

tool on the options bar (hold the mouse still to read tooltips). Seleccione Caminar con

la cámara 3D en la herramienta Opciones de la barra (mantenga el ratón todavía

http://74.125.93.132/translate_c?hl=es&sl=en&tl=es&u=http://www.aecbytes.com/tipsandtricks/2009/issue38-photoshop-images/11-large.html&prev=hp&rurl=translate.google.com.py&usg=ALkJrhiEpnA7CqlfpvA1fZnrA77ONJgdVA








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 cámara a pie hacia adelante y, en consecuencia, hacer el edificio más

grande. Use Pan the 3D Camera tool to center the building in the document window.

Utilice la cámara 3D Pan herramienta para la construcción en el centro de la ventana

del documento. Be careful though, because the building moves in time and its center is amoving 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 cómo la silueta del edificio cambia de forma en el curso de la animación. Make

small adjustments to camera position until you're satisfied. Hacer pequeños ajustes a la

posición de la cámara hasta que esté satisfecho.

Changing Animation Length and Sliding Keys to NewFrames Cambio de longitud y Animación Deslizantes

Claves para Nueva Marcos

The default 10 second animation is too short for the amount of motion we've animated.

El valor por defecto 10 segundos de animación es demasiado corto para la cantidad de

movimiento que hemos animado. Click the Animation panel menu (circled below) and

choose Document Settings from the menu that appears. Haga clic en el menú del panel

de animación (un círculo más abajo) y seleccione Configuración de documentos en el

menú que aparece. Set Duration to 0:00:30:00 (30 sec), change the Frame Rate to 15

fps (frames per second), and click OK . Duración conjunto de 0:00:30:00 (30 seg),

cambiar la velocidad de cuadro de 15 fps (fotogramas por segundo), y haga clic en

Aceptar. Reducing the frame rate compensates somewhat for the increased duration sothat we can try and keep the rendered video file size down. La reducción de la velocidad

de cuadro compensa un poco por la mayor duración a fin de que podamos tratar de

mantener el tamaño del archivo de vídeo prestados abajo.

Although the timeline is now longer, the frames are still at their same times as before. A

pesar de que el calendario es ahora más largo, los marcos se encuentran aún en sus

mismas horas que antes. You must drag each keyframe to a new time to slow down the

motion. Usted debe arrastrar cada fotograma clave a un nuevo tiempo para frenar elmovimiento. Drag four keyframes to the approximate positions below (don't worry



about being exact). Arrastre cuatro fotogramas clave a la aproximación de las

posiciones de abajo (no se preocupe por ser exacto).

Play the animation again and it will have a more dignified pace suitable to visualizing

architecture. Reproducir la animación de nuevo y tendrá un ritmo más digna adecuada a

la visualización de la arquitectura.

Rendering to Video La prestación de vídeo

The last step is to render the frames stored in memory to a video format on your harddrive. El último paso es hacer que los cuadros almacenados en la memoria a un formato

de vídeo en su disco duro. Not only will playback be smoother, but you'll be able to post

it to a web server or burn it on a DVD and share it with others who might not have

Photoshop CS4 Extended. No sólo la reproducción ser suave, pero podrá enviar a un

servidor web o grabarlo en un DVD y compartir con otras personas que podrían no tener

Photoshop CS4 Extended. Choose File > Export > Render Video . Seleccione

Archivo> Exportar> Render de vídeo.



There is a bewildering array of formats/codecs available for export, but for this tutorial I

used Flash Video because I wanted to embed it on this page as you see below. Hay una

desconcertante variedad de formatos / codecs disponibles para la exportación, pero para

este tutorial he usado Flash Video porque quería incluir en esta página como ves a

continuación. I suggest using Quicktime MOV if you want to burn the video to DVD.

Yo sugiero utilizar Quicktime MOV si desea grabar el vídeo en un DVD.

Tip : Reduce the pixel size to 512 x 400 to make the video suitable for the web.

Sugerencia: Reduzca el tamaño en píxeles a 512 x 400 para hacer el vídeo adecuado

para la web.

animacion photoshop cs4

Documents