

import SmoothLink from './components/SmoothLink';
import LinkAnchor from "./components/LinkAnchor";
import VideoBlog from './components/videoBlog';
import ButtonRecursos from './components/ButtonRecursos';
import SimpleLink from './components/SimpleLink';


Las redes sociales hicieron que en los últimos años los negocios publiquen contenido constantemente, esto colateralmente trajo el hecho de crear contenido en un promedio de 12 publicaciones al mes, de las cuales aproximadamente 4 son en video, los nuevos formatos como los de TikTok, reels de instagram y sus similares en otras redes aumentaron aún más el número de publicaciones en video.

Por eso este blog tiene como función ayudar a los creadores de contenido o a los mismos dueños de emprendimientos o negocios con redes a trabajar sus videos animados de una manera más rápida y práctica.

También está dirigido a todos aquellos interesados que les guste animar y quieran aprender a realizar algunas plantillas con Adobe Illustrator y After Effects.

Esta lista de reproducción estará dividida en 02 videos por Story o plantilla.

En el primer video veremos cómo trabajar los recursos a partir del archivo enviado por el diseñador.

En el segundo video trabajaremos la edición de la plantilla desde el archivo en After Effects, cambiaremos colores, fondo, letras, fotos y otros recursos

Por último quiero aclarar que los vídeos irán de menor complejidad a mayor y en cada video veremos actividades que ya hayamos hecho en el video anterior.

Sin más que agregar por favor vean los videos, cada uno tendrá un enlace para descargar los recursos a utilizar.

<ul>
<SmoothLink target="#chapter-1" linkText="Módulo I - Parte 01" />
<SmoothLink target="#chapter-2" linkText="Módulo I - Parte 02" />
<SmoothLink target="#chapter-3" linkText="Módulo II - Parte 01" />
<SmoothLink target="#chapter-4" linkText="Módulo II - Parte 02" /> 
<SmoothLink target="#chapter-5" linkText="Módulo III - Parte 01" /> 
<SmoothLink target="#chapter-6" linkText="Módulo III - Parte 02" /> 
</ul>

<LinkAnchor element="h2" id="chapter-1" text="Módulo I - Parte 01" />

En este primer video veremos como hacer una story solo con texto, también veremos algunos conceptos que mantendremos a lo largo de todos los videos.

Descarguen los recursos y vean el video.

<ButtonRecursos link={'https://www.motionpulse.net/descargas/Time_Story01.rar'}/>
<VideoBlog videoId={'xSesnFIAVRs'} Miniatura={'/assets/blog/mod-1-vid-1.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-2" text="Módulo I - Parte 02" />

Ahora trabajaremos los recursos que terminamos en el video anterior, nuestra función será cambiar todo el contenido a uno diferente para que todos tengan idea de como hacer los cambios sin importar que el video muestre un producto diferente.

<ButtonRecursos link={'https://www.motionpulse.net/descargas/Time_Story01.rar'}/>
<VideoBlog videoId={'ZCD_5Pzp5yQ'} Miniatura={'/assets/blog/mod-1-vid-2.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-3" text="Módulo II - Parte 01" />

En este video aparte de animar los textos también trabajaremos con una máscara, este es un recursos que se puede usar de muchas formas, pero ahora lo usaremos para mostrar nuestro producto.

<ButtonRecursos link={'https://www.motionpulse.net/descargas/Time_Story02.rar'}/>
<VideoBlog videoId={'kScnanipEv8'} Miniatura={'/assets/blog/mod-2-vid-1.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-4" text="Módulo II - Parte 02" />

Ahora editaremos la plantilla trabajada en el video anterior.

<ButtonRecursos link={'https://www.motionpulse.net/descargas/Time_Story02.rar'}/>
<VideoBlog videoId={'kScnanipEv8'} Miniatura={'/assets/blog/mod-2-vid-2.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-5" text="Módulo III - Parte 01" />

En este video trabajaremos con varios productos.

<ButtonRecursos link={'https://www.motionpulse.net/descargas/Time_Story03.rar'}/>
<VideoBlog videoId={'kScnanipEv8'} Miniatura={'/assets/blog/mod-3-vid-1.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-6" text="Módulo III - Parte 02" />

Ahora trabajaremos con la plantilla de after effects.

<ButtonRecursos link={'https://www.motionpulse.net/descargas/Time_Story03.rar'}/>
<VideoBlog videoId={'kScnanipEv8'} Miniatura={'/assets/blog/Plug-in 02.jpg'} height_video={450} width_video={800}/>

Aprende a crear reels y storys animados con afeter effects.

Storys Animados After Effects | 2024



import SmoothLink from './components/SmoothLink';
import LinkAnchor from "./components/LinkAnchor";
import VideoBlog from './components/videoBlog';
import ButtonRecursos from './components/ButtonRecursos';
import SimpleLink from './components/SimpleLink';


After effects es un programa muy solicitado para la animación, se pueden hacer muchas cosas con este programa, pero para saber mas y verdaderamente desde cero sobre after effects, creamos una lista de reproducción que hemos llamado “El Diccionario After Effects”

Esta lista les ayudara a revisar cada función de after effects, desde que es, como funciona, que se puede hacer hasta cómo usarlo y saber manejarlo.

After effects es un programa bastante amplio, esta lista de reproducción podría tener muchos videos, en este blog veremos los 10 primeros videos y en el canal de YouTube podrán encontrar el resto según los vayamos subiendo.

<ul>
<SmoothLink target="#chapter-1" linkText="Qué es After Effects" /> 
<SmoothLink target="#chapter-2" linkText="Qué puedo hacer en After Effects" /> 
<SmoothLink target="#chapter-3" linkText="Donde consigo After Effects" /> 
<SmoothLink target="#chapter-4" linkText="Versiones y requisitos del sistema" /> 
<SmoothLink target="#chapter-5" linkText="Diferencias entre la versión original y pirata" /> 
<SmoothLink target="#chapter-6" linkText="Instalación de After Effects" /> 
<SmoothLink target="#chapter-7" linkText="Conociendo la interface" /> 
<SmoothLink target="#chapter-8" linkText="Barra de tareas" /> 
<SmoothLink target="#chapter-9" linkText="Espacios de trabajo - configuración" /> 
<SmoothLink target="#chapter-10" linkText="Barra de Herramientas" /> 
</ul>

<LinkAnchor element="h2" id="chapter-1" text="Qué es After Effects" />

En este primer video explicamos qué es After effects, puede ser algo banal, pero para los que necesiten la info, esto es lo que dice google (lo buscamos).

<VideoBlog videoId={'aFhRHGHJkN4'} Miniatura={'/assets/blog/Dic-02.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-2" text="Qué puedo hacer en After Effects" />

¿Qué posibilidades tenemos con after effects?

En este video hemos tratado de mostrar muchas opciones, pero dentro de lo que nuestra experiencia nos ha llevado, hay muchas mas posibilidades y estoy seguro que podrás buscar más ejemplos.

<VideoBlog videoId={'gyBwKOGoy4A'} Miniatura={'/assets/blog/Dic-03.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-3" text="Donde consigo After Effects" />

Ya sabemos…

Estás molesto porque no te dijimos donde encontrar after effects de una manera “más fácil” por favor entenderos…

No podemos decir que escriban en el buscador “adobe ____________ pre activado” sería irresponsable de nuestra parte.

Pero pueden vesitar la página oficial de after effects.
<SimpleLink link={'https://www.adobe.com/pe/creativecloud/plans.html?filter=video-audio&plan=individual'} tittlelink={'Tienda de adobe'}/>
<VideoBlog videoId={'QBADIk4ROp0'} Miniatura={'/assets/blog/Dic-04.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-4" text="Versiones y requisitos del sistema" />

Queremos recomendar que instales la versión que más se acomode a tu equipo y a tus necesidades.

Si ya utilizas otros productos de adobe es recomendable que after effects también sea de la misma versión.

<VideoBlog videoId={'YrpJr7PGPxw'} Miniatura={'/assets/blog/Dic-05.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-5" text="Diferencias entre la versión original y pirata" />

Esto de aquí es importante para que lo consideren bien, más para que tomen en cuenta algunas funcionalidades al hacer pruebas de sus programas.

<VideoBlog videoId={'melsAxOI6q8'} Miniatura={'/assets/blog/Dic-06.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-6" text="Instalación de After Effects" />

En este vídeo te mostramos el procedimiento para instalar after effects, desde la descarga de creative cloud hasta la instalación completa del programa.

La vista previa se realizará en los siguientes videos.

<VideoBlog videoId={'gAc49eBqPAw'} Miniatura={'/assets/blog/Dic-07.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-7" text="Conociendo la interface" />

Este video es demasiado corto, es solo para mostrarles como es la interface en cuanto esta terminado de instalarse, para la configuración de los espacios de trabajo revisa los siguientes videos.

<VideoBlog videoId={'jnaIYkbuywo'} Miniatura={'/assets/blog/Dic-08.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-8" text="Barra de tareas" />

En este video revisaremos la barra de tareas, para ver todas las funciones que se pueden encontrar.

No se suele utilizar todas pero compartimos las que más usamos.

<VideoBlog videoId={'nASd3pO-kZU'} Miniatura={'/assets/blog/Dic-09.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-9" text="Espacios de trabajo - configuración" />

Los espacios de trabajo muestran las ventanas más importantes para realizar un trabajo, nosotros tenemos una configuración que está adaptada a nuestras necesidades de trabajo.

<VideoBlog videoId={'7IXRAOQhL2g'} Miniatura={'/assets/blog/Dic-10.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-10" text="Barra de Herramientas" />

La barra de herramientas es interna de After effects, estas herramientas nos ayudarán a ejecutar diferentes acciones a nuestros elementos mientras animamos.

No se suele utilizar todas pero compartimos las que más usamos.

<VideoBlog videoId={'3PON2NGZsQg'} Miniatura={'/assets/blog/Dic-11.jpg'} height_video={450} width_video={800}/>




Esta lista les ayudara a revisar cada función de after effects, desde que es after effects, como funciona after effects, que se puede hacer con after effects, cómo usar after effects y saber manejarlo.

Diccionario After Effects | 2024



import SmoothLink from './components/SmoothLink';
import LinkAnchor from "./components/LinkAnchor";
import VideoBlog from './components/videoBlog';
import ButtonRecursos from './components/ButtonRecursos';
import SimpleLink from './components/SimpleLink';

After effects ha sido desde hace mucho uno de los programas más utilizados para la animación, ayudándonos a crear animaciones simples como complejas, los únicos límites son la imaginación de cada uno.

A lo largo de la existencia de after effects tanto la misma empresa de traerla (Adobe Systems Incorporated), como otros creadores nos han traído diferentes plug ins para facilitar en todo lo posible la animación en esta plataforma.

Quiero aclarar en este punto que existen muchos otros plug ins de los que hablaré en este post y probablemente… en unos meses lo iré actualizando.

Plug ins que yo más uso en mis animaciones.

<ul>
<SmoothLink target="#chapter-1" linkText="Video Copilot" />
<SmoothLink target="#chapter-2" linkText="Mister Horse" />
<SmoothLink target="#chapter-3" linkText="Ae Juice" />
<SmoothLink target="#chapter-4" linkText="MotionBro" />
</ul>



<LinkAnchor element="h2" id="chapter-1" text="Video Copilot" />

Está en una página que tiene a Andrew Kramer como líder, empezó a hacer tutoriales en ingles desde que after effects estaba en la versión CS3, hizo mucho contenido, muy práctico para animar y con los años nos trajo varios plug-ins gratuitos y de paga.

Su página principal es videocopilot.net, y los plug ins que mostraré de este creador son tres:


<SimpleLink link={'https://www.videocopilot.net/tutorials/color_vibrance_plug-in/'} tittlelink={'→ VC Color Vibrance (gratuito)'}/>.

<SimpleLink link={'https://www.videocopilot.net/tutorials/saber_plug-in/'} tittlelink={'→ Saber (gratuito)'} />.

<SimpleLink link={'https://www.videocopilot.net/products/opticalflares/'} tittlelink={'→ Optical Flares (de paga)'} />.

Uno de los plug in más hablados de video copilot es Element 3D, personalmente no uso este plug in (aun no) pero me era inevitable hacer una mención especial

Aquí te dejamos un video con información de donde encontrarlos, como instalarlos y un recorrido rápido.

<VideoBlog videoId={'NlQmaC3653s'} Miniatura={'/assets/blog/Plug-in 01.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-2" text="Mister Horse" />

Esta empresa nos ha traído lo que probablemente es una de las herramientas más utilizadas (al menos en mis animaciones), su página oficial es misterhorse.com y unos de sus plug ins:

<SimpleLink link={'https://misterhorse.com/animation-composer'} tittlelink={'→ Animation Composer'} />.

Esta herramienta tiene muchas opciones, si bien es cierto hay varios complementos de paga, la opción gratuita es más que suficiente para darnos muchas soluciones a la hora de animar.

También lanzaron una opción para Adobe Premiere que igual que su antecesora, la versión gratuita es muy efectiva.

Ambas herramientas son muy intuitivas al momento de usarse, pero si tienes alguna duda sobre como instalar y aprovechar sus opciones, te dejamos aquí un tutorial.

<VideoBlog videoId={'V5eHi_iBftU'} Miniatura={'/assets/blog/Plug-in 02.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-3" text="Ae Juice" />

Esta es otra plataforma que nos ha traído un plug in muy similar al de mister horse, su pagina oficial es aejuice.com y al igual que el plug-in anterior, la versión gratuita es muy completa y si necesitaras algo de su catálogo de paga tienes la opción de tenerlos por un tiempo de 7 días en forma de prueba.

Puedes tener animaciones de elementos 2D, transiciones para textos, y composiciones completas para agregarle estilo a tus animaciones, aquí en MotionPulse lo hemos usado varias veces, aun sin tener los paquetes de paga hemos tenido resultados muy aceptables con la versión gratuita.

<VideoBlog videoId={'hRzvojBH4Cc'} Miniatura={'/assets/blog/Plug-in 03.jpg'} height_video={450} width_video={800}/>

<LinkAnchor element="h2" id="chapter-4" text="MotionBro" />

ste plug in es uno de los últimos que hemos descubierto en la empresa, imagínate la sorpresa que nos dio cuando vimos su librería de más de 1GB de elementos gratis para usar.

Dentro de los paquetes que tenemos están las transiciones, elementos gráficos 2D y una cantidad muy considerable de audios, efectos de sonido que te ayudarán a ser muy creativo a la hora de aplicar efectos de sonido.

Su página oficial es motionbro.net, al igual que los anteriores tienen varios presets de paga para After Effects y Adobe Premiere, pero con las versiones gratuitas también tenemos una infinidad de posibilidades.

La instalación si puede un poco compleja (tal vez bastante) y por eso te dejamos aquí un tutorial para poder tener este recurso listo para usarlo en tus animaciones, en este video veras como descargarlo, como instalarlo y un rápido recorrido por la librería.

Descarga aqui el zxp installer.

<ButtonRecursos link={'https://www.motionpulse.net/descargas/zxp_installer.rar'}/>
<VideoBlog videoId={'aNS3AMeDSWM'} Miniatura={'/assets/blog/Plug-in 04.jpg'} height_video={450} width_video={800}/>






En este blog te presentamos los plug ins que mas usamos para animar con after effects.

Blog

MotionPulse

Web Service

Cursos

Lo que hacemos en MotionPulse

Motion Graphics

Web Service

Fotografía

Video

CURSOS

Cursos Recientes

Motion Graphics

Animación Linea Gráfica YouTube

Motion Graphics

Animación Linea Gráfica YouTube

Motion Graphics

Animación Linea Gráfica YouTube

Blog

Storys Animados After Effects | 2024

Diccionario After Effects | 2024

Los Plug-ins que más usamos para animar