Nueva paleta de animación en Adobe Photoshop CS2

• Mayo 3, 2024

Una de las nuevas características de Adobe Photoshop CS2 es la paleta de animación que le permite crear animaciones para la web directamente en el espacio de trabajo de Photoshop. Vamos a hacer una animación simple usando la función Warp Text que aprendiste a usar en un tutorial anterior.

Una animación se compone de cuadros reproducidos en secuencia y es muy sencillo crear estos cuadros a partir de las capas en una imagen de Photoshop. Cada capa de la imagen es un marco potencial para la animación. Puede usarlos todos o solo unos pocos. Empecemos.


Paso 1. Comience una nueva imagen. Haga clic en Archivo> Nuevo para comenzar una nueva imagen. Establezca el fondo en blanco, la altura en 100 píxeles y el ancho en 300 píxeles.

Paso 2. Agregue el texto sin formato. Ahora use la herramienta de texto para escribir su texto en la capa 1. Luego haga clic en la marca de verificación en la barra de opciones para cerrar la herramienta de texto.


Paso 3. Duplicar la capa de texto. Ahora duplicaremos la capa de texto y luego usaremos esta segunda capa para crear el efecto de Texto de deformación. En la barra de menú, haga clic en Capa> Duplicar capa.

Crear botón de texto deformado
Paso 4. Efecto de texto de deformación. Haga clic en la herramienta de texto y luego haga clic y arrastre para seleccionar el texto. Haga clic en el botón Crear texto deformado. En el cuadro de diálogo, elija el efecto de deformación que desea usar. En el ejemplo, usé Bulge. Ahora tiene dos capas de texto y estamos listos para crear los cuadros de animación.


Paso 5. Abra la paleta de animación. Haga clic en Ventana> Animación. Cuando se abra la Paleta de animación, verá que ya tiene un cuadro que contiene su imagen.

Paso 6. Desactiva la capa superior. Queremos que solo se muestre el texto sin formato en el primer fotograma. Así que vaya a la Paleta de capas y haga clic en el icono de visibilidad (parece un ojo) para la capa superior. El texto deformado se volverá invisible en la imagen original y en el primer cuadro de la paleta de animación.


Paleta de capas

Siguiente →

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Instrucciones De Vídeo: Tutorial Photoshop CC # 3 Novedades. Camera Raw. ¿Qué es Corrección del Lente?. liclonny (Mayo 2024).