Buen día, queridos HIVE bloggers. Espero hayan iniciado la semana con buen pie. Hoy es un nuevo día, y con él un nuevo tutorial. En esta ocasión quise hacer un GIF de un texto tridimensional con un efecto de rotación en uno solo de sus ejes (el Y), sin usar ningún complemento o plug-in externo — ¡Toda una osadía! — Pronto les estaré compartiendo más publicaciones usando solo el paquete básico de AE.
Sin más nada que decir, ¡Espero les guste!
¿Qué necesitamos?
Necesitamos tener instalado After Effects.
Al final les dejaré el link de descarga.
Proceso de creación:
PARTE 1: Composición
Empezaremos creando una nueva composición.
En la ventana emergente modificaremos los valores de la composición.
En mí caso el tamaño es 1280px x 670px, color negro.
PARTE 2: Crear texto
Seleccionamos nuestra herramienta de texto en el apartado superior.
Nos aseguramos que la fuente seleccionada sea Montserrat ExtraBold.
Cambiamos el color por uno más intenso.
En este caso elegí un rojo.
Creamos un texto.
Colocaré «HIVE BLOG».
Cambiamos el color por uno que contraste con el color inicial.
En este caso elegí el blanco.
Creamos las letras que conforman la palabra «HIVE BLOG».
Eliminamos el texto inicial.
NOTA: Solo nos sirvió como guía de posición.
Seleccionamos todas las letras, presionamos clic derecho:
Vamos hasta la opción Crear formas a partir del texto.
Eliminamos el texto base, presionando la tecla delete.
PARTE 3: Simular rotación tridimensional
Seleccionamos las letras «V, B, L, O, G», presionamos la letra "P + E".
Se abrirán los frames de profundidad de extrusión.
Cambiamos el valor profundidad de extrusión a 40.
Aún teniéndolas seleccionadas, presionamos la letra "R".
Se abrirán los frames de rotación.
Nos posicionamos en el (seg) 1.00, y creamos un frame en Rotación Y.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 2.00, cambiamos Rotación Y a 1 vuelta.
Nos posicionamos en el (seg) 3.00 y duplicamos los valores anteriores.
Presionando el símbolo del rombo.
Nos posicionamos en el (seg) 4.00, cambiamos Rotación Y a 2 vuelta.
Seleccionamos las letras «V, B, L, O, G», presionamos la letra "U".
Se abrirán todos los frames creados.
Seleccionamos los fotogramas:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
PARTE 4: Añadir colores
Seleccionamos las letras «H, I, y E»:
Seleccionamos la opción Relleno, cambiamos el color por Amarillo.
Seleccionamos las letras «V»:
Seleccionamos la opción Relleno, cambiamos el color por Negro.
Seleccionamos la opción Trazo, cambiamos el color por Amarillo.
Seleccionamos las letras «B, L, O, G»:
Seleccionamos la opción Relleno, cambiamos el color por Negro.
Seleccionamos la opción Trazo, cambiamos el color por Blanco.
Seleccionamos todas las letras creadas:
Nos posicionamos en el (seg) 4.00, presionamos la letra "N".
Se reducirá el tiempo de visualización (fin) a dicho (seg).
Vamos a Animación/Asistente de fotograma clave/Capas de secuencia...
PARTE 5: Agregar efecto texto cambiante
Seleccionamos las letras «, B, L, O, G», presionamos clic derecho:
Vamos hasta la opción precomponer y le damos aceptar.
Seleccionamos la composición «BLOG», presionamos ctrl + D.
Le colocaré como nombre «LOVE».
Abrimos la composición «LOVE», presionando doble clic sobre ella.
Sustituimos todas las letras del texto inicial.
Abrimos la composición «Principal», presionando doble clic sobre ella.
Seleccionamos la composición «LOVE»:
Nos posicionamos en el (seg) 2.00, presionamos la letra "B".
Se reducirá el tiempo de visualización (inicio) a dicho (seg).
Seleccionamos la composición «BLOG»:
Nos posicionamos en el (seg) 2.00, presionamos la letra "N".
Se reducirá el tiempo de visualización (fin) a dicho (seg).
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. ;)
Descargá el material usado:
TEXTO CON EFECTO FAKE 3D ROTATION | Tutorial After Effects #145 | Ecency
