Spanish (Español) translation by Javier Salesi (you can also view the original English article)
Aprende cómo animar en Procreate. En este tutorial, te mostraré paso a paso el proceso de crear una vibrante Procreate animación.
Puedes utilizar cualquier fuente, como las muchas disponibles en Envato Elements.
Lo que aprenderás en este tutorial Procreate para animar texto
- Cómo crear un lienzo personalizado en Procreate
- Cómo usar una fuente para animación de texto en Procreate
- Cómo crear y usar una máscara de capa en Procreate
- Cómo hacer una máscara de recorte en Procreate
- Cómo añadir acentos a una Procreate animación
Recursos del tutorial Procreate
El siguiente recurso se utilizó durante este tutorial de cómo hacer una animación en Procreate:
1. Cómo comenzar un nuevo documento en Procreate para animar texto
Paso 1
Dirígete a Procreate > + y obtendrás un menú desplegable. Haz clic en el ícono Lienzo personalizado ubicado en la parte superior.
Paso 2
Crea un lienzo personalizado con estas dimensiones:
- Nombre de la ilustración: Procreate Animation
- Ancho: 1700 pixeles
- Alto: 1000 pixeles
- PPP: 300
Paso 3
Perfil de color, realiza los siguientes cambios:
- Perfil de color: sRGB
2. Cómo añadir el texto para Procreate animación
Paso 1
Dirígete a Capas y elige capa de fondo e introduce el siguiente código hexadecimal:
- Color: Azul oscuro
#002039
Paso 2
Asegúrate de tener un color rosa seleccionado y luego toma la herramienta Texto.
- Color: Rosa
#ff4797
Paso 3
En la herramienta Texto, escribe una palabra con los siguientes parámetros:
- Fuente: Nala Junior
- Tamaño: 200 pt
- Tracking: 3.2%
3. Prepara el texto para descubrir cómo animar en Procreate
Paso 1
Activa ajuste.
Paso 2
Cuando mueves el texto con la opción Ajuste activada, aparecerán líneas guías amarillas en la pantalla y esto muestra que el texto está centrado.
Paso 3
Rasteriza la capa del texto.
Paso 4
Duplica la capa rasterizada.
4. Cómo crear el primer fotograma para Procreate animación
Paso 1
En la capa del nivel más inferior Hi, activa la máscara de capa.
Paso 2
Crea otra capa arriba de la máscara de capa.
Paso 3
Recorta esa capa respecto a la capa de menor nivel Hi.
Paso 4
Renombra la capa "Yellow".
Paso 5
Agrupa estas capas (la capa de menor nivel Hi, la máscara de capa, la capa recortada Yellow) y renómbrala "1". Este será nuestro primer fotograma en la animación de texto.
Paso 6
Disminuye la Opacidad de la capa del nivel más superior, que por ahora actuará como guía.
- Opacidad: 40%
Paso 7
En la capa de menor nivel Hi, dirígete a la máscara de capa y rellénala de negro.
- Color: Negro
#000000
Paso 8
Activa Ayuda de animación.
5. Cómo usar una máscara de capa para animar texto
Paso 1
El primer grupo permanecerá tal como está. Duplicaremos el primer grupo en el panel Capas. En el segundo grupo, dirígete a Máscara de capa y asegúrate de tener un color blanco seleccionado.
- Color: Blanco
#ffffff
Paso 2
En el segundo grupo de máscara de capa, comienza a revelar la letra con el pincel.
- Pincel: Monolínea en Caligrafía
Paso 3
Duplica el segundo grupo y renómbralo "3".
Paso 4
Dirígete a Máscara de capa en el tercer grupo y comienza a revelar más la letra.
Tenemos que repetir el proceso hasta que toda la letra sea visible.
6. Utiliza una máscara de recorte al aprender cómo hacer una animación
Paso 1
En los ajustes del panel Animación, realiza los siguientes cambios:
- Fotogramas de papel cebolla: 7
- Opacidad de papel cebolla: 32%
Paso 2
Ve a la capa "Yellow" en el segundo grupo y asegúrate de tener el color amarillo seleccionado.
- Color: Amarillo
#f6be0b
Paso 3
En la misma capa, crea algunos pequeños puntos donde revelaste la palabra anteriormente.
Paso 4
Ve al tercer grupo y verifica que estés en la capa Yellow (amarillo).
Paso 5
Crea algunos puntos más grandes en la misma capa.
Paso 6
De manera similar, haz esto para todos los grupos, asegúrate de que los puntos amarillos se incrementen y luego se decrementen como se muestra a continuación.
Paso 7
El último grupo, que aquí es el 10, no tendrá puntos amarillos. Haz clic en el décimo grupo en el panel Animación. Establece la Duración de retención en 6 fotogramas.
7. Cómo añadir acentos a la animación de texto en el tutorial Procreate
Paso 1
Ve a la capa guía de mayor nivel y asegúrate de que la Opacidad esté otra vez en 100%. Luego duplica la capa.
Paso 2
Crea pequeños guiones espaciados uniformemente alrededor de la palabra en la penúltima capa, con los siguientes parámetros:
- Pincel: Monolínea
- Tamaño del pincel: 1 px
- Color: Crema
#fdf0d8
Paso 3
Duplica la capa 12 y renómbrala como "13".
Paso 4
En la capa 12, crea guiones después de nuestro acento previo.
Paso 5
El proceso necesita ser repetido en 13 capas no sucesivas.
Paso 6
Cambia los parámetros del panel Animación como se muestra a continuación:
- Bucle: Ping-Pong
- Fotogramas por segundo: 15
8. Guarda el archivo tras aprender cómo animar en Procreate
Paso 1
Dirígete a Acciones > Compartir > Gif animado.
Paso 2
Haz clic en Exportar y guarda en la ubicación que desees.
Felicidades, ¡Ahora sabes cómo animar en Procreate!
En este tutorial Procreate, aprendiste cómo animar texto. Comenzamos creando una capa rasterizada de nuestra fuente Nala Junior, y luego añadimos una máscara de capa para revelar las letras en esta animación con Procreate. También agregamos una máscara de recorte encima para complementar el efecto. Por último, añadimos algunos acentos para hacer más interesante la animación de texto. ¡Y ahora sabes cómo hacer una animación de texto en Procreate!
ProcreateHow to Create a Punk-Rock Portrait in Procreate
BrushesHow to Create and Customize Procreate Brushes
ProcreateHow to Install and Use Fonts in Procreate
Procreate30+ Best Procreate Tutorials for Beginners and Advanced!
Procreate50+ Best Procreate Brushes (Download These Brush Sets Now!)
ProcreateHow to Do Calligraphy on Procreate
Did you find this post useful?
One subscription.
Unlimited Downloads.
Unlimited Downloads.
