La fase de diseño de un logo es uno de los puntos clave dentro de cualquier estrategia de marketing, en la que es necesario resumir visualmente todo lo referente al negocio, el sector al que pertenece, la misión y todos los mensajes capaces de llamar la atención de un target específico de usuarios.
La animación, en este sentido, ayuda a ampliar las posibilidades de comunicación, aprovechando el movimiento como un elemento más para describir la marca. No solo eso: da un mayor dinamismo, facilita la memorización de imágenes, sonidos y colores, y es más adaptable a diversos contextos, en particular a las campañas publicitarias y en las redes sociales.
Por tanto, si está buscando una guía sobre cómo animar un logo¡Sepa que ha venido al lugar correcto! De hecho, he preparado este tutorial para ayudarte a darte cuenta de la idea que ya tienes en la cabeza: si me dedicas unos minutos de tu tiempo, en los siguientes capítulos te daré consejos sobre las herramientas adecuadas para crear el logo y una explicación sobre cómo usarlos para crear animaciones dignas de ese nombre. ¿Estas listo para empezar? Muy bien, ¡ya siento que tu creatividad está a punto de ser estimulada adecuadamente!
guía dedicada, donde explicaré cómo aprovechar su versión de prueba gratuita, tanto para Ventanas Eso para Mac OS. Si, por el contrario, sientes la necesidad de revisar las distintas funcionalidades que este programa pone a disposición, también he preparado una guía sobre cómo usar After Effects.
Para trabajar en After Effects, la imagen base que vas a cargar debe necesariamente haber sido guardada en los elementos individuales que la componen, los cuales están definidos en este software. capa. De esta forma es posible operar sobre los distintos componentes atribuyéndole propiedades específicas a cada uno de ellos. Una vez que After Effects esté abierto, desde la pantalla principal, haga clic en el botón Nueva composición colocado en el centro. Verá aparecer una ventana en la que se deben ingresar dos parámetros: las dimensiones en ancho es largo (expresado en píxeles), que debe coincidir con los de su logotipo, y el duración de la animación. Sin embargo, puede cambiar esta configuración en cualquier momento.
Para adquirir los distintos elementos de su logotipo haga clic en el menú Archivo> Importar> Archivo, arriba a la izquierda, y desde la ventana de Explorador de archivos que se abre elige las imágenes; luego haga clic en el botón Importa. Los elementos aparecerán en la Panel del navegador, a la izquierda, y para operar tendrás que seleccionarlos, mantener presionado el clic del mouse y arrastrarlos físicamente hacia arriba hasta Panel de capas colocado en la parte inferior, a la izquierda de la Cronología.
Ahora, para configurar una animación simple, siempre seleccione del panel Niveles la capa en la que desea operar, luego presione pag. en el teclado para acceder a la funcionalidad Posición. Para posicionar el objeto, haga clic en la herramienta Selección (presente en el menú en la parte superior izquierda y marcado con el icono de un flecha), luego haga clic en el objeto elegido en el cuadro central de Composición y muévalo (manteniendo presionado el botón izquierdo del mouse) hasta el punto que haya elegido como punto de partida para la animación.
Ha llegado el momento de activar la primera Fotograma clave, que es el fotograma utilizado por el sistema para definir y calcular los distintos momentos de la animación. Para hacer esto, haga clic en el icono cronógrafo al lado del campo Posición: verá un pequeño diamante en elindicador de tiempo. A partir de este momento, con el cronómetro encendido, el software registrará cada movimiento que realices en la composición.
Intente, por ejemplo, mover elindicador de tiempo arrastrando la flecha hacia abajo en la línea de tiempo dos segundos hacia adelante. Luego, regrese al área de composición y mueva la posición del objeto a otro punto en el área del logo. Verás un según fotograma clave en la línea de tiempo. Para ver su primera animación, presione el barra espaciadora del teclado: la secuencia comenzará su bucle y verá el movimiento del objeto en la vista previa del área de Composición.
¿Le gustaría insertar texto en su logo? Haga clic en el botón T. presente en el menú superior, para entrar en el modo Texto. A continuación, en el panel de niveles, haga clic con el botón derecho y seleccione elementos Nuevo> Texto en el menú contextual para crear la capa relacionada. Ahora puede comenzar a escribir y cambiar el color, el tamaño y la fuente desde el panel correspondiente. Personaje que se propone en el área de la derecha.
Otro componente esencial de After Effects es efectos. Para recuperarlos, mire el panel derecho y haga clic en el elemento Efectos y presets, luego busque lo que le interesa, escribiendo el nombre en el cuadro junto a la lupa: hagamos un ejemplo del efecto máquina de escribir, para aplicarlo en la capa de texto recién creada.
Tipo máquina de escribir y haga clic en el elemento para seleccionarlo. Manteniendo presionado el botón izquierdo del mouse, luego arrastre el objeto hacia la Capa de texto en el panel de Niveles, luego suelte la tecla. De esta manera, ha aplicado el efecto "Máquina de escribir" predeterminado a la capa de texto. Seguir adelante barra espaciadora para ver la animación completa.
¿Estás satisfecho con tu trabajo? ¡Es hora de exportar el proyecto! Haga clic en el menú Composición> Agregar a la cola de procesamiento (arriba a la izquierda), luego haga clic en el panel debajo del elemento en azul, junto a la escritura Módulo de salida.
Se abrirá una ventana donde puede insertar el exportar configuraciones, como el formato de archivo y la salida de video. Después de operar sus preferencias, haga clic en el botón OK, luego haga clic en el botón Representación, a la derecha del panel inferior, para iniciar el proceso de exportación.
En caso de que quieras conocer más sobre el funcionamiento general de After Effects, te remito a mi tutorial en el que explico con precisión cómo usar After Effects.
guía dedicada. También he preparado un artículo sobre cómo descargar el programa y aprovechar el período de prueba gratuito de 7 días, con el fin de evaluar todo su potencial.
Primero necesitas abrir un nuevo documento. Desde la pantalla de inicio de Photoshop, luego haga clic en el botón Crear nuevo. En la siguiente ventana, defina la configuración de la imagen que desea preparar y presione el botón Crear. El nuevo documento ya está listo para ser editado, pero primero asegúrese de tener los paneles. Niveles es Cronología visible, de lo contrario, haga clic en el menú Ventana (arriba) y active los elementos relacionados para que aparezcan los paneles antes mencionados.
La línea de tiempo en particular debe configurarse en modo de animación. Luego haga clic en flecha apuntando hacia abajo en el centro del panel Línea de tiempo y seleccione el elemento Crear animación de cuadros, luego haga clic en el botón siguiente Crear animación de cuadros: verá el primer fotograma generado en la línea de tiempo. Sin embargo, tenga en cuenta que la primera capa que se crea es un fondo y no se puede animar. Puede elegir convertirlo y hacerlo editable haciendo doble clic Fondo en el panel Niveles y haciendo clic en el botón OK; o puede agregar una nueva capa.
En este punto, puede comenzar a crear su diseño de logotipo. Nota: si la animación implica el uso de varios objetos animados de forma independiente entre sí, tendrá que crear el mismo en capas independientes. Para agregar fotogramas a la línea de tiempo, seleccione el fotograma actual en el panel Cronología, luego haga clic en el botón con el [+], para duplicarlo.
Cada fotograma se puede modificar de diferentes formas para crear una diferencia con el anterior, con el fin de generar una animación. Después de seleccionar el marco sobre el que intervenir, puede, por ejemplo, activar o desactivar la visibilidad para los diferentes niveles (haciendo clic en el botón con el icono de un ojo junto a su objeto en el panel de capas), cambiar la posición de los objetos atribuirle el movimiento o, de nuevo, cambiar la opacidad de las capas para que el contenido aparezca y desaparezca. Para ver una vista previa de la animación, haga clic en el botón ▶ ︎ en la línea de tiempo; para bloquearlo, en su lugar, haga clic en el botón ◾️.
También puede agregar un efecto de interpolación, que inserta una serie de fotogramas en los que se genera una animación automática que interviene sobre la posición, opacidad y efectos en los distintos niveles. Para activarlo, haga clic en botón con la bola en movimiento (lo encuentra antes que el que se usa para duplicar marcos).
En la siguiente ventana, seleccione si desea aplicar la interpolación al fotograma anterior o al primero, indique el número de fotogramas que desea generar y si lo aplicará a todas las capas o solo a las seleccionadas; finalmente, verifique los parámetros sobre los que quiere actuar (Posición, Opacidad, Efectos). Luego haga clic en el botón OK: notará que los nuevos fotogramas se generarán en la línea de tiempo con los cambios que realizó durante la fase de configuración.
Ahora finalmente puede exportar su proyecto: vaya al menú Archivo> Guardar> Guardar como y, en la siguiente pantalla, elija colocar el archivo en la PC haciendo clic en el botón Guardar en tu computadora. En la nueva ventana tendrás que elegir el formato de archivo: para las animaciones de cuadros es recomendable elegir entre GIF o formatos de Photoshop como PSD (para que podamos seguir procesándolo en el mismo software). Otra opción es exportar animaciones haciendo clic en la ruta. Archivo> Exportar> Representación de video. En la nueva ventana encontrará su archivo con extensión mp4. Haga clic en Representación en la parte superior derecha y espere a que se complete el procedimiento.
esta página y haciendo clic en el botón Prueba gratis. Más info aquí.
En los siguientes párrafos te ilustraré cómo animar un logo con Final Cut, aprovechando algunas de sus características muy avanzadas y especialmente adecuadas para el propósito.
Una vez que el programa esté abierto, proceda inmediatamente importando el material ya preparado para su logo haciendo clic en el botón Importar medios presente en la parte superior izquierda, en el centro de la Panel del navegador. Se abrirá una ventana del Descubridor para cargar imágenes en su computadora (puede hacer múltiples selecciones manteniendo presionado el tecla cmd y haciendo clic en los distintos elementos), luego haga clic en el botón importar. Verá las imágenes seleccionadas siempre cargadas en el panel del navegador, listas para usar.
Ahora necesita crear el nuevo proyecto: haga clic en el botón Nuevo proyecto, en el centro de la Panel de línea de tiempo, abajo. Asigne un nombre al proyecto escribiéndolo en el campo Nombre del proyecto, luego haga clic en el botón OK: esto habilitará la línea de tiempo para la edición. Para empezar a trabajar en el logo, hay que seleccionar las imágenes del panel del Navegador con un clic y, manteniendo presionada la tecla, arrastrarlas hacia la Línea de Tiempo. Tenga en cuenta que los elementos de primer plano deben colocarse en las filas superiores del panel Línea de tiempo.
El funcionamiento de la animación en Final Cut Pro es similar al de After Effects y utiliza la Fotograma clave para calcular las referencias temporales en las que activar efectos y movimientos. Al seleccionar la imagen en la que desea trabajar en la línea de tiempo, verá la imagen poblada con una serie de parámetros Panel de inspección, parte superior derecha. Para activar el primer fotograma clave, por lo tanto, colóquese con elindicador de tiempo en el momento en que desea iniciar la animación. El indicador de tiempo está marcado por una flecha que apunta hacia abajo en la línea de tiempo; para moverlo hay que hacer clic en él y, manteniendo pulsado el botón del ratón, moverlo hacia delante o hacia atrás.
Ahora regresa al panel Inspector y haga clic en el botón en forma de diamante a la derecha del parámetro en el que desea operar (por ejemplo Escaleras Todo): notarás que se vuelve amarillo. Colócate con el indicador de tiempo en el instante en que quieres que termine esa animación, de la misma forma que se ve arriba, haz clic nuevamente en el botón con el icono diamante: en este caso, sin embargo, también actuar sobre los valores de los parámetros moviendo el cursor a la derecha del texto Escaleras Todo hacia la izquierda, para hacer el elemento más pequeño, o hacia la derecha, para agrandarlo. Has completado tu primera animación de logo en Final Cut Pro.
Para ver el resultado de esta operación, haga clic en el botón ▶ ︎ debajo de la imagen central. Puede hacer lo mismo en todas las imágenes cargadas seleccionándolas en el panel de línea de tiempo y activando el fotograma clave en el panel Inspector, en correspondencia con el parámetro sobre el que desea operar al principio y al final de la animación.
Final Cut Pro también ofrece la opción de aprovechar bibliotecas con animaciones de video preestablecidas. Para acceder a este último, haga clic en el botón [T], a la derecha del panel Navegador. Verás aparecer una serie de elementos: para usarlos simplemente debes arrastrarlos a la línea de tiempo, como se ha visto anteriormente para las imágenes. Entre los elementos también hay textuales, bajo el encabezado Título, que le permiten agregar hermosas animaciones escritas al logotipo.
Para acceder a la biblioteca de Efectos, ve al menú Windows> Mostrar en el espacio de trabajo> Efectos. En la parte inferior derecha, verá aparecer un panel adicional con una amplia selección de efectos, que puede agregar arrastrándolos a la imagen a la que desea asignarlos.
¿Ha llegado al final de la tramitación y desea exportar el proyecto? Haga clic en el botón exportar arriba a la derecha, marcado por un cuadrado con una flecha hacia arriba. Se abrirá un panel debajo donde hay diferentes métodos de exportación, incluidos los de redes sociales, YouTube o dispositivos Apple. Sin embargo, la configuración predeterminada es Archivo maestro: al hacer clic en él se abrirá una nueva ventana donde, si no tiene necesidades particulares, es recomendable dejar la configuración predeterminada. Simplemente haga clic en el menú Formato, luego seleccione a continuación Publicación la voz Ordenador. Ahora haga clic en el botón próximo y, en la siguiente ventana, elija el destino del archivo haciendo clic en la casilla junto al elemento Dónde, finalmente haga clic en el botón Ahorrar.
página principal del servicio de creación de logotipos y haga clic en el elemento Crea tu logo animado. En la siguiente pantalla puede autenticarse usando ID de Adobe, Google, Facebook, ID de apple o registre un nueva cuenta de Adobe con su dirección de correo electrónico.
Una vez completada la autenticación, se muestra una pantalla donde es necesario elegir el formato del proyecto a animar, el cual se puede seleccionar entre los de tamaño estándar o algunos específicos para redes sociales, como Instagram, Facebook o YouTube.
Luego haga clic en el botón Hacia adelante y verá otra página donde puede cargar las imágenes para ser procesadas. Puede optar por cargar una imagen desde su dispositivo a través de la función Explorador de archivoshaciendo clic en el botón Cargo, o elegir entre los gratuitos propuestos por el sistema, que se pueden seleccionar utilizando el campo de texto correspondiente en el que escribir el tema de referencia.
Una vez que se complete la carga, haga clic en el botón Hacia adelante y esperar la confección de la interfaz de trabajo que, como verás, es sumamente lineal y comprensible, perfecta para la realización de proyectos básicos. En la zona central encontrarás las imágenes subidas en el paso anterior, mientras que en el menú de la izquierda se ponen a disposición una serie de herramientas para modificar tus creaciones añadiendo algunas texto, de antecedentes o de iconos, por ejemplo.
Al hacer clic en una de las herramientas, en un panel especial a su derecha estará disponible para recursos predefinidos, que puede utilizar para componer o enriquecer su proyecto. Simplemente haga clic en elelemento, para verlo aparecer dentro de la imagen, y luego intervenir en el posicionamiento, tamaño y otras características a través de las características que se cargan inmediatamente en el panel a la derecha del área de composición.
Si ya tiene un logo listo para animar, haga clic en el botón Logotipos, en el menú de la izquierda: se abrirá una ventana Explorador de archivos a partir del cual seleccionar el contenido deseado. Una vez que haya completado la composición del logotipo, haga clic en un lugar vacío en el área central. Ahora, en el panel derecho, haga clic en el botón Animación: verás aparecer dioses Preestablecido para animación de texto o foto.
Al hacer clic en el preset, se cargará automáticamente en correspondencia con el elemento: por ejemplo, la funcionalidad Máquina de escribir generará la animación sobre el texto ingresado previamente a través del menú Texto, mientras el llamado Desenfoques intervendrá en la imagen base.
Una vez que haya terminado de definir el tipo de animación, puede descargar y compartir fácilmente el resultado a través del menú en la parte superior derecha. Haga clic en el botón Cuota para publicarlo de inmediato en las redes sociales o invitar a un colaborador a participar en los cambios, o hacer clic en el botón Descargar para descargar, eligiendo entre los formatos MP4, PNG, JPG o PDF. Finalmente presione el botón Comienza a descargar y espere a que se exporte el archivo, que luego encontrará en la carpeta que configuró en su navegador para descargar archivos (por defecto es Descargar).
Adobe Spark también está disponible de forma gratuita en la versión móvil para dispositivos Androide es iPhone / iPad. Para obtenerlo, visite los enlaces que le acabo de proporcionar desde su dispositivo (si tiene un terminal Android sin Play Store, busque uno tienda alternativa) y presione el botón Instalar / Obtener. En iPhones y iPads, es posible que deba verificar su identidad.
Una vez finalizada la descarga, para acceder a la aplicación necesitará utilizar una cuenta como se explica para la versión Web. El funcionamiento es muy similar al que se acaba de ver para la versión online, con las mismas funciones de animación, carga y edición de imágenes.
Crello - es un sitio que proporciona una serie de herramientas válidas para diseñar y diseñar gráficos, incluido un creador de logotipos. Una vez creada la animación, para poder guardarla es necesario estar registrado en el servicio. También está disponible como aplicación para Android e iOS / iPadOS.