Cómo diseñar anuncios de exhibición para la mercadotecnia digital

1. Introducción: Hola. Mi nombre es Jasmine y bienvenido al diseño para marketing digital Curso en esta serie de videos se va a repasar cómo configurar el diseño y exportar lo que se conoce como anuncios de display. Ahora es más que probable que hayas visto antes este tipo de anuncios. Si jalo el sitio web, verás que aquí tenemos el contenido del sitio y luego alrededor de este contenido principal. Tenemos estos anuncios digitales, y estos eran muy de persona a persona. Los vendedores digitales se han vuelto realmente buenos en encontrar y mostrar el tipo correcto de adición al tipo exacto de persona a la que están apuntando. No vamos a entrar exactamente en cómo ocurre eso. Pero como diseñador, y sobre todo si trabajas para una empresa de comercio electrónico, podría que te pidan producir este tipo de anuncios. Y es un conjunto de habilidades increíblemente valioso, tohave así que en esta lección se repasarán cómo diseñar lo que llamó anuncios de display estáticos y luego, en una serie de seguimiento, se repasarán cómo agregar realmente animación y efectos a los anuncios de display como se ve aquí . Entonces empecemos 2. Lección 1: configuración de tu archivo: ahora hay una serie de formas y programas que puedes usar para diseñar estos anuncios de display, pero personalmente he encontrado que las formas más fáciles e intuitivas usando Photoshopped La mayoría los diseñadores ya están bastante familiarizados con la tienda de fotos, así que no hay curva de aprendizaje ahí, lo cual no siempre es el caso si estás intentando diseñar usando Google Web designer o con HTML five. Así que lo primero lo primero se verá en Google AdSense y obtendrá las especificaciones para los tamaños de adición soportados . Pondré un enlace a esta página en la descripción de los detalles del curso, pero podemos ver aquí que hay una serie de tamaños diferentes que Google aceptará. Queremos asegurarnos de que tenemos estos mejores intérpretes y algunos de los otros tamaños aquí para asegurarnos de que podrían comercializarse a través de muchas plataformas diferentes como iPhones y tablets. Entonces vamos a configurar un documento de la tienda de fotos que tengo aquí terminado suite de 12 tamaños de anuncio diferentes , y los tengo todos dentro del mismo archivo. El motivo por el que lo hago así porque me gusta tener todos los diferentes anuncios visibles al mismo tiempo para que pudiera asegurarse de que todos parezcan como parte de la misma campaña. Quiero asegurarme de que a pesar de que este anuncio es vertical y este es horizontal y estos aire, cuadrados y rectangulares, todos se ven más o menos igual, lo cual creo que es un poco más difícil de dio cuando se tiene cada agrega guardado en un documento diferente y hay que cambiar entre documentos. Entonces configuras esto, iremos a archivar nuevo, y estableceré aquí el tamaño de mi anuncio, que en este caso será de 300 por 600. Quiero asegurarme de que sea un 72 d P I y un modo de color RGB, y también quiero asegurarme de que se seleccionen tableros de arte para que se cree. Y ahora tengo mi primer tablero de arte. Voy a seguir adelante y renombrar este 300 por 600 para que no me confunda cuando tengo todos estos tamaños de anuncio diferentes en mi panel de tableros de arte. Después iré a Layer New Art Board y estableceré mi siguiente tamaño de adición, que en este caso va a ser de 1 20 por 600 y quiero cambiarle el nombre de la misma manera que hice los otros 11 20 por 600. No hit. De acuerdo, Y ahí está mi próximo tamaño de papá, y en realidad puedes hacer click en el borde del aeropuerto y mover estos alrededor para colocarlos cualquier manera que tú quieras. Así que adelante y repita este proceso hasta que tengas todos los diferentes tamaños de anuncio que necesitas para tu campaña. 3. Lección 2: Principios y prácticas de diseño: De acuerdo, Así que ahora ojalá tengas un archivo que se vea algo así donde tienes múltiples tamaños de anuncio diferentes y cada uno se ha establecido en un tablero de arte individual, y desde aquí puedes comenzar a agregar elementos gráficos y diseño que agregan la forma en que normalmente lo haría. me gusta empezar con uno de estos rectangulares agregar tamaños porque me da una buena base para trabajar desde cuando paso y luego traducirlo en uno de los abs verticales y horizontales. Así que pasa por aquí. Por lo que acerque aquí y puedes ver que tienen esta capa de imagen y tienen un logotipo con un resplandor exterior para darle algo de legibilidad. Tengo esta forma que es como una burbuja de pensamiento. Y luego tengo, uh, titulares en texto, y tengo esto. Pero aquí dentro eso se llama una TC A o un llamado a la acción. Ahora, cierto es que una vez que el anuncio está arriba en una página web, todo el Addis clicable puedo hacer clic en cualquier parte de aquí, y encaminará al usuario a la página correcta. Pero una vista fuerte y definida ta ayuda a llamar la atención del usuario y hace que sea más probable que el realmente haga clic en el anuncio, por lo que algunos CTS comunes se registrarán ahora. Por ahora, estamos como aquí tengo aprender más. Pero no importa la línea que hayas proporcionado, quieres asegurarte de que esté resaltado de alguna manera. Así que adelante y termina tu primer diseño. Y en la siguiente lección, te mostraré algunas maneras fáciles de acelerar y agilizar el proceso de luego crear todos los demás tamaños de anuncio usando algunos paquetes de tiendas fotográficas integrados. 4. Lección 3: hacks de Photoshop: derecho. Entonces ahora tenemos uno había terminado, y tenemos que rediseñar esencialmente este exactamente mismo. Agrega 12 veces más y para acelerar el proceso, en realidad voy a duplicar todas estas capas y copiarlas al siguiente tamaño AB más cercano. Y para ello, en realidad voy a seleccionar todas estas capas y derecha rápido y seleccionar capas duplicadas que verás en la ventana. Cuando aparece la ventana que aparece, puedo seleccionar en qué tablero de arte duplicar las capas, también. Cuál es la razón por la que es eso? Al principio, es realmente útil nombrar todos tus tableros de arte. Simplemente hace que sea mucho más fácil cuando tienes que pasar por cualquier tipo de referencia y duplicar, ya sabes, todos estos diferentes tamaños de anuncio. Así que selecciónalos en mi siguiente tamaño de agregar más cercano, que en este caso es a 50 por 2 50 y voy a golpear bien, y ahora todos los mismos elementos gráficos exactos están en el mismo orden y en el mismo diseño que el que acaba de diseñar. Y desde aquí, todo lo que tengo que hacer es hacer algunos ajustes. Teoh este tamaño del anuncio, voy a tener que cambiar el tamaño de parte del texto a menudo, tal vez encoger algunas de estas imágenes, mover un poco tus cosas de movimiento, pero en general, ajustes muy fáciles. E incluso cuando voy y duplique estas capas en algunos de estos tamaños horizontales y verticales, siempre estoy usando exactamente los mismos elementos básicos, lo cual es realmente útil y ayuda a mantener la sensación de cada add consistente. Otro atajo es, digamos que terminas de diseñar todo, y luego el equipo decide que realmente quieren cambiar parte del texto. En este caso, digamos que quieren que diga Haga clic aquí en lugar de aprender más bien, en lugar de pasar por un individuo, pinchando individualmente en un editarlo cada tablero de arte. En realidad puedo subir a editar, encontrar y reemplazar texto, y le diré a Photoshopped que encuentre cada instancia de, aprenda más y lo reemplace con rápido aquí que se asegurará de que esté configurado para buscar en todas las capas . Y entonces no es sensible a mayúsculas y minúsculas. Y entonces voy a decir, cambiar todo y Photoshopped en realidad pasaría y encontraría cada instancia de aprender más y actualizarla por mí, y podría hacerlo con cualquier capa de texto a la que realmente pueda decírselo. Bien, digamos por el en este ejemplo, multó a 25,000 y actualizarlo a 30,000. Hacer exactamente lo mismo cambiado. Toda la tienda de fotos ejecutará ese comando. Y ahora se ha actualizado de nuevo mi impuesto. Hace que sea realmente fácil hacer tipo de cambios globales en estos anuncios de display. Ahora, otro futuro que ahorra tiempo es usar objetos inteligentes en lugar de capas de imagen. No lo usé en este ejemplo porque este tipo de diseño requería alguna manipulación de fotos donde tenía que entrar y en realidad agregar en algún fondo a estos diferentes tamaños de anuncio. Pero en este ejemplo, realidad cayó en la imagen como un objeto inteligente. Y luego, como discutimos, lo duplicé en cada tablero de arte. Por lo que es esencialmente el mismo objeto inteligente vinculado múltiples, diferentes tiempos. Y el beneficio de hacer eso sí. Digamos que entonces tengo que cambiar esta imagen. Por cualquier razón, realidad puedo hacer doble clic en este objeto inteligente y caer en una nueva imagen de reemplazo. Entonces voy a seguir adelante y encontrar mi nueva imagen, dejarla caer y redimensionarla para asegurarme de que se ajuste a este tablero de arte. Una vez que esté puesta, en realidad voy a ir adelante y plano en esta imagen. Entonces eso es lo mismo que antes. Entonces diré eso. Y si vuelvo a mi documento original, puedo ver que la tienda de fotos está realmente actualizada. Todos ellos porque estaban todo esto a la misma imagen duplicada exacta. Entonces todo lo que tengo que hacer es entrar y hacer unos ajustes menores más finos, como redimensionarlos y asegurarme de que estén correctamente en el marco en el que los quiero, lo que de nuevo ahorra mucho tiempo a la hora de hacerte saber ajustes están actualizando estos anuncios. 5. Lección 4: exportar tus anuncios de pantalla: ahora, cuando llega el momento de exportar estos anuncios, es bastante sencillo porque estos son estáticos ya que no hay animación involucrada en esto. Por lo que esencialmente puedes exportar un archivo de imagen plana como un J Peg o un PNG. Por lo que queremos archivar exportar tableros de arte a archivos y luego desde aquí todos seleccionar donde quiero que se exporten. Teoh, en este caso, sólo los voy a guardar en mi escritorio. Crearemos una nueva carpeta donde quiero que estén. Digamos que la estética no agrega crear. Y luego aquí mismo, donde dice prefijo de nombre de archivo. Eso es que voy a renombrar eso a la campaña que yo que voy a sólo sé cuáles son en este caso también establece un jefe de marca genérica. Y entonces diré, nuestro contenido de tablero solo para que no haya áreas superpuestas y se pueda comprobar. Esto realmente no hace la diferencia aquí mismo. Podemos ver que tenemos diferentes opciones para exportar estos archivos. Ni siquiera podemos exportarlos como lo es PSD con capas. En caso de necesitar compartirlos con alguien más pero para nuestros propósitos, simplemente vamos a exportarlos como JPEG. Entonces voy a atropellar. Entonces va a pasar y, uh, uh, esencialmente plana en y exportar cada tablero de arte como individuo J. Peg. Y ahora cuando voy a mi ubicación de archivo especificada, se puede ver que le asignó a cada j peg individual el prefijo que le asigné y además agregó el nombre del tablero de arte, que de nuevo solo resalta la importancia de nombrar adecuadamente cada uno se aburren. Ahora. Es solo un buen hábito entrar cuando estás manejando tantos tipos diferentes de archivos. Entonces ahí lo tienes. Ahora mandas al soft quien esté a cargo de gestionar la campaña y Google AdWords y ya está, puedes agregar oficialmente marketing digital a tu lista de conjuntos de habilidades. Si quieres llevar esto aún más lejos y hacer anuncios aún más atrayentes con animación y algunos efectos, echa un vistazo a mi seguimiento por supuesto, que será un bastante pronto donde realmente nos sumergimos en algunas características más avanzadas, Piensa y el libro