Photoshop se puede utilizar para mucho ms que empujar pxel estos das.

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).

Working with 3D Objects in Photoshop Trabajar con objetos 3D en Photoshop

The first thing to understand is that Photoshop is not a 3D modeling programmodels have to be built and texture mapped elsewhere. Lo primero que hay que entender es que Photoshop 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 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.

Animating a Moving Cross-section Mover una animacin de la seccin 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 seccin de verificacin Cruz. Click the Y-Axis radio button to create a plan section. Haga clic en el eje "y" botn de radio para crear un plan de seccin. Uncheck Plane and check Intersection . Desmarca avin y comprobar Interseccin. 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 Interseccin de color rojo brillante y elegir el color del selector de esta seccin para poner de relieve plano. The button to the right of this swatch allows you to flip the cross section if necessary. El botn a la derecha de esta muestra le permite voltear la seccin transversal, si es necesario. Make sure you are looking at the bottom of the building as shown below. Asegrese de que usted est buscando en la parte inferior del edificio, como se muestra a continuacin.

Larger image Ampliar imagen 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.

Keyframing Object Changes on the Timeline Objeto Keyframing cambios en la lnea 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 animacin en momentos especficos en el tiempo y Photoshop automticamente 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 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.

Larger image Ampliar imagen 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.

Adjusting Existing Keyframes and Positioning the 3D Camera Ajuste de fotogramas clave existentes y Colocacin de la cmara 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 podra tener la tentacin de hacer ajustes a la forma en que el edificio est girando sobre la marcha, pero hacerlo en un tiempo al azar slo 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 continuacin, 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 ms abajo en el edificio al final del vdeo.

Click the left and right facing arrows to the left of the 3D Object Position track's timevary stopwatch. Haga clic en la izquierda y la derecha frente a las flechas a la izquierda de la posicin de objetos en 3D de la pista el tiempo varan cronmetro. These controls step you through existing keyframes, moving the CTI automatically. Estos controles de paso a travs de los fotogramas clave, el CTI se desplazan automticamente. 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 ms seguro para ir a un fotograma clave de esta manera en vez de arrastrar por el CTI, porque si ests fuera, incluso por un marco, un nuevo fotograma clave se genera cuando usted realizar cambios a la posicin 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 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.

Larger image Ampliar imagen 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.

Changing Animation Length and Sliding Keys to New Frames Cambio de longitud y Animacin 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 animacin 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 animacin (un crculo ms abajo) y seleccione Configuracin 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 . Duracin 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 so that we can try and keep the rendered video file size down. La reduccin de la velocidad de cuadro compensa un poco por la mayor duracin a fin de que podamos tratar de mantener el tamao del archivo de vdeo 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 ms largo, los marcos se encuentran an 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 el movimiento. Drag four keyframes to the approximate positions below (don't worry

about being exact). Arrastre cuatro fotogramas clave a la aproximacin 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 animacin de nuevo y tendr un ritmo ms digna adecuada a la visualizacin de la arquitectura.

Rendering to Video La prestacin de vdeo

The last step is to render the frames stored in memory to a video format on your hard drive. El ltimo paso es hacer que los cuadros almacenados en la memoria a un formato de vdeo 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 slo la reproduccin ser suave, pero podr enviar a un servidor web o grabarlo en un DVD y compartir con otras personas que podran no tener Photoshop CS4 Extended. Choose File > Export > Render Video . Seleccione Archivo> Exportar> Render de vdeo.

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 exportacin, pero para este tutorial he usado Flash Video porque quera incluir en esta pgina como ves a continuacin. I suggest using Quicktime MOV if you want to burn the video to DVD. Yo sugiero utilizar Quicktime MOV si desea grabar el vdeo en un DVD. 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.