Como criar anúncios de display para marketing digital | Jaz Infante | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Como criar anúncios de display para marketing digital

teacher avatar Jaz Infante, Designer // AIGA Board Member

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      1:03

    • 2.

      da aula 1 - Como configurar seu arquivo

      2:31

    • 3.

      da aula 2 - princípios e práticas do design

      1:34

    • 4.

      da aula 3 - Photoshop Hacks

      4:28

    • 5.

      Aula 4 - Como exportar seus anúncios de exibição

      2:21

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

2.849

Estudantes

2

Projetos

Sobre este curso

Uma introdução rápida e fácil para criar anúncios de exibição de marketing digital em como de marketing esta usando o adde photoshop Primeiro vamos abordar o que é a exibição de anúncios são de de sua exibição, como configurar seu arquivo, as melhores práticas de design/de design e por segundo o de seus anúncios de tela.

Para referência, o guia do de de anúncios do Google, pode ser encontrado For For para ansas para a de de que do Google, de de suas do Google:

Um modelo em branco das pranchas e tamanhos que eu uso na aula pode ser em em branco ://de de uma de em em de de de e de de que o uso que eu uso que eu uso em branco de em branco de e de de que eu uso em em em que a de de de

Conheça seu professor

Teacher Profile Image

Jaz Infante

Designer // AIGA Board Member

Professor

Hello, I'm Jaz! I'm a full-time visual designer and Board Member for the AIGA Los Angeles chapter. 

Visualizar o perfil completo

Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Olá. Meu nome é Jasmine e bem-vindo ao curso de design para marketing digital nesta série de vídeos vai estar indo sobre como configurar o design e exportar o que são conhecidos como anúncios de exibição. Agora você provavelmente já viu esses tipos de anúncios antes. Se eu puxar o site, você verá que temos o conteúdo do site aqui e, em seguida, em torno deste conteúdo principal. Nós temos esses anúncios digitais, e estes eram muito de pessoa para pessoa. marketing digitais ficaram muito bons em encontrar e exibir o tipo certo de adição ao tipo exato de pessoa que estão direcionando. Não vamos entrar exatamente em como isso ocorre. Mas como designer, e especialmente se você trabalha para uma empresa de comércio eletrônico, você pode ser solicitado a produzir esses tipos de anúncios. E é um conjunto de habilidades incrivelmente valioso, para que nesta lição vá sobre como projetar o que chamou de anúncios de exibição estáticos e , em seguida, em uma série de acompanhamento, vai sobre como realmente adicionar animação e efeitos para os anúncios de exibição como você vê aqui . Então vamos começar 2. da aula 1 - Como configurar seu arquivo: agora há uma série de maneiras e programas que você pode usar para projetar esses anúncios de exibição, mas eu pessoalmente descobri que as maneiras mais fáceis e intuitivas usando Photoshopped maioria dos designers já estão bastante familiarizados com a loja de fotos, então não há nenhuma curva de aprendizagem lá, que nem sempre é o caso se você está tentando projetar usando o Google Web designer ou com HTML cinco. Portanto, primeiro as coisas analisarão o Google AdSense e obterão as especificações para os tamanhos de adição suportados . Vou colocar um link para esta página na descrição dos detalhes do curso, mas podemos ver aqui que há uma série de tamanhos diferentes que o Google aceitará. Queremos ter certeza de que temos esses melhores desempenhos e alguns dos outros tamanhos aqui para garantir que eles possam ser comercializados em muitas plataformas diferentes, como iPhones e tablets. Então vamos configurar um documento de loja de fotos que eu tenho aqui completo conjunto de 12 tamanhos de anúncio diferentes , e eu tenho todos eles dentro do mesmo arquivo. A razão que eu faço isso é porque eu gosto de ter todos os anúncios diferentes visíveis ao mesmo tempo para que ele pudesse ter certeza que todos eles parecem que eles são parte da mesma campanha. Eu quero ter certeza de que mesmo que este anúncio é vertical e este é horizontal e estes ar, quadrado e retangular, todos eles parecem praticamente iguais, o que eu acho que é um pouco mais difícil de dio quando você tem cada adicionar salvo em um documento diferente e você tem que alternar entre documentos. Então você configura isso, vamos para o arquivo novo, e eu vou definir o tamanho do meu anúncio aqui, que neste caso será de 300 por 600. Eu quero ter certeza de que é um 72 d P I e um modo de cor RGB, e eu também quero ter certeza de que as placas de arte estão selecionadas para criar. E agora tenho o meu primeiro quadro de arte. Eu vou mudar o nome de 300 por 600 para que eu não fique confuso quando eu tenho todos esses tamanhos de anúncios diferentes no meu painel de quadros de arte. Então eu vou para Layer New Art Board e definir meu próximo tamanho extra, que neste caso vai ser de 120 por 600 e eu quero renomeá-lo da mesma forma que eu fiz com os outros 11 20 por 600. Sem acerto. Certo, e aí está meu próximo tamanho de pai, e você pode clicar na borda do aeroporto e mover isso para colocá-los maneira que quiser. Então continue e repita esse processo até ter todos os tamanhos de anúncios diferentes que você precisa para sua campanha. 3. da aula 2 - princípios e práticas do design: Ok, então agora espero que você tenha um arquivo que se parece com isso onde você tem vários tamanhos de anúncios diferentes e cada um tem definido em um quadro de arte individual, e a partir daqui você pode começar a adicionar elementos gráficos e design que adicionam a maneira como você normalmente faria. Eu gosto de começar com um desses tamanhos adicionar retangulares porque ele me dá uma boa base para trabalhar a partir de quando eu passar e, em seguida, traduzi-lo em um dos abdominais verticais e horizontais. Então vá por aqui. Então amplie aqui e você pode ver que eles têm esta camada de imagem e têm um logotipo com um brilho externo para dar-lhe alguma legibilidade. Eu tenho uma forma que é como uma bolha de pensamento. E então eu tenho, uh, manchetes no texto, e eu tenho isso. Mas aqui isso é chamado de TAC A ou uma chamada à ação. Agora, a verdade é que uma vez que o anúncio está em um site, todo o Addis clicável eu posso clicar em qualquer lugar aqui, e ele vai rotear o usuário para a página correta. Mas um forte e definido ver ta ajuda a chamar a atenção do usuário e torna mais provável que o clique realmente no anúncio, então alguns CTS comuns serão inscritos agora. Até agora, estamos como se eu tivesse aqui aprendido mais. Mas não importa qual linha você forneceu, você quer ter certeza de que ela está destacada de alguma forma. Então vá em frente e termine seu primeiro layout. E na próxima lição, mostrarei algumas maneiras fáceis de acelerar e simplificar o processo de criação de todos os outros tamanhos de anúncios usando alguns pacotes de loja de fotos integrados. 4. da aula 3 - Photoshop Hacks: Certo. Então agora nós temos um tinha concluído, e nós temos que essencialmente redesenhado este exatamente o mesmo. Adicione mais 12 vezes e para acelerar o processo, eu vou simplesmente duplicar todas essas camadas e copiá-las para o próximo tamanho AB mais próximo. E para fazer isso, eu realmente vou selecionar todas essas camadas e direito rápido e selecionar camadas duplicadas que você verá na janela. Quando a janela que aparece, posso selecionar qual quadro de arte duplicar as camadas também. E é por isso que isso? No início, é muito útil nomear todos os seus quadros de arte. Isso só torna muito mais fácil quando você tem que passar por qualquer tipo de referência e duplicar em, você sabe, todos esses tamanhos de anúncios diferentes. Então selecione-os no meu próximo tamanho de adição mais próximo, que neste caso é 50 por 2 50 e eu vou bater ok, e agora todos os mesmos elementos gráficos estão na mesma ordem e no mesmo layout como o que ele acabou de projetar. E daqui, tudo o que tenho que fazer é fazer alguns ajustes. Teoh este tamanho do anúncio, Eu vou ter que redimensionar alguns do texto muitas vezes, talvez encolher algumas dessas imagens, mover suas coisas mover um pouco, mas no geral, ajustes muito fáceis. E mesmo quando eu vou em frente e duplicar essas camadas em alguns desses tamanhos horizontais e verticais, eu estou sempre usando exatamente os mesmos elementos básicos, que é realmente útil e ajuda a manter a sensação de cada adição consistente. Outro atalho é, digamos que você termine de colocar tudo para fora, e então a equipe decide que eles realmente querem mudar parte do texto. Neste caso, digamos que eles querem que ele diga Clique aqui em vez de aprender mais bem, em vez de passar por um indivíduo, individualmente clicando em um editá-lo cada quadro de arte. Eu posso realmente subir para editar, encontrar e substituir texto, e eu vou dizer ao Photoshopped para encontrar cada instância de, aprender mais e substituí-lo por rápido aqui que irá certificar-se de que ele está definido para pesquisar todas as camadas . E então não é sensível a maiúsculas e minúsculas. E então eu vou dizer, mudar tudo e Photoshopped vai realmente passar e encontrar cada instância de aprender mais e atualizá-lo para mim, e eu poderia fazer isso com qualquer camada de texto que eu possa realmente dizer a ele. Bem, digamos que para o neste exemplo, multado 25.000 e atualizá-lo para 30.000. Fazer exatamente a mesma coisa mudou. Toda a loja de fotos executará esse comando. E agora meu imposto foi atualizado novamente. Torna muito fácil fazer tipo de mudanças globais nesses anúncios de exibição. Agora, outra economia de tempo futuro é usar objetos inteligentes em vez de camadas de imagem. Eu não o usei neste exemplo porque esse layout tipo de exigia alguma manipulação de fotos onde eu tinha que entrar e realmente adicionar em algum fundo sobre esses diferentes tamanhos de anúncio. Mas neste exemplo, na verdade, caiu na imagem como um objeto inteligente. E então, como discutimos, eu dupliquei em cada quadro de arte. Então, é essencialmente o mesmo objeto inteligente vinculado várias vezes diferentes. E o benefício de fazer isso sim. Digamos que eu tenha que mudar essa imagem. Por qualquer motivo, eu posso realmente clicar duas vezes neste objeto inteligente e soltar em uma nova imagem de substituição. Então eu vou procurar minha nova imagem, soltá-la e redimensioná-la para ter certeza que se encaixa neste quadro de arte. Uma vez definido, eu vou realmente ir em frente e plana nesta imagem. Então é o mesmo que era antes. Então vou dizer isso. E se eu voltar ao meu documento original, posso ver que a loja de fotos está atualizada. Todos eles porque eles estavam tudo isso exatamente na mesma imagem duplicada. Então tudo que eu tenho que fazer é entrar e fazer alguns pequenos ajustes mais finos, como redimensioná-los e ter certeza de que eles estão corretamente no quadro que eu quero que eles em, que novamente economiza muito tempo ao fazer você saber que os ajustes estão atualizando estes anúncios. 5. Aula 4 - Como exportar seus anúncios de exibição: Agora, quando chega a hora de exportar esses anúncios, é bastante simples porque eles são estáticos, pois não há animação envolvida nisso . Então você pode essencialmente apenas exportar um arquivo de imagem plana como um J Peg ou um PNG. Então queremos arquivar placas de arte de exportação para arquivos e, em seguida, a partir daqui todos selecionar onde eu quero que eles sejam exportados. Teoh, neste caso, vou guardá-los na minha área de trabalho. Vamos criar uma nova pasta onde eu quero que eles estejam. Digamos que a estética não acrescenta criar. E então aqui, onde diz o prefixo do nome do arquivo. Isso é só eu vou renomear isso para a campanha que eu vou apenas eu sei quais eles são neste caso também afirma um chefe de marca genérico. E então eu vou dizer, conteúdo do nosso quadro apenas para que não haja áreas sobrepostas e você possa verificar. Isso realmente não faz diferença aqui. Podemos ver que temos diferentes opções para exportar esses arquivos. Não podemos nem exportá-los como o PSD está com camadas. Se você precisar compartilhá-los com mais alguém, mas para nossos propósitos, nós apenas vamos exportá-los como um JPEG. Então eu vou correr. Então ele vai passar e, uh, uh, essencialmente plana dentro e exportar cada quadro de arte como um indivíduo J. Peg. E agora quando eu vou para o meu local de arquivo especificado, você pode ver que ele atribuiu a cada j peg individual o prefixo que eu atribui e também adicionou o nome do quadro de arte, que novamente apenas destaca a importância de nomear corretamente cada um está entediado. Agora. É apenas um bom hábito de entrar quando você está gerenciando tantos tipos diferentes de arquivos. Então lá vai você. Agora você envia o soft quem está encarregado de gerenciar a campanha e o Google AdWords e pronto, você pode adicionar oficialmente marketing digital à sua lista de conjuntos de habilidades. Se você quiser levar isso ainda mais longe e fazer anúncios ainda mais envolventes com animação e alguns efeitos, confira o meu acompanhamento é claro, que será um pouco em breve onde nós realmente mergulharemos em alguns recursos mais avançados, Pensa e o livro