Tutorial Blog

Animación de texto Tutorial de Photoshop

1 de enero 2006 por Peter Avey · 7 Comentarios Publicar en Twitter Publicar en Yahoo Buzz Publicar en Digg Publicar en Reddit Publicar en StumbleUpon




Animación de texto ...
Este tutorial es muy útil en todos los campos de diseño de la web, y efectos de texto. En este tutorial vamos a aprender cómo crear animación de texto liso y resbaladizo. Los programas sólo se utiliza en este tutorial de Adobe Photoshop, y photoshops paquete hermana. Adobe ImageReady ...

Cómo empezar
La configuración de su espacio de trabajo.
Para configurar su espacio de trabajo que se necesitan para abrir un archivo de cualquier tamaño. Ive utiliza un fondo blanco y efectos de texto simple para crear mi base principal de las animaciones. Azul y texto en blanco que anuncia TutorialBlog.org.

Paso 1
Construir todas las capas de texto y ocultar todos ellos, aparte de la primera 1.
paso de animación de texto tutorial 1

Paso 2
Como nos va a utilizar Adobe ImageReady para la fase principal de la animación, tendrá al puerto de origen de los archivos de Adobe Photoshop, Adobe ImageReady. Usted puede hacer esto haga clic en el botón Editar en ImageReady "situado en la parte inferior de la paleta de herramientas.
paso de animación de texto Tutorial 2

Paso 3
Asegurarse de que su "ventana de animación 'está abierto vamos a seguir el próximo paso. Si sus animaciones ventana no está abierta, puede hacerlo dirigiéndose a: - Ventana> Animación.

Duplicar su marco primera animación haciendo clic en el icono "papel doblado" en la ventana de animación.
paso de animación de texto Tutorial 3
paso de animación de texto Tutorial 3

Una vez duplicada la materia de la diversión empieza a comenzar.

Paso 4
Ahora estamos listos para empezar a animar!.
Para empezar a animar el texto, tendrá que elegir cuál de las capas de texto que desea animados primero. Para ello sólo tiene que ocultar y haga clic en el botón Ver en la paleta capas.

paso de animación de texto Tutorial 4

A continuación se tendrá que establecer un marco de tiempo para cada ventana. Usted puede hacer esto haciendo clic en "Seleccionar Frame Delay Time '. Una vez que haya hecho clic en este se le pedirá que con los ajustes de tiempo diferentes. Por lo que estamos haciendo 2,0 segundos es probablemente la demora mejor tiempo.

paso de animación de texto Tutorial 4

Paso 5
Una vez que hemos hecho que sólo necesitamos que el marco seleccionado, y que la capa .. Usted puede hacer eso por ver el ejemplo de abajo.

ejemplo de texto de animación tutorial 1

ejemplo de texto de animación tutorial 2

----------
Eso es todo lo que hay que hacer. Usted puede ver el resultado final a continuación.

proyecto de animación de texto final de tutorial

Gracias
Peter Avey



Comentarios

7 Respuestas a "Animación de texto Tutorial de Photoshop"
  1. ttz - dice:

    Muchas gracias

  2. Agnieszka - dice:

    Tutek Fajny, ale moa coa ¼ na> takiego zrobiÄ ‡ programach innych w ... co Jak, a jestem z POLONIA : D: D

  3. Rusty - http://www.kdoubt.net dice:

    Chicos awsome ayudar realmente grande! :)

  4. vickiieeee - dice:

    ¿cómo es que cada vez que pulse el ImageReady lo que siempre digo SUMTHING como la falta directorio de la aplicación?

  5. ghull - http://www.darks.lx.ro dice:

    no tanto la belleza sino la ideea es grande

  6. riz - dice:

    ¿Cómo puedo guardar para que funcione como una animación porque wen guardarlo como GIF it doesnt work : | y también WOT si estoy intentando utilizar como un protector de pantalla en mi fone ¿cómo puedo hacer para que funcione THT

  7. Bram - http://www.mediafloor.nl/webdesign/ dice:

    Diseño de la web con el rock gifs animados!

Tutorial Blog