Feliz martes. Es un vigoroso placer saludarlos otro día más, estimados steemians. :)
Buen día, mi querida comunidad (amante de todas las artes). En esta oportunidad les estaré compartiendo de forma bastante didáctica — como han sido mis tutoriales hasta ahora — cómo llevar a cabo un GIF con efecto «circular reveal» (conocido en español como «revelación circular»).
Esta edición la realicé con el objetivo de transmitir un concepto que resultara agradable para la vista. Por esa razón lleve a cabo una composición bicromática. ¡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 700px x 400px, color negro.
PARTE 2: Crear elipse
Presionando clic derecho sobre el área de trabajo.
Seleccionamos Nuevo/Capa de formas
Desplegamos los valores de Agregar
, seleccionamos Elipse
y Relleno
.
Seleccionamos la opción Trazo, cambiamos el color por Morado.
Seleccionamos la opción Tamaño de trazo, lo cambiamos a 30 px.
PARTE 3: Editar elipse
Al lado derecho de «Capa de forma 1», desplegamos sus valores.
Desplegamos los valores de Agregar y seleccionamos Recortar trazados
Desplegamos Recortar trazados 1
.
Nos posicionamos en el (seg) 0, cambiamos Fin a 0.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 0, creamos un frame en Desplazamiento.
Presionando el símbolo del reloj.
Desplegamos Trazo 1
.
Nos posicionamos en el (seg) 0, cambiamos Anchura del trazo a 0.
Creamos un frame, presionando el símbolo del reloj.
Teniendo seleccionada «Capa de forma 1», presionamos la letra "U".
Se abrirán todos los frames.
- Nos posicionamos en el (seg) 1.00:
Cambiamos el valor Fin a 100.
Cambiamos el valor desplazamiento a 150.
Cambiamos el valor Anchura del trazo a 100.
PARTE 4: Duplicar elipse
Teniendo seleccionada «Capa de forma 1», presionamos ctrl + D.
Con este comando duplicaremos la capa.
Dejamos un espacio de separación de 2 fotogramas.
Gracias es esto se visualizará una composición escalonada.
Teniendo seleccionada «Capa de forma 2», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 190.
Teniendo seleccionada «Capa de forma 2», presionamos ctrl + D.
Dejamos un espacio de separación de 2 fotogramas, nuevamente.
En la línea de tiempo.
Teniendo seleccionada «Capa de forma 3», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 310.
Teniendo seleccionada «Capa de forma 3», presionamos ctrl + D.
Dejamos un espacio de separación de 2 fotogramas, una última vez.
Teniendo seleccionada «Capa de forma 4», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 460.
PARTE 5: Efecto delay (amarillo)
Seleccionamos todos las capas creadas, presionamos ctrl + D.
Dejamos un espacio de separación de 2 fotogramas, desde el (seg) 0.
Seleccionamos las capas 5, 6, 7, 8, presionamos clic derecho:
Vamos hasta la opción precomponer
y le damos aceptar.
Le colocaré como nombre «Yellow».
Seleccionamos Efecto/Generar/Relleno
Seleccionamos el color Rojo y lo cambiamos por Amarillo.
En la flecha de Controles de efectos
seleccionamos Proyecto
.
PARTE 6: Agregar logo
Presionamos Archivo/Importar/Archivos...
Seleccionamos el logotipo y presionamos importar.
Teniendo seleccionada «Capa de forma 1», presionamos ctrl + D.
Movemos la capa de forma duplicada al primer puesto.
En la línea de tiempo.
Dejamos un espacio de separación de 10 fotogramas, desde el (seg) 0.
Teniendo seleccionada «Capa de forma 5», presionamos la letra "S".
Se abrirán los frames de escala.
Cambiamos el valor Escala a 40.
Arrastramos nuestro logotipo importado hacía la mesa de trabajo.
Teniendo seleccionada la imagen «LOGO», presionamos la letra "S".
Se abrirán los frames de escala.
Nos posicionamos en el (seg) 0.18, cambiamos Escala a 0.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 1.05, cambiamos Escala a 13.
Teniendo seleccionada la imagen «LOGO», presionamos la letra "R".
Se abrirán los frames de rotación.
Nos posicionamos en el (seg) 0.18, cambiamos Rotación a -20°.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 1.05, cambiamos Rotación a -0°.
Seleccionamos Efecto/Generar/Relleno
Seleccionamos el color Rojo y lo cambiamos por Blanco.
PARTE 7: 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. ;)
Logo usado:
Descargá el material usado:
Publicado desde mi blog personal, usando SteemPress : https://rpcaceres.000webhostapp.com/2019/11/crea-tu-propio-gif-con-efecto-circular-reveal-tutorial-after-effects-62
Siempre es un honor recibir vuestro apoyo, querido Ramoncito. Muchas gracias.
es muy interesante el tema, claro que me gustaria tener mi gif en movimiento circula, lo voy a intentar algun dìa, gracias por compartir
Muy explícito el tutorial. Te felicito.
Muchas gracias, amigo @capp. Me alegra mucho contar con esta clase de comentarios que siempre motivan.
Saludos.
Disculpa si la pregunta es un poco básica, pero After Effects es gratis o es un programa pago.
Es un programa pago, querida @darkfemme. El programa forma parte del paquete de CC de Adobe (junto a Photoshop y muchos otros software de diseño gráfico). Abrazos.
Votado por el trail @team-mexico
Servidor en Discord TeamMexicoPRO ¡Te esperamos!
Delegaciones para @team-mexico ¡Ayúdanos a crecer!
10 SP - 25 SP - 50 SP - 100 SP - 150 SP- Mas información.
Curado manualmente por @alfarofranudy
Muchas gracias por el apoyo que me concedieron, estimados amigos de @team-mexico.
Abrazos y bendiciones.
Tienes mucho talento, tu trabajo aporta mucho en steemit. Saludos 🙏👌🏻
Thank you for using the #diy tag. This post has been manually rewarded with BUILD tokens in the form of an upvote with our @build-it.curator account. You can buy, stake, and exchange our "BUILD" tokens for steem on steem engine and Steem Leo's exchange
Build-it is a central hub for DIY and How-To projects. It's an opportunity to find and share the latest in DIY, and How-To tutorials. The recommended tags required when creating a DIY article are #diy, #build-it. #how-to, or #doityourself.
Chat with us on our discord and telegram channels Discord, Telegram. Are we adding value ? your witness vote will be appreciated! Click here to vote