Diseña y anima anuncios digitales como un profesional (HTML5, redes sociales pagadas y GIF) | Samantha Richardson | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Diseña y anima anuncios digitales como un profesional (HTML5, redes sociales pagadas y GIF)

teacher avatar Samantha Richardson, Freelance Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Vista previa del curso

      1:37

    • 2.

      Herramientas

      0:56

    • 3.

      Proyecto de clase

      1:15

    • 4.

      La estrategia de marketing digital y tú

      4:50

    • 5.

      Entregas

      1:00

    • 6.

      HTML5

      2:03

    • 7.

      Proceso de investigación

      3:28

    • 8.

      Reunión de Asset

      4:12

    • 9.

      Concepto en Illustrator

      2:16

    • 10.

      Exportación de conjuntos de Illustrator

      3:22

    • 11.

      Cómo llevar tu concepto a la línea Flexible

      6:03

    • 12.

      Animación en Flexible

      6:41

    • 13.

      Previsualiza animaciones en Flexitive

      1:01

    • 14.

      Cómo agregar efectos de Hoover y SVG animados

      3:12

    • 15.

      Cómo crear más tamaños en Flexitive

      6:10

    • 16.

      Exportación de HTML5 en Flexitive

      2:34

    • 17.

      Exportación de imágenes, videos y GIFS en Flexitive

      4:03

    • 18.

      Comparte tu proyecto de clase

      1:44

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

938

Estudiantes

3

Proyectos

Acerca de esta clase

¡Hola! Mi nombre es Samantha Richardson y soy diseñadora gráfica freelance.  He estado en una agencia los últimos seis años para concebir y ejecutar campañas de marketing digital para clientes.  Crear campañas publicitarias efectivas en varias plataformas puede parecer intimidante, pero no tiene que ser un gran secreto de la agencia.

A través de este curso, quiero desmitificar lo que implica la ejecución de una campaña de anuncios digitales multiplataforma y mostrarte mis estrategias para crear un trabajo digital absolutamente fabuloso. 

Nos centraremos en la creación de banners animados en HTML5, videos para redes sociales de pago y GIF para eblasts.

Las agencias quieren que pienses que hacer campañas publicitarias digitales hermosas es complicado, pero te voy a mostrar paso a paso cómo puedes tomar tu publicidad o la publicidad de tu cliente en tus propias manos.

Por lo tanto, pasemos el rato y aprendamos cómo crear nuestras propias campañas publicitarias digitales. ¡Nos vemos en clase!

* Música de Andrew Laningham *

Conoce a tu profesor(a)

Teacher Profile Image

Samantha Richardson

Freelance Designer

Profesor(a)
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Avance del curso: Hola. Me llamo Samantha Richardson, y soy diseñadora gráfica. Y bienvenidos a Teoh, Una guía de información privilegiada para crear campañas publicitarias digitales. Llevo unos cinco años trabajando en la industria de la publicidad, y he encontrado que digital como podría ser un poco intimidante a través de este curso, no desmitificaría lo que entra en producir una campaña digital multiplataforma. Te voy a mostrar algunos consejos y trucos para producir diseños y animación atractivas y formas que puedes presentar a tus clientes. Estaremos creando un Canal cinco pancartas, videos, brigada, brigada, sociales e invitados para las ráfagas de correo electrónico. Vamos a repasar algunos sencillos surcos de marketing digital que te ayudarán y formar tus diseños estarán usando ILTER y photoshop para conceptuar y diseñar nuestras campañas. Ater SPD para crear algunos muy simples animados S P G's flex. Sería Teoh. anime y el tamaño son campañas a través de diferentes plataformas y tamaños. Todos los programas que se presentan en esta clase son gratuitos o tienen disponible una prueba gratuita para que puedas empezar a probarlos. Agencias quieren que pienses que crear oso digital agrega es complicado, pero te voy a caminar paso por el proceso. Podrías tomar tu publicidad o publicidad de clientes en tus propias manos. Un proyecto de clase estará haciendo la campaña de lag dirigida a tu mascota si estuvieran en Internet. Así que quédate atrás, toma un aperitivo y te veré en el siguiente video. 2. HERRAMIENTAS: Oye, gracias por unirte a la clase. Vamos a estar usando una amplia gama de herramientas para investigar, diseñar y animar nuestros actos. Todo el área de herramientas que gratis o tienen una prueba gratuita. Por lo que no tienes excusas. Algunas herramientas son opcionales al curso. Dependiendo de cuán arriesgados sean tus sentimientos así esenciales. Herramientas van a ser adobe illustrator y photoshop. También vamos a estar saltando en flex. Se diseñaría Cloud y Google chrome son opcionales. Herramientas van a ser Pinterest y SVG ator sobre enlaces a estos programas y cualquier descuento o pro porque tengo y las notas de clase A medida que pasemos por el curso, voy a guiar por ¿por qué? Yo uso cada programa. Al final del día, tendrás el mejor no te pongas y yo ni siquiera soy riñón. Mi no puede ser honesto, malvestido 3. Proyecto de clase: nuestro proyecto es crear una campaña de simulacro de anuncio dirigida a tu mascota o a tu animal favorito. Si estuvieran en Internet, ¿qué no se haría si estuviera en Internet? Por supuesto, Para hacer una campaña publicitaria, tendrás que llegar a un producto simulado y tubo de marca. Pero no te metas demasiado empantanado en los detalles aquí. Mira esto como una oportunidad para hacer de algunos diseños divertidos una animación. Trata de volver a pensar en una idea que has tenido para un diseño pero nunca tuviste oportunidad de usar. Te voy a guiar a través de mi campaña publicitaria simulada. Gripe gripe es una marca que me inventé que hace accesorios piso policías de lujo. En particular, Flu atiende a gatos de pelo largo cuya belleza natural y real hace que sea difícil para la gente ver lo elegantes que son sus accesorios. Mi inspiración, Theon es un gato principal total. Tiene un hombre tan lujoso que nunca podría ver sus collares cuando los llevaba puesto, pero con el color hecho a prueba de espalda, sería una fantasía solo fuera de los años por dentro. Así que deja a tu mascota la tu musa y avísame qué estás pensando hacer para tu campaña de anuncios en el ritmo del tablero de discusión de la clase 4. Estrategia del marketing digital y tú y tú: Está bien. Abróchate, buttercup, porque va a dar un pequeño paseo hacia abajo. Estrategia de marketing digital Loonies, dependiendo de quién seas, puedes tener diferentes razones para participar en este curso. A lo mejor tu ah diseñador trabajando en una agencia creativa. A lo mejor eres dueño de un negocio tratando de afilar tu marca y encontrar una manera de tener un control más creativo sobre tu producto o tal vez o alguien más. Algunos de ustedes pueden trabajar todos los días con el especialista en medios, y algunos de ustedes están teniendo que ser propios. Pero sea cual sea tu título de trabajo para esta campaña publicitaria simulada, eres el diseñador. Eso no significa que puedas dejar toda la estrategia y el pensamiento a otra persona. Como diseñador, es extremadamente útil entender los conceptos básicos del marketing digital. Vamos a discutir brevemente tres de los más apoyos en conceptos de marketing digital para que un diseñador conozca K B. I es sinónimo de indicador clave de rendimiento. Básicamente, un K B. I es ayudar a las empresas a medir su éxito o desempeño a través de diferentes plataformas. Estás haciendo un anuncio. Tienes un gol. ¿ Cuál es la cosa más importante que su cliente quiere lograr para la gripe? Queremos que la gente vea nuestros anuncios para acercarse más a la compra son exuberantes accesorios. Por lo que algunas métricas útiles para nosotros podrían ser qué porcentaje de personas ven ese es nuestro alcance o hacer clic en el acto. Esa es la teoría de clics KP. Yo mediría esos porcentajes y podría demostrar numéricamente nuestro éxito. Más importante aún, desde el punto de vista del diseño, pensando en nuestro KP, ayudo a entender el objetivo de nuestras personas de diseño y demografía objetivo. Una persona suele ser un personaje ficticio. El compuesto U para representar un segmento de su público objetivo son persona es nuestro V. I. P. Queremos asegurarnos de que nuestro anuncio satisfaga sus necesidades para nuestro proyecto de clase. Tu mascota es la persona. Mi gato theon es un chico súper elegante, así que sabía que le interesaría algo que sintiera un poco el furioso y poco divertido y tonto. Algunos anuncios tienen múltiples personas a las que están atendiendo. Al mismo tiempo para este proyecto, nos vamos a apegar a uno más adelante, sin embargo, te mostraré cómo puedes usar flex para duplicar y modificar fácilmente y agregar a diferentes personas. A medida que trabajas allí, construyendo tu persona, siéntete libre de publicarla en el tablero de discusión de la clase para recibir comentarios. Todo bien en el siguiente concepto. El embudo representa diferentes etapas del viaje de los consumidores desde el primer contacto con una marca hasta hacer una compra y lealtad total de la marca. Al igual que es importante saber quién es tu público. También es importante saber qué tipo de relación tiene su público con el producto. ¿ Será tu anuncio el público? primera vez que aprender sobre el producto, por ejemplo, voló para no es un nombre familiar todavía, por lo que nuestro anuncio puede tener algunas explicaciones para hacer un frente. A medida que tu temporada de audiencia se involucra con más de tus anuncios y contenido, pasan a la consideración de siguiente fase. Aquí es donde tienes su conciencia, y ahora están aprendiendo un poco más sobre ti como marca. A lo mejor te miran como un recurso y se involucran con tu marca visitando tu blog o viendo tus videos. El paso final antes de una conversión es la decisión. El individuo está consciente e interesado en su producto, pero sigue pesando todas sus opciones. Mensajería realmente específica. Tal nosotros una oferta exclusiva realmente puede ayudar a guiar al consumidor Teoh haciendo esa compra y la última retención de área está dirigida a facilitar a nuestro cliente realizar compras repetidas, referidos y testimonios para que nuevos clientes potenciales comiencen a ingresar el teléfono. Saber dónde aterriza tu público objetivo en la final te ayuda a diseñar y agregar. Eso le dice a los consumidores todo lo que necesitan saber. Si bien no perder un tiempo precioso y agrega base para marcas más grandes. Es posible que tenga una serie de anuncios diferentes gastando diferentes plataformas, dirigiéndose a los clientes en diferentes puntos del embudo. Estas plataformas son ilimitadas pero podrían incluir anuncios de osos, campañas de correo electrónico social de pago, así como ASIO del blog de YouTube, incluso Tic Tac. A veces tu persona ayuda a informar qué plataformas tienen más sentido para tu campaña . Ay, me estoy adelantando un poco para nuestro curso. No somos simplemente tus marcas, solo un sueño pipa. Nuestro objetivo será hacer que el público tome conciencia de que su producto, porque esto puede que esté trabajando con el especialista en medios. Va a estar haciendo todo esto por ti, o puede que estés sintiendo ambos papeles en tu empresa. De cualquier manera, hacer los conceptos básicos del marketing digital sólo puede ayudar. Gracias a estas estrategias, sabemos qué tipo de anuncios pueden y cómo queremos que nuestro cliente interactúe con él. 5. ENTREGABLES: entregables, Muy bien. Existen algunos niveles diferentes para este proyecto. Van a aprender a crear. Ahí va a ser glorioso. H melt por Better agrega un smorgasbord de social pagado, incluyendo Instagram post instagram historias. Vivimos y lo pateamos vieja escuela, y te muestro cómo hacer un regalo para algo así como una campaña de email de base. Por favor entregue toros fuera de las cosas que he producido en campañas publicitarias reales. Pero si te sientes abrumado, no te preocupes. Podría hacer tanto o tan poco como quieras recoger y elegir qué entregables son más importantes para ti. No obstante, es mi trabajo mostrarte lo fácil que es empujar los límites. Es más fácil que nunca crear campañas publicitarias robustas con una plétora de diferentes tipos de anuncios, formatos y tamaños. Solo asegúrate de que tu coloración dentro de las líneas. Se puede consultar la hoja de especificaciones, y la clase conoce los atributos recomendados para cada anuncio. Hay algunas reglas estrictas para ciertas plataformas, así que revisa que te ayudará a mantenerte en el saber 6. HTML5: es Jewel five Code se utiliza para estructurar y mostrar la gran mayoría del contenido en línea. posible que recuerdes usarla para convertir tu texto en tu perfil de MySpace. Los diseñadores de Hot Pink también lo usan para crear anuncios de banner o display. A diferencia de su predecesor, HTML five se presta a crear diseños animados responsivos que funcionen en diferentes dispositivos y navegadores, incluyendo Mobile I s O. Una vez que hayas hecho tu campaña publicitaria de banner, es entregado a un buen amigo, el especialista de medios que interpreta Is It y todos esos cuartos y nichos páginas web armadas , The's Asian, Los cinco agrega, se proporcionan en forma de archivo zip, que contiene una nación, los cinco códigos y todos los videos e imágenes de referencia. Te voy a llevar por la estructura de carpetas de un anuncio HTML cinco. Si haces doble clic aquí archivo html cinco, se va a abrir. Y cualquiera que sea el programa que haya establecido como su navegador predeterminado, también podemos abrir ese archivo arriba editor de texto Neco como texto sublime, y mostrará el código que compone nuestro anuncio que lo flexiona. No ha generado preocupaciones. No vamos a estar metiendo con ningún código. Además, al archivo de código. Flex it. Si va a empaquetar algunos otros activos en nuestro archivo HTML cinco Zip, vas a tener tu copia de seguridad, que es lo que he sacado aquí. Tu imagen de copia de seguridad es el último fotograma de tu animación, y se sirve en caso de que haya algún problema al renderizar el código en tu cinco HTML. En el resto de los activos son sólo P y G's, J. Paige y SP Jeez, que hemos traído de Illustrator y Flex una tive y flex. Se optimizaría esos y nos ayuda a obtener un tamaño de archivo muy bonito bajo para que me podamos nuestros requisitos de servidor de anuncios para un proyecto. Digamos que ningún anuncio de oso puede superar los 200 kilobytes. 7. Proceso de investigación: Aquí está la bajada de Hatta. Comienza a definir una dirección para tu campaña publicitaria animada. Me gusta iniciar mi proceso de diseño saltando a Pinterest y creando un tablero. Pinterest es genial para coleccionar inspiración y perfeccionarse en un campo de aspecto particular. Como puedes ver, um, uso Pinterest para muchos proyectos diferentes, como fantasear sobre los tatuajes que nunca conseguiré, y las recetas todas nunca cocinan. Aquí te dejamos un tablero de diseño que armé para la gripe para nuestras imágenes de pluma de proyecto que te inspiran aunque no estén relacionadas con el producto que has elegido. Otra característica que realmente me gusta de Pinterest es que te permite explorar estilos relacionados de forma muy , muy rápida. Pinterest también tiene esta ingeniosa extensión de cromo, por lo que puedes recolectar inspiración en diferentes sitios y volver a ellos todos en el mismo lugar. También puedes descargar la app de Pinterest en tu teléfono y campañas de marketing conceptual desde la comodidad de tu propio inodoro. Echemos un vistazo a algunos sitios más para ver dónde aire otras marcas y profesionales del diseño. Hacer dribble es un gran lugar para obtener ideas para estilos de diseño, movimiento e ilustración. Es posible que también quieras echar un vistazo a tipo lobo. Tienen algunos grandes ejemplos de emparejamientos de fuentes si quieres conseguir algunas ideas para la tipografía . Otra buena referencia es el regalo. Dar. Es un gran lugar para obtener inspiración para la animación o para meterse en la Biblia. Ese usuario generó contenido lo fi. Voy a intentar escuchar, Así que creo que eso te podría dar algunos núcleos o resultados cuando se trata de Teoh Una animación colgada . Sí, yo pollo esto para que sólo podamos escribir este tablero de Teoh Pinterest. No, no, sólo guarda Tip Plouffe Perfecto. Un recurso realmente grande es foat dot com y básicamente, lo que hace es que te permite ver realmente mejor en campañas que se han corrido antes. Pero por alguna razón, los resultados no siempre son todos inclusivos. Por lo que a veces se correrá pero no se presentará en esta búsqueda. Y te permitirá apuntar como ciertas marcas, Um so, como, brillante a y me va a mostrar un montón de diferentes mejores sombreros que tiene Chelsea. Y si tienen una animación, si te gusta repasar, se tocará. Parece que todos estos aire estático. También podríamos probar a Kat Graham como, um, fiesta de lujo ir. Está bien, creo que hemos visto todo lo que necesitamos ver aquí. medida que se movió por tu proceso de investigación, Vuelve atrás y UNP en algunos artículos que llenan no relacionados o dos diferentes a tu concepto de hombre, tratando realmente a casa en tus ideas favoritas. 8. Recolección de activos: En ocasiones, cuando estás diseñando una campaña publicitaria digital, se podrían proporcionar todos los activos que necesitas para ti. Otras veces scour stock de obturador a las 2 de la mañana Preguntándose si la imagen perfecta era una cruel farsa ideada por el diseño de Dios. todas formas, ahí algún recurso es que me pareció útil para reunir fotografía y lazos. Es natural que el equilibrio entre la recolección de activos y el diseño hasta que encuentres una solución que funcione para tu concepto. Para la fotografía, yo A veces es ceniza virgen, que es gratis ya que estás mirando a través de toda esta fotografía. Recurso es que puedes o construir una colección nativa de ese servicio, o puedes escribirlas a tu tablero de Pinterest por trabajo remunerado. También me gusta usar stock. Ver, que tiene una tarifa plana por tamaño y te imagen de papel, Pro Tip número uno. Te ahorrarás algo de tiempo extra de compras de votantes. Si buscas imágenes que tengan fondos sin fisuras, esa manera podrías hacerlas sangrar en un color sólido y volver a dimensionarlas será un sitch. Proteger número dos. Usar una secuencia de imágenes es genial para crear una narrativa en tu diseño. Algo a tener en cuenta, sin embargo, es que no iría más de tres imágenes, ya que te dará un tamaño de archivo mucho mayor. Ya que hago mucho trabajo con los clientes, tiene sentido para mí tener una suscripción a Adobe stock. Aquí está la colección que armé para algunas de mis imágenes de gripe. Ponga el paso número tres. Abrace los gráficos de Specter siempre que sea posible, hiera que aquellos en nuestro proyecto como S Fiji. Y en general son ojos falsos es mucho menor. Te mostraré algunas maneras diferentes de animar S P G's para que realmente puedan cobrar vida. Podrías esperar hasta la siguiente lección para empezar a desarrollar tus gráficos vectoriales, pero solo tenlo en cuenta que vas a ir por más de un vector. Mirar versus una imagen uno. ¿ Eran sectores para potenciar un concepto basado en imagen? Otro activo importante para desarrollar tus anuncios digitales es la tipografía. Existen dos formas diferentes en las que podemos manejar la implementación de la topografía en nuestras líneas digitales animadas . El tipo de vida versus vida útil funciona importando directamente el enlace en al flex de su tipo de vida es lo más apropiado cuando queremos que nuestro tipo sea simple, optimizado y adaptable. Va a ser directamente comestible, por lo que puedes hacer cambios ahí mismo en flex a tive. Para poder utilizar el tipo de vida, tendrás que tener un O t f off para archivo TTF de tu fuente. O puedes usar una fuente dual. Fuentes de Google. Biden Horrible ya están cargados y reflexivos, por lo que puedes encontrarlos ahí sin tener que hacer ninguna importación adicional. La segunda forma de incorporar la tomografía y flexionar una tive. Es para usar tipo expandido. Piensa en tipo expandido tipo US que has creado un ilustrador que potencialmente podría usar ligaduras tipo en una ruta múltiples fuentes en una línea. Este podría ser un tipo más elegante y diseñado que has sido experto como SPG y traer al flex una tive. Un SPG es un formato gráfico vectorial, lo que significa que aunque no sea de tipo vivo, se lo dice en una escala realmente nítida porque vamos Teoh terminamos expandiendo esto y traerlo como sug. Realmente no importa cuál sea nuestro tipo luchado original. Por mi proyecto. Terminé usando múltiples fuentes e incorporando tanto tipo vivo como S Fiyi. Entonces, de cualquier manera, quédate y te tengo cubierto. Independientemente del formato de tipo que elijas. Es necesario asegurarse de que cuenta con la licencia adecuada para su padre. Para algo más de información sobre el uso de tipo y flex a tive, soy Kelly Teoh Laxantes Knowledge Base en la clase Notas para esta clase, Una apuesta segura será el palo al tipo perdido y las fuentes de Google. El tipo perdido tiene una licencia gratuita de uso personal y demo. Las fuentes de Google son de código abierto, por lo que no tendrás que preocuparte por comprar una licencia para esas. Si te gusta incorporar algún tipo expandido, siéntete libre de usar fuentes adobe,mercado creativo, mercado creativo, cualquiera que sea el sitio de fuentes loco que elijas. 9. Conceptos en Illustrator: el próximo argumentará su forma de comenzar concepto ing y tienda premiando tu anuncio animado e ilustrador. Si bien sin duda puedes saltar directamente en el flex, una tiva al concepto y al diseño ahí, me gusta iniciar un ilustrador, sobre todo si sé que necesito generar activos de diseño o storyboard diferentes conceptos visuales rápidamente. A veces incluso les presento estos storyboards a los clientes. Si necesito obtener aprobación sobre una dirección o uso de imagen antes de llegar demasiado lejos en la producción comenzaremos concepto ing en el 300 por 2 50 Mejor tamaño grande con tres tablas R para representar , tres marcos diferentes. Voy a colocar todos mis activos dentro del archivo ilustrador, incluyendo la topografía y las imágenes que he seleccionado de la última lección. Apenas estoy empezando algunas ideas diferentes para la animación, así que tal vez la primera idea es que podrían ser tres gatos diferentes. La siguiente idea es tal vez, es que es justo el mismo gato en diferentes posiciones. Me gusta mucho cómo este gato parece un poco mal humor ahora. Algunos destellos y ya es la campaña publicitaria simulada. Voy a generar algunos elementos esenciales, y probablemente ya tendría si se tratara de un proyecto de cliente, empezando por un logotipo. Muy bien, he estado en un lugar donde mayormente satisfecho con el storyboard del. Entonces solo voy a crear un pdf. Eso podría ser algo que pudiera entregar cliente Teoh si quisieran ver un poco vista previa. Al enviar un pdf a tu cliente, asegúrate de que solo estás usando el rango de tablero AARP de tu gran PF y no los policías individuales . También asegúrese de que ha conservado el ilustrador en las capacidades de edición en comprobado y asegúrese de que no tiene ninguna marca de recorte o pliegues encendidos. Esperemos que todo vaya bien con la aprobación y podamos avanzar con traer nuestro concepto para flexionar una tiva para darle vida. 10. Exportar recursos de Illustrator: una vez que estemos bien en un guión gráfico debilitar. Empezar a listo el archivo o producción para exportar todo como activos individuales para traer a flex una tive. Pero antes de que hiciéramos eso, voy a rebotar al votante Sharper Liquid. Desde que descargué estas dos imágenes de Adobe Stock, acabo de entrar y extender el fondo con el contenido consciente relleno, luego se utiliza para aerógrafo para cepillar alrededor de los bordes, usaré el color hexadecimal para este azul para establecer el fondo y flex. Sería tan re dimensionamiento va a ser un sitch. También usas un hecho de curva realmente simple para hacer que las dos imágenes se vean más similares. Sí, nada elegante. Por lo que sólo vamos a dio archivo guardar su web y libros de esas bolas que limitan para Apex ISS y necesita estar por debajo de 10 megabytes, así que no debería tener ningún problema con eso. Fuera de estos dos marcos, el resto de los activos estarán configurando y exportando desde ilustrador. Muy bien, ilustrador, ¿quieres empezar a tirar hacia abajo tus activos individuales que vas a necesitar para exportar y traer al flex una tive? Esto incluye a Laura Pequeños chicos brillantes son tipo que van a tener alguna ligadura o características que no se prestarán bien para vivir tipo. A mí me gusta hacer este método donde guardo un tipograma comestible y luego también me arrastraré hacia abajo y expandiré ese tipeset. Entonces si necesito ir y cambiar una palabra más tarde, todavía tengo versión inevitable. Y luego voy a ir a mi herramienta se vierte y simplemente voy a dar clic en el tipo expandido y voy a poder Teoh fácilmente exportar spg de eso. Ahora, este es nuestro muy cuadrado en forma, um, tipesetar en esto ya que estamos usando SPG es necesitará hacer una versión horizontal y una versión vertical de nuevo. Apenas arrastrando hacia abajo objeto expandir apariencia objeto expandir, golpear. OK, luego haz clic con tu herramienta R four. Nuestro chiquito encanto, Va a ser exportado como PNG para tus SPG es. Básicamente, todo lo que necesitas saber es que tu tipo necesita ser ampliado de lo contrario, podrías divertirte mucho. En tanto no haya imágenes involucradas, las imágenes van a subir al horno de tamaño de archivo SPG. Vas a querer pasar y nombrar a cada nuestra pizarra, así que va a quedar súper claro lo que estás animando cuando te metes en flex a tive después etiquetar todos tus pájaros de arte, querrás reorganizar tu tablero de arte para que todos tus P y G's en SPG es o agrupan secuencialmente. Entonces puedes entrar y exportar todo tu SPV es a la vez y todos tus P y G's una vez. Muy bien ahora deberíamos estar bien para irnos. Teoh salta para flexionar un tive. 11. Llevar tu concepto a un concepto Flexitive: todo bien. El primer paso para llevar tu concepto a flex una tive. Es para armar un flex it de cuenta. Bueno, dio prueba libre. Muy bien, Cuando te inscribiste, Alexa lo hizo. Esto es lo que ves. Puedes sumergirte en más al panel de administración y agregar más usuarios en el lado izquierdo. Aquí mismo está especie de su panel de navegación, donde se pueden organizar diferentes productos. Cambiemos el nombre de este movimiento. Incluso puedes agregar diferentes agrupaciones como si quisieras digital y un lugar o desglosarlo por proyecto, podrías agregar como un nuevo cliente. Entonces todo esto es cosa de flip. Digamos que otro era como Boof. A lo mejor es como una cosa de perro. Perfecta the's, como lo son el equivalente de en un show de galletas donde ya han cocinado a la vez y está en el horno, listo, listo para que se caigan. Entonces voy a seguir adelante y trasladar estos a nuestras muestras para que podamos empezar de nuevo. Bueno, pasante nuevo título para el diseño, y se puede ir y poner eso es simulacro en progreso. Entonces digamos que es un simulacro por ahora. Ah sí, también te puede gustar siempre hay usuario organizado que puedes organizar. Por qué etapa y el flujo de trabajo es. Vamos a saltar justo ahí para que tengan todas estas ingeniosas plantillas como con las que puedes empezar. Siempre me gusta hacer las cosas de la manera difícil. Entonces sólo va a saltar en un lienzo en blanco y luego los módulos de Hala funcionan en su interior. Flex it. Básicamente solo tienes que hacer clic en Teoh, activar un tamaño aquí. Entonces vamos a empezar con el tamaño que no podemos actualizar para hacer fondo. Pero un boom traen ese color hexadecimal del que hablamos antes para establecer nuestro fondo. A medida que agregamos más, más activos podrán Teoh, navegar por el panel de la lira, incluso agregar formas de texto. Ahora vamos a pasar a los activos, y vamos a subir nuestros activos que creamos. Está bien, sigamos adelante. Tengo nuestro expediente sacado. Vamos a utilizar este archivo ilustrador Teoh, referir de nuevo Teoh en flex. Sería averiguar donde todo necesita sentarse. partir de ahora vamos a ir a sus bienes. Apenas golpea este anuncio para sondar botón en este panel lateral. Tienes guardar tu proyecto, crear tamaños esto es horrible. Activa tu Tamaño de esto más adelante en animación de activos. Llegaremos en un rato. Vista previa. Esto te permitirá obtener una vista previa de tus anuncios y exportar. Entonces vamos a volver a su talla y tenemos nuestra imagen aquí ahora. Simplemente vamos a seguir adelante y tamaño cachorro arriba, así que voy a hacer posición de tamaño, y luego voy a hacer Phil y Crop. Y luego puedes posicionar un poco a este tipo donde las capas pálidas. Ahora iremos al tamaño, posición y luego bajaremos al fondo y luego ¿dónde está su tamaño de imagen? Seguiremos adelante y lo escalaremos. Entonces ahora vamos a ir adelante y bajar y añadir en el texto Fuimos con SPG tax por esto por todas las ligaduras spg zehr buenas para usar cuando no se puede usar un arma básica por ciertas restricciones de diseño como una sombra gota, radiante, etcétera Qué fuente son geniales para usar porque no ocupan mucho tamaño como un SPG pero se pueden actualizar fácilmente y laxantes y aplicar a cada talla que aparezca en el dedo del pie añadir este texto irá adelante y golpeará a lienzos y luego bien, simplemente escalar eso hacia arriba. Ahora vamos a seguir adelante y sumar son encantados la mezcla. Entonces si el signo más agregar puede rece en eso y no saltará eso hacia abajo. Aquí es tal vez donde necesitas parecer encajar en lugar de tamaño real solo para que te permita acceder a todos estos pequeños controles ahí algunas algunas opciones diferentes de cómo podemos ver nuestro comparablemente rápidamente. Una opción es ir a esta sección mawr aquí, y entonces en realidad se pueden apagar las líneas. Un atajo rápido para mostrar y ocultar contornos es presionar Q en tu teclado. Y si tienes un objeto seleccionado celeb realmente usé mi teclado de teclado en mi teclado para algo así como mover eso alrededor. Muy bien, entonces tenemos nuestros primeros elementos, por favor. Y ahora realmente no podemos empezar a diseñar el resto de nuestros cuadros hasta que empecemos a animar y el siguiente va a repasar cómo empezar a animarlo y flexionarlo 12. Animación en Flexitive: Ahora hemos diseñado nuestro primer cuadro. Es hora de que el enemigo se flexione. Utiliza una línea de tiempo basada en fotogramas que es fácil de usar y escalable para empezar. Pulsa el botón de animación de inicio y por defecto, todo será de cabeza. Por lo que sólo vamos a seleccionar cada uno de estos elementos. Después iremos a efectos de animación. Asegúrate de que cada uno de estos aire ahora mostrando en lugar de oculto Y ahora vamos a configurar la animación de encanto para balancear. Nos vamos, Teoh puso el texto a desvanecerse, cierto. Entonces ahora vamos a sumar en nuestro próximo cuadro. Este poco pálido aquí te permite ver todos tus marcos. Vamos a cambiar a una vista en marco con todos nuestros selectores facturados. Por lo que el retraso es el tiempo entre tus amigos y la duración es la cantidad de tiempo que se lleva a cabo tu animación. Normalmente, como prefiero trabajar es establecer mis retrasos en cero y establecer mi duración por una cantidad de tiempo consistente . Diga un segundo la duración cero posterior de uno. Muy bien, entonces en nuestro primer fotograma, tenemos nuestro término cantando y tenemos nuestro texto desvaneciéndose a la derecha en nuestro segundo fotograma . No ocurre acción alguna. También podría hacer esto agregando un retraso. Un retraso de un segundo. Pero esto me dará mucha más personalización si quiero que pase una animación en otro tamaño durante esta segunda vez para él. Por lo que ahora voy a añadir otro fotogramas. Ahora tenemos tres marcos. Pondré el retraso a cero. Me aseguraré de que la duración sea una. Ahora, voy a decirle al texto que se desvanezca a la derecha, y eso es todo para el marco tres para el cuadro cuatro y set. El mío. Retrasó un cero de nuevo. Yo quiero que este tipo se corte duro. Entonces para hacer eso, solo voy a golpear alto. También en un trato. Corte duro en el encanto. A continuación, voy a traer nuestro marco a la imagen. Si veo esto, esto significa que todavía tengo algo seleccionado. No quiero intercambiar, Así que voy a asegurarme de que me hagan clic y me tocaré con lona. Voy a ir a tamaño y posición y bit y recortar, y voy a hacer un zoom y en realidad necesito que el gato esté en lados opuestos. Viejo do voltear horizontal. Voy a añadir en nuestra gripe gripe encantos ir. También puedes usar tus controles de transformación un ilustrador para obtener lo mismo con de diferentes elementos. Entonces voy y hago clic en el logo aquí, y me subí a mis controles de transformación. Me dirá que son aproximadamente 91 pixeles, así que solo puedo entrar a flexionar una tive y tamaño y posicionar un tamaño de elemento y solo dije eso a 91. En realidad me gusta que sea un poco más grande, así que voy a poner un hecho de la forma en que waas. Pero eso es una especie de truco genial que encontré consiguiendo cosas que coincidan con tu escala en Illustrator. Yo sólo voy a Teoh duplicar esto cuatro veces más. Entonces copia y pega. Ahora voy a traer a mi o Jack estos tipos alrededor de término Adama. Muy bien, así que ahora fuera alguna animación simple para este cuadro lo vendió al panel de animación. Yo quiero en este marco el flujo de gripe vaya a tener un pulso que se desvanece. Encantos para gatos de lujo aguanta para desvanecerse, y luego tendremos a Virgil entrar, tener un pequeño columpio. Ahora vamos a agregar un nuevo cuadro, y tendremos nuestro centro retrasado cero y tendremos nuestro tipo de momento de espera. Entonces no animación de vanguardia cinco Entonces vamos a añadir un fotograma. Seis set se retrasan 20 para cuadro seis. Vamos a establecer un desvanecimiento en el impuesto de encantos Así que solo haremos clic en los textos de los encantos y hacer desvanecerse Y luego en la diapositiva del stand vamos a desvanecernos en nuestra oferta Vamos a importar si en y vivir impuestos directamente en flex a tive. Entonces cómo hacemos eso es ir al agregar texto Peel entonces ya agregó el pensamiento. Pero te voy a mostrar cómo puedes agregar una nueva fuente. Subir fuente personalizada Vamos a golpear abierto ahora vamos a ir a archivo ilustrador Podemos seguir adelante y copiar este teclado hex coat comandos para copiar y pegar ese código hexadecimal aquí estableceremos nuestro texto en nueve puntos. Podríamos ser un poco más generosos dijo que son 10. Podrías simplemente hacer bloques de gato en tu teclado. Asegúrate Teoh, revisa realmente bien tu ortografía. Y ahora podría cambiar como seguimiento y luego bloquear el tamaño de fuente. Esto si vas a querer que peleaste para ser exactamente del mismo tamaño en todas tus diferentes coms. No queremos hacer esto porque queremos que nuestro tipo sea noches y receptivo. Y nos vamos a asegurar cuando establezcamos nuestro texto que son cuadros de texto que se extienden más allá de nuestro texto que necesitaremos exportación. Todo va a estar bien y limpio. Y no hay posibilidad de que el navegador pueda interpretar el texto tipo de gracioso. Nuestro nuevo cuadro de texto se fijará para el destino y luego saldremos un nuevo amigo. Pondremos el retardo a cero y luego en el fotograma siete, vamos a agregar en un botón irá a nuestros efectos de animación Ya que agregamos este elemento para él. Siete. Se mostrará por él. Siete. Ahora vamos a establecer la animación Teoh Flip X. Vamos a añadir un fotograma más. Nuestro último fotograma se asegurará de que nuestro cero borrado vuelva a enmarcar ocho. Pondremos un pulso a Teoh, así que eso sólo va a llamar la atención de la gente hacia el botón un poco más. Algo bueno a tener en cuenta es que puedes configurar tu bucle de animación. Normalmente para estos anuncios de display, tienes 15 segundos en los que estás se servirán por lo que el anuncio puro tiene siete segundos de duración, podrías tenerlo en bucle dos veces. O si tu anuncio tiene cinco segundos de duración, podrías tener un bucle tres veces. También puedes decir que eres Loop Teoh, infinito para este proyecto. Realmente no creo que necesite un bucle, pero estableceré mi último fotograma para tener un retraso de siete segundos para maximizar mis 15 segundos de tiempo de anuncio . Y eso es básicamente todo para nosotros ajustando nuestras secuencias de fotogramas en el siguiente video, vamos a repasar cómo previsualizar tu animación para que puedas hacer semanas finales y enviarlas a tus clientes. 13. Ver las animaciones en Flexitive: Por lo que ahora vamos a revisar lo que hemos hecho hasta ahora. Entonces vamos a la vista previa. Hay diferentes formas de previsualizar para que puedas previsualizar dentro de Alexa tive Y ese tipo de luce así. Prefiero seguir adelante y previsualizar fuera de flex it. Y esta página anterior, eso es con esta pequeña flecha externa. Si haces click aquí, te mostrará la vista previa solo por el tamaño. Y si Clinton abajo abajo, te mostrará la vista previa de todos tus tamaños. Por lo que en los próximos videos, vamos a hablar de cómo realmente podemos darle un paso adelante y agregar algún jeez SP animado, para elevar nuestros destellos. Y luego también hablaremos de cómo vamos a tomar ese tamaño animado completado y producirlo a través de plataformas y tamaños para nuestra campaña publicitaria digital. Ahora también es un gran momento. Si quieres que los clientes firmen en la creatividad, puedes seguir adelante y enviar de por lo general al cliente. Gracias por quedarse por ahí. Te veré en el próximo video 14. Agrega efectos de Hoover y los efectos de Hoover y SVGs animados: Y ahora te voy a llevar por algunas formas diferentes que realmente puedes empujar tu animación. El primer camino es mediante el uso de estados flotantes. Entonces creo que voy a hacer un estado flotante para el botón, clic en el botón y luego navegar a tus efectos de animación. Si pasas a esta otra sección, esto te permitirá agregar un estado de desplazamiento para ese elemento en particular. Vamos a dar efecto pulso para una animación más suave. Moveremos nuestra duración al completo 1.5 segundos. Entonces simplemente nos sentaremos guardados y luego volveremos a una página de vista previa y refrescaremos. Y puedes ver ahora Button tiene un poco de pulso. Entonces la siguiente forma en que podemos agregar algunos elementos realmente divertidos a nuestra animación es haciendo que estos destellos sean enemigos un poco. Entonces voy a estar usando un programa llamado SVG Ator. Está bien, así que ahora estamos dentro de spg ater vamos a importar los SPG es que creamos o y luego importamos brillo por lo que acabaremos de golpear abierto. Lo que vamos a hacer es dar click en nuestro círculo y simplemente vamos a hacer clic en esto, lo que nos permitirá añadir una clave, Fring. Vamos a querer sólo añadir un marco clave para un pase. Generará automáticamente un marco clave de 100% de capacidad. Cuando navegas a este panel derecho y bajo composición, puedes ver a un idiota pase establecido en 100. Ahora, vamos a mover nuestra cabeza de juego a un segundo, y vamos a añadir un nuevo marco clave. Eso se puede hacer pulsando este botón. Oregon. Simplemente inter end, Um, una nueva opacidad a través para poner esta pandilla A a cero. Genial. Ahora vamos a reventar bruscamente, vamos a pasar a dos segundos, y vamos a poner un pase de nuevo a 100. Esto va a hacer nuestro bucle de animación. Entonces para jugar, solo mueves tu cabeza de juego de nuevo a cero, y solo colocas presionando la barra espaciadora. Está bien, así que va a salir a tres segundos. Sólo queremos que esta animación tenga dos segundos de duración, así que vamos a golpear nuestro botón de engranajes y luego establecer nuestra duración en dos segundos. Debilita, Infinito. Ahora tenemos nuestra animación, cómo la queremos. Vamos a ahorrar, y luego queremos exportar. Vamos a ver nuestra animación tipo dos CSS on Lee on load and Responses y luego acaba golpear exportar abierto. Y ahora puedes ver en el panel de activos que el SPD y el esquema en una puja Así que haremos algo súper simple, seleccionaremos uno de nuestros orbes, y vamos a hacer un swap de activos, que básicamente, tú solo golpeó este pequeño botón tan caliente cheque en swap. Y así seguí adelante y realicé estos mismos pasos para nuestra chispa y puse a esos tipos ahí también. Y aquí está el producto final. Siguiente video, vamos a hablar de cómo dimensionar nuestro concepto. 15. Crear más tamaños en Flexitive: continuación, vamos a repasar cómo podrías útil salir para redimensionar tu concepto animado a través todas tus diferentes plataformas y tamaños. Si navegamos hasta el panel Crear tamaños , subirá todos nuestros diferentes tamaños de anuncio. Podemos usar el toggle de la derecha para mostrar solo tamaños activos, y luego seleccionaremos on add en una relación de aspecto similar solo para mostrarte lo fácil que es, Teoh start to, resize agrega. Una vez que seleccionemos un nuevo aspecto, relación tendrá que ir y solo hacer algunos tweets menores. Teoh Train Flex una tive sobre cómo queremos empezar a construir nuestras nuevas adiciones como para volverse más verticales para más horizontales. Hay dos tipos de cambios ya que estás haciendo tus tamaños re. Cambios que solo aplican a este tamaño versus cambios que afectarán a todos tus tamaños y flex. A tive cambios a la discapacidad del elemento Lear orden, tamaño, posición, punto de enfoque y tu recorte de relleno y zoom van a ser cambios que solo afectan al tamaño actual , mientras que agregar borrar, intercambiar elementos, voltear elementos o cambiar el color de fondo van a ser cambios que afectan a todos tus tamaños. Los cambios en el seguimiento de tallas y el alquiler pueden afectar el tamaño actual o cambiar todos los tamaños, dependiendo de si tienes o no tu talla peleado desbloqueado. El contenido de tu texto, color, fuente y alineación van a ser todos cambios que afectan a todos los ejercicios. Todos tus cambios a la animación van a afectar todos tus tamaños a medida que estás construyendo. Tu cambio de tamaño es si quieres hacer cambios a una talla que normalmente afectaría a toda tu talla, es solo copiar y pegar ese elemento. Haz tus ajustes y cambios de visibilidad de abogado en diferentes tamaños. Cada vez que añadas una nueva relación de aspecto, podría comenzar un poco funky, pero entrarás y harás tus tweets. Y la próxima vez que te encuentres con un aspecto o tema similar, Alexa Tiv ya sabrá manejarlo. Puedes entrar y traer esos S P G personalizados que creamos antes en el proceso para capitalizar realmente el espacio para cada relación de aspecto para el tamaño. Yo quiero mantener el texto donde está porque estoy consumiendo en todas estas otras comp. Entonces lo que voy a hacer es usar mis atajos de teclado para simplemente copiarlo y pegarlo Y luego voy a navegar a mi panel de capas y a la capa superior, que es la nueva capa. Simplemente copiamos pasta. Voy a Río más a tamaño de posición y digo Onley cuatro retrato es Y entonces voy a volver a mi panel de capas y voy a decirle a la capa inferior que voy a golpear el icono para ocultar en este tamaño. Seleccionar un elemento y eliminarlo, sin embargo, lo eliminará de todas tus comunicaciones. Ahora, solo entra y haz algunos ajustes de diseño más. Siéntete libre de alterar el tamaño y la posición de los diferentes momentos sin perturbar el resto de tus tranquilos. puede visitar flex it de portal de soporte para ver una lista completa de propiedades que se ven afectadas por todos los tamaños o que solo son de tamaño específico. Decidido por este tamaño. Yo quiero una copia volteada de este gato y no quiero estropearlo. Los gatos ya se han compadecido. Entonces lo que voy a hacer es comando copy, comando paste otra vez. Cuando escondo ese gato original, está en todas las demás capas y luego voy a establecer tamaño y posición Onley este tamaño, y voy a hacer volver a la alineación original del texto de orientación también va a ser un elemento que enseña a través de todos de tus tallas. De verdad creo que un texto central se vería mucho mejor en este tamaño. Entonces voy a hacer una copia y pegar otra vez y llegar los primeros años. Y como estabas agregando en arrendamiento, diferentes versiones del texto, incluso puedes entrar ahí, nombrarlos, Así que voy a haber nombrado a este centrado. Entonces de esa manera, conforme estoy pasando, sé cuál es cuál. Por lo tanto, ajuste de texto y ajuste la alineación al centro. Y como quiero ver todos los tamaños, solo puedo sacarlos todos y especie de ver lo que tengo pasando a la vez, sabiendo que ese verano sólo va a parecer un poco loco hasta que los marques. Ya sabes, si hay pequeñas cosas como esta que te están molestando así podrían estar centradas un poco mejor. Es mejor abordar esas cosas desde el principio para que logremos las cosas perfectas. Y entonces sólo estás iterando y llámame puerta. medida que navegamos por estos diferentes tamaños fijos, también podemos construir algunos tamaños responsivos. Puedes entrar y efectivamente hacer un anuncio que pueda dar un cálido a cualquier tamaño para ver esto, vamos a obtener un desplazamiento sensible de vista previa hacia abajo. Podemos simplemente sacar eso. Sí, diré que nos dieron vuelta. Entonces va a salir una nueva página con todos los puntos de ruptura que hemos configurado para agregar. La parte genial es que puedes golpear puntos de ruptura adictivos completos. Puedes sacar este nuevo anuncio que puedes redimensionar de manera efectiva a cualquier tamaño y lo mira ¿Te va a mostrar cómo esto puede ser sensible a través de todo lado de esto? El anuncio. Por lo que construyes y arreglas y receptivas y sociales estamos todos trabajaremos juntos. Entonces si tienes una dimensión construida en una de estas secciones, jalará en la percepción. Entonces vamos en lo social, lo sé. ¿ Qué quieres hacer? Una historia de instagram? Activa aquí o podemos dar click en nuestra talla B m. igual que eso. Hemos creado Instagram story a partir de nuestros cinco anuncios HTML Puedes incluso útil salir para hacer tu foto de perfil. Aquí te dejamos un instagram posado y la historia de instagram. Tenemos todos los activos que necesitamos para seguir adelante y exportar. HTML cinco anuncios son videos para social de pago y nuestros regalos para cosas como las blasts de correo electrónico. 16. Exportar HTML5 en Flexitive: Ahora podemos empezar a exportar nuestros cinco anuncios HTML. Exportación. Simplemente vamos a seleccionar los tamaños que estarán en la hoja de especificaciones. Desmarque seleccionar todos los tamaños flex. Se saldrá automáticamente de un borde de píxel si lo desea. Agregar servidores a menudo requieren suficiente contraste para que los usuarios puedan notar la diferencia entre los anuncios en la página Web. Tenemos este fondo azul, así que no vamos a necesitar el borde de un píxel. Pero si te preocupa el borde de un píxel I A B, puedes dejar eso comprobado. Vamos a dejar todas estas cajas sin marcar. La respuesta que trabajamos con IHS Centro Sel Select Out Server Centro Y luego vamos a seleccionar tamaños específicos en nuestra lista. Acabaremos de golpear signo de exportación, comprimirlo y flexionarlo. Se va a empaquetar realmente bien para nosotros y luego solo entraremos y haremos unos pequeños retoques antes de entregar a nuestro especialista en medios. Cuando tuvimos export flex it, automáticamente comprimirá cada imagen para ser el menor tamaño posible de archivo y la resolución más alta para cada tamaño. Muy bien, así que vamos a tener en este tipo arriba y el archivo ZIP contendrá cada uno de tus anuncios súper práctico. Entonces solo vamos a pasar y vamos a limpiar esto y sólo nos deshacemos de ese archivo en la carpeta, y luego solo haremos clic en cada add para asegurarnos de que el tamaño del archivo esté por debajo de nuestro límite de 200 kilobytes. Genial. Todos nuestros archivos están bajo nuestro límite de tour y kilobyte, pero te voy a mostrar lo que puedes hacer si te encuentras con problemas. Esto es común. Si tal vez estás incluyendo muchas imágenes o P y G en tu concepto. Abre a estos chicos en tienda de fotos. Puedes entrar y calcular exactamente cuánto espacio necesitas ahorrar para obtener tus anuncios bajo límite de tamaño de seguimiento. Voy a seguir adelante y, ya sabes, bajar la calidad a, como, como, tal vez 60 y en realidad puedes guardarla en tu carpeta de archivos y anular el nombre de tu archivo. Ya que el código se referirá exactamente a ese nombre de archivo, y entonces sólo vamos a volver a comprimir esto. Entonces ahora tenemos que hacerlo, y verás que desde que comprimimos esa imagen, más son falsas. Ojos cayeron alrededor de 30 kilobytes, pero así es como vas a reducir el tamaño de tu archivo. A menudo solo deja caer los archivos del's en un disco fresco y manda una filtración a mi especialista en medios que puedan comenzar las jugadas en los anuncios. 17. Exportar imágenes, videos y GIFS en Flexitive: continuación, vamos a hablar de cómo exportar como video, por lo que los videos son geniales para social de pago. Aquí está mi historia de instagram. Listo para ir exportar todo selecciona exportadores video y luego tener mi tamaño correcto para la historia de Instagram. Sí, y eso es básicamente todo. Voy a seguir en el reloj lo. Asegúrate de que sea bueno. Siempre puedes importar estos archivos directamente y a algo como Facebook. Ayuda creativa o simplemente dáselos directamente a tu especialista en medios. Y ahí tienes. Ahí está tu anuncio de la historia de instagram, y básicamente no requirió ningún trabajo adicional de crear tus cinco Abad reales. Muy bien, aquí te explicamos cómo exportar una imagen estática. Cuatro. Pagado social, tal vez por una publicación de instagram. Simplemente entraremos y nos aseguraremos de que tengamos nuestra estática muy seleccionada, y podemos dio exportar al doble del tamaño de imagen que le gustaría y solo seleccionaremos nuestra imagen Cuando la parada Bueno, puedes ver las imágenes que he exportado para social de pago también que tienes son 100% de escala y nuestra escala 200%. Por último, vamos a repasar Hajto regalo exportado, y luego nos aseguraremos de que experto como regalo esté comprobado, seleccionará o tamaño, y acabaremos de golpear regalo de exportación. Quizás si estás usando regalos para un sitio web o una plataforma de redes sociales, así que solo tienes que conseguir el archivo El tamaño puede no importar tanto. Si lo vas a hacer por una explosión de correo electrónico, probablemente me pegaría a ese límite por debajo de 200 kilobytes. A continuación, les voy a mostrar cómo mirar el archivo que sale de flex a tive, y si es de más de 200 kilobytes, cómo podemos recuperarlo por debajo de nuestro límite de 200 kilobytes. Está bien, puedes ver aquí hay archivos de regalo. Ojos. Es bastante grande. Entonces te voy a mostrar cómo puedes conseguir eso de Teoh un tamaño de archivo mucho más manejable, preferentemente por debajo de nuestro límite de 200 kilobytes, para que puedas incrustarlos en una explosión e. Para ello, seguí adelante y también exporté una versión de video Been Photoshopped, y luego haremos fotogramas de video de importación de archivos, dos capas y luego abriremos nuestro video y nos podemos ahorrar un poco de trabajo extra para limitar nuestra importación a cada cinco fotogramas y golpear OK, no pases y decidas sobre unos cinco cuadros que creo nuestro super interesante para conseguir el tamaño de la bola abajo realmente bajo porque es una especie de tamaño grande. Yo diría que cualquier cosa más de 10 fotogramas va a hacer que unos ojos falsos sean demasiado grandes. De acuerdo, así que tengo mi animación abajo a un pequeño movimiento herbario de bucle. Espero que ya que las animaciones aire bastante pequeño que el tamaño de la bola sea lo suficientemente bajo. Entonces iremos a nuestro estado por Web y cambiaremos esto a regalo y a ti Desde, um, la animación está justo en estas estrellitas. No es tener que incluir tanta información de color, y los ojos falsos son bastante bajos, así que vamos a seguir adelante y hacer algunos retoques. Muy bien, así que establecemos transparencia, sin atadura, algoritmo selectivo de reducción de color y 256 colores. Todo eso se ve bien, y estamos por debajo de 200 kilobytes. Cuando guardas para Web. También puedes golpear esto y prevalecer automáticamente en tu navegador. Sí, ganas sobre cómo exportar imágenes, regalos, videos y el siguiente módulo. Te voy a mostrar cómo puedes compartir proyecto de clase usando las técnicas de exportación que discutimos y este módulo ver en el siguiente 18. Comparte tu proyecto de clase: Está bien. Ahora te voy a guiar por la creación de tu proyecto de clase en Still share para compartir un flex. Se de anuncios con la clase volverá a nuestra desde la pantalla donde podremos seleccionar un producto y vamos a pegarle a este pequeño pop out fondos. Y esto te permitirá compartir todos tus anuncios diferentes ya sean tamaños fijos, tamaños sensibles para tamaños sociales. En primer lugar , solo nombra a su proyecto. Entonces puedes entrar y dejar caer algunas capturas de pantalla de tu página de vista previa reflexiva junto con una fuga. El tamaño ideal para compartir habilidad imágenes de portada 6 90 por 3 88 para que realmente podamos hacer esa afluencia. Se irá a crear tallas son con 26 90 nuestra altura a 3 88 La talla no existe, pero podemos agregarla. Por lo que solo tendremos plus y podemos agregar la imagen de tamaño personalizado que creamos para nuestra página de intercambio de habilidades . Hay tantas características más un flex, una tive que no vamos a tener oportunidad de tocar en esta clase. El cielo es el límite. Sigue presionando y aprendiendo más sobre los laxantes porque realmente es un programa muy versátil, pero intuitivo. Muchas gracias por tomar esta clase. Es mi primera clase de habilidad compartida. Espero que lo hayas disfrutado Tanto como disfruté enseñándolo. Si tienes alguna pregunta de que estás pasando por el proyecto, no dudes en llegar en el tablero de discusión de la clase. Muchísimas gracias. Deja este campo con el que te mantengas en contacto en instagram tu sándwich? Sí, más allá