Feliz sábado. Es grato saludarlos una vez más, queridos steemians. :)
Buenas noches a toda la comunidad hispana. En esta oportunidad me complace compartir con ustedes una nueva forma de crear un GIF con efecto «typewriter» (conocido en español como «escritura a maquina»).
En AE hay muchas maneras de lograr este tipo de edición. Por esta razón, me encomendé la tarea de probar algunas de ellas y elegir cual es la mejor en relación calidad/tiempo. Sin lugar a duda es esta. ¡Espero les guste!
¿Qué necesitamos?
Necesitamos tener instalado After Effects.
Al final les dejaré el link de descarga.
Fuente usada en este tutorial, aquí
Proceso de creación:
PARTE 1: Composición
Empezaremos creando una nueva composición.
En la ventana emergente modificaremos los valor de la composición.
En mí caso el tamaño es 700px x 400px, color negro.
PARTE 2: Importar archivos
Presionamos Archivo/Importar/Archivos...
Seleccionamos la imagen y presionamos importar.
Arrastramos nuestro archivo importado hacía la mesa de trabajo.
PARTE 3: Crear texto
Seleccionamos nuestra herramienta de texto en el apartado superior.
Nos aseguramos que la fuente seleccionada sea Arial Regular.
PARTE 4: Efecto typewriter
Seleccionamos la herramienta rectangular, en el apartado superior.
Elegimos Trazo nulo
y creamos un rectángulo que cubra el texto.
Seleccionamos la capa de forma y presionamos la letra "P".
Se abrirán los frames de posición.
Nos posicionamos en el (seg) 0.05.
Creamos un frame, presionando el símbolo del reloj.
Cada 5 frames cambiaremos el valor de Posición X del rectángulo.
EJEMPLO: (seg) 0.05, (seg) 0.10, (seg) 0.15, (seg) 0.20.
El movimiento tiene que ser hacia el lado derecho.
De esta forma el rectángulo revelará las letras, una por una.
Seleccionamos los fotogramas que hemos creado.
Presionamos clic derecho, elegimos Conmutar/mantener fotograma clave
.
PARTE 5: Agregar línea paralela
Creamos un sólido presionando clic derecho sobre el área de trabajo.
NOTA: Tiene que ser igual al color del texto.
Seleccionamos el sólido y presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala X a 0.3%.
Cambiamos el valor Escala Y a 8%.
Seleccionamos el sólido y presionamos la letra "P".
Se abrirán los frames de posición.
Cambiamos el valor Posición X a 89.
Cambiamos el valor Posición Y a 235.
En el apartado Principal y enlace
, cambiamos Ninguno
a Capa de forma 1
Seleccionamos el texto y presionamos la letra "T".
Se abrirán los frames de opacidad.
Nos posicionamos en el (seg) 0.00 y bajamos el valor Opacidad a 0%.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 0.10 y subimos el valor Opacidad a 100%.
Nos posicionamos en el (seg) 0.20 y bajamos el valor Opacidad a 0%.
Nos posicionamos en el (seg) 0.30 y subimos el valor Opacidad a 100%.
Nos posicionamos en el (seg) 0.40 y bajamos el valor Opacidad a 0%.
Nos posicionamos en el (seg) 1.00 y subimos el valor Opacidad a 100%.
Seleccionamos los frames que hemos creado, presionamos Editar/Copiar
Nos posicionamos en el (seg) 1.10 y presionamos Editar/Pegar
Seleccionamos los fotogramas que hemos creado.
Presionamos clic derecho, elegimos Conmutar/mantener fotograma clave
.
Presionamos el texto, y en el apartado de Mate de seguimiento
seleccionamos Inverted alpha matte
para nuestra capa.
PARTE 6: Exportar nuestro GIF
Presionamos Composición/Añadir a cola de Adobe Media Encoder...
Nos aseguramos que el formato de salida sea en .gif animado, y le damos al botón de exportar.
Y éste es el resultado final:
Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)
imagen usada de referencia:
Descargá el material usado:
¡Gracias por leer! oficialmente te doy la bienvenida a la dimensión desconocida.