Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. 3D & Motion Graphics
  2. Motion Graphics
Cgi

Crea una escritura a mano animada

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Logo Reveals.
Create a Stormy, Electric Type Reveal

Spanish (Español) translation by Facundo Villa (you can also view the original English article)

What You'll Be Creating

En este tutorial vas a aprender como hacer una escritura a mano animada, con tinta pasando atraves del papél para crear una elegante escrituara con una tipografia antigua.

Opcional:

  • Trapcode Particular (descarga la version de prueba aquí)
  • Trapcode 3D Stroke (descarga la version de prueba aquí)

Stock Photos: Te sugerimos que uses tus propias imagenes pero si quieres usar las mismas del tutorial las puedes conseguir aqui:

Paso 1

Primero que nada hay que importar todos los elementos. Dentro de After Effects ve a File>Import>File. Una ventana se abrira. Busca y abre fountain-pen.psd, deja el tipo de importe como: Footage y haz click en Open. Una nueva ventana se abrira. Selecciona Choose Layer y cambia el tamaño de el Footage a Layer Size (tamaño de capa). Esto va a importar la pluma recortada entoces no hay que trabajar con mucho espacio alrededor. Haz lo mismo para paper.jpg excecpto que no se va a abrir otra ventana porque no es un archivo psd.

Paso 2

Crea tres composiciones. Una llamda text, la otra masks y la ultima final comp. Ve a Composition>New Composition, dale un nombre y escoge las opciciones que prefieras. Debajo puedes ver cuales use yo. Para el proposito de este tutorial realmente no importa cual tu escoges.

Paso 3

En este caso queremos escribir con tinta negra asi podemos cambiar el color del fondo a blanco sin aún no lo esta. Asegúrate que estas dentro de la composición "text". Ve a Composition>Background Color y cambia el color a blanco. Haz lo mismo para la composición "masks".

Paso 4

Dentro de la composición "text" ve a Layer>New>Text para crear una nueva capa de texto. Escribe algún texto y con la capa seleccionada escoge una fuente que te guste. La fuente que use en este ejemplo es Freebooter Script (la puedes decargar aquí). Si la ventana Character no esta en el area de trabajo ve a Window>Character. Aparecera un menú en el cual podras cambiar la fuente, tamaño, color, etc. Deja el color en negro, porque queremos imitar la apariencia de la tinta. El tamaño de la fuente depende de el tamaño de la composición y de la capa de texto. En este ejemplo use 194 px.

Paso 5

Con la capa de texto seleccionada ve a Edit>Duplicate y haz esto dos veces mas asi tienes tres capas identicas. Ahora agreguemos algunos efectos para que el texto se parezca mas a tinta. Con la capa de texto de encima de todo seleccionada ve a Effect>Color Correction>Tint. Pasa el color negro a un gris oscuro.

Paso 6

A la misma capa añadele otro efecto. Ve a Effect>Matte>Matte Choker. Dentro del panel de control de efectos usa estas opciones:

Paso 7

Añade el ultimo efecto a esta capa de texto. Ve a Effect>Stylise>Roughen Edges. Pon las opciones como estas:

El texto de la capa de texto de la cima deberia verse así:

Paso 8

Ahora añade un efecto a la segunda capa de texto. Con la capa de texto seleccionada ve a Effect>Matte>Matte Choker. Cambia las opciones para que se parezcan a estas:

El texto de la capa de el medio deberia verse asi ahora:

Paso 9

Ahora añande algunos efectos a la capa de texto en el fondo. Con la capa seleccionada ve a Effect>Matte>Matte Choker. Para añadir el ultimo efecto ve a Effect>Stylise>Roughen Edges. Cambia las opciones de estos dos efectos para que coincidan con estas:

El texto de la capa del fondo deberia verse asi ahora:

Paso 10

Ahora que ya añadimos todos los efectos cambien el modo de fusion de la capa de la cima y la del medio a Color Burn (Subexponer Color)

Con todas las capas visibles el texto deberia verse algo parecido a esto:

Paso 11

Ahora añade a fountain-pen.psd a la composición "text". Va a aparecer un poco grande. Reduce el tamaño a un 83 porciento. Mueve el punto de anclaje desde el centro a la punta de la pluma con la herramienta Pan behind Tool asi la pluma puede rotar alrededor de la punta:

Pon la capa fountain-pen.psd como una capa 3D y cambia el valor de la rotacion X a -10,0,porque despues crearemos una sombra detras de la pluma sobre el papel:

Paso 12

Ahora es tiempo de trazar las letras con la pluma como si estuviese escribiendo. Ve al primer cuadro en la linea de tiempo, haz un fotograma clave para la posición y la rotación Z, ve un par de cuadros mas adelante, y cambia la posición y la rotación Z si es necesario, y asi varias veces.

Paso 13

Copia una capa de texto y pégala en la compsición "masks". Ahora empezamos a dibujár las mascaras para que revélen el texto. Ve a Layer>New>Solid. El colór no importa. Duplica el sólido hasta que halla siete de ellos. Estas son las capas donde las mascaras de dibujarán. Oculta todas las capas de máscaras pero deja una visible. Con el primer solido seleccionado ve a Effect>Trapcode>3DStroke o puedes usar Stroke de After Effects (Effect>Generate>Stroke). Haz esto para las siete capas de máscaras. La razón por la que uso 3DStroke es porque permite que el trazo se vaya achicando hacia la punta lo cual Stroke de After Effects no puede hacer. Usa la herramienta pluma para dibujar la máscara para la primera letra (despues de haber añadido el efecto Stroke, sino el solido tendra el color que tenia inicialmente cuando fue creado y el texto no sera visto debajo del sólido). Asegúrate que la capa de texto este debajo todos los sólidos/máscaras.

Para ver bien la máscara cámbiala a un color brillante. Asegúrate que no puedes ver partes del texto mientras escribes con la máscara. Si es asi cambiar su espesor hasta que la letra no se vea más. Tambien asegúrate de que una máscara nunca cruce una parte del texto cuando se cambia su posición. Entonces cada vez que la pluma es levantada empieza una nueva máscara. Para este ejemplo hay siete máscaras en total. Cuando termines de hacer los trazos elimina la capa de texto de referencia. No se necesitara mas.

Paso 14

Copia la fountain-pen animada de la composición "text" y pégala en la composición "masks", porque ahora es tiempo de animár las máscaras o para decirlo mas apropiadamente los trazos 3D. La capa animada fountain-pen va a ser usada como referencia para animar los trazos. Con la capa fountain-pen por sobre las capas de las máscaras empieza a animar las posiciones iniciales y finales de las máscaras para que coincidan con la posición de la punta de la pluma.

Si usas el 3D Stroke de Trapcode en vez de el Stroke incorporado de After Effects también deberias animar el grosór final para que consigas un buen efecto.

Cuando todas las máscaras esten animadas puedes eliminar la capa fountain-pen de la composición "masks".

Paso 15

Arrastra y suelta la composición "masks" a la composición "text" y cambia su modo de fusión a esténcil alfa.

Ahora, cuando te muevas atravez de la linea de tiepo veraz que el texto es revelado por la composición "masks".

Paso 16

Copia la capa fountain-pen de la composición "text" y pegala en la composición "final comp". Ahora elimina la capa fountain-pen que esta entre el texto. Duplica la capa fountain-pen y cambia la rotación X de la capa del fondo a 0. Esta es la capa que actuara como sombra.

Paso 17

Arrastra y suelta paper.jpg a la composición "final comp" debajo de las capas de la pluma. Deberia verse así:

Selecciona la capa de pluma que esta mas abajo y ve a Effect>Color Correction>Levels y cambia el Output White a 0.

Haz invisible la capa de la pluma de arriba de toso y se deberá ver asi:

Paso 18

Los bordes de la sombra estan un poco marcados. Ve a Effect>Blur&Sharpen>Gaussian Blur. Cambia el valor de desenfoque a 15. Pon la opacidad de la capa a 80%.

Se vera asi ahora:

Paso 19

Arrastra y suelta la composición "text" a la composición "final comp". Duplica la composición "text" y cambia el modo de fusión de la composición de la cima a multiplicar y el modo de fusión de la capa por debajo a sub-exponer color.

Paso 20 (opcional)

Ve a Layer>New>Solid. Con esta capa seleccionada ve a Effect>Trapcode>Particular. Pon el modo de fusión a sub-exponer color. Debajo estan los ajustes para Particular:

Paso 21 (opcional)

Con la capa que tiene aplicado Particular ve a Effect>Matte>Matte Choker. Añade otro efecto. Ve a Effect>Stylise>Roughen Edges. Debajo estan los ajustes:

Anima el valór de Choke del efecto Matte Choker para que simule tinta escurriendose a travez del papél. Pon un fotograma clave en 3:22 para que Choke este en el valór 127. En 6:10 pon un fotograma clave con el valór 65.

Paso 22

Por ultimo enciende el desenfoque de movimiento para las dos capas de la pluma.

El efecto final se ve asi:

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.