CursoSeu primeiro projeto de design de anúncios no Photoshop: um guia para iniciantes da criação de anúncios no mundo real | Sajeev .G Nair | Skillshare

Velocidade de reprodução


1.0x


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

CursoSeu primeiro projeto de design de anúncios no Photoshop: um guia para iniciantes da criação de anúncios no mundo real

teacher avatar Sajeev .G Nair, Learn, Teach and Repeat

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.

      Apresentação e projeto do curso

      1:07

    • 2.

      Configurando a tela e os elementos básicos

      1:56

    • 3.

      Cortando e organizando peças da garrafa

      1:41

    • 4.

      Adicionando destaque a imagens

      1:42

    • 5.

      Adicionando sombra e outros detalhes

      3:41

    • 6.

      Adicionando respingos e outros elementos

      3:36

    • 7.

      Trabalhando no fundo

      1:37

    • 8.

      Adicionando texto e slogans

      3:37

  • --
  • 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.

6

Estudantes

--

Sobre este curso

Aprenda a criar seu primeiro anúncio profissional de produtos no Photoshop usando um fluxo de trabalho fácil e para iniciantes. Você vai seguir um processo passo a passo para criar um anúncio limpo e refinado do zero usando ferramentas essenciais e técnicas simples.

Nesse curso você aprenderá a:

  • Configure o espaço de trabalho e o documento do Photoshop

  • Trabalhar e refinar os ativos gerados por IA

  • Criar composições limpas usando camadas e objetos inteligentes

  • Aplique gradientes, iluminação e sombras realistas

  • Criar um anúncio de produto completo e pronto para portfólio Crie um anúncio de

No final, você terá um design de anúncio finalizado e as habilidades para criar seus próprios projetos futuros com confiança.

Conheça seu professor

Teacher Profile Image

Sajeev .G Nair

Learn, Teach and Repeat

Professor

Hi, I am Sajeev G Nair, I am a 2D and 3D animator and Motion designer with years of experience in teaching and working in the Animation industry located in India. I will be teaching everything from graphics design to 3D and 2D animation in my courses. You are always welcome to ask doubts and questions related to the course you are following. I wish all of you good luck and hope you will learn something new from all of the courses I am teaching. I wish you all good luck and happy Learning.

Visualizar o perfil completo

Level: All Levels

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. Apresentação e projeto do curso: Atualmente, existem inúmeras plataformas de IA e ferramentas de pesquisa de gênero que podem ajudar você a criar pôsteres ou anúncios permanentes Mas entender como projetá-los do zero e como usar ativos gerados por A para aprimorar seu processo criativo é realmente essencial. A propósito, eu sou Saji, bem-vindo ao seu primeiro projeto Addison no Nesta aula, você aprenderá um pano de trabalho completo para iniciantes para criar anúncios com aparência promocional do zero usando o Photoshop Abordaremos tudo, desde a preparação de seus ativos e o uso de elementos gerados até a mistura, sombreamento e a criação de efeitos de iluminação realistas que destacam seu anúncio Ao final dessa aula, você criaria seu próprio anúncio de produto como este. Pronto para adicionar ao seu portfólio ou compartilhar on-line. Como seu projeto de classe, adoraria que você criasse um anúncio semelhante usando o mesmo fluxo de trabalho ou experimentasse por conta própria. Faça o upload do seu projeto na seção de projetos e recursos e compartilhe-o nas redes sociais. Durante a criação do projeto, se precisar de ajuda, sinta-se à vontade para postar uma discussão e eu estarei lá para orientá-lo durante o processo. Então, abra o photoshop, siga o passo a passo e vamos começar a criar seu primeiro anúncio juntos 2. Configurando a tela e os elementos básicos: Hoje, vamos aprender como criar esse anúncio usando o Adobe Photoshop Vamos recriar o mesmo anúncio, mas em um estilo um pouco diferente Primeiro, precisamos criar um novo documento para que possamos começar a trabalhar nele. Vamos criar um documento com tamanho de 1080 por 1920 pixels e você pode nomeá-lo com base no seu anúncio Feito isso, a próxima etapa é reunir todos os ativos necessários. Eu já tenho alguns ativos preparados. verdade, a maioria deles é criada usando ferramentas de IA como Perplexity ou Você pode fazer o mesmo, e eu também incluirei esses ativos nos arquivos do projeto para você usar. Agora, vou usar o Photoshop para remover o fundo e manter somente o objeto principal Em seguida, arrastarei esse objeto para nosso novo espaço de trabalho. Nesse caso, nosso principal ativo é uma garrafa de refrigerante. Coloque-o corretamente na tela e converta-o em um objeto inteligente. Dessa forma, mesmo se você aumentar ou diminuir a escala, a qualidade não será afetada e você poderá fazer todas as edições dentro do próprio objeto inteligente Feito isso, vamos criar uma cor de fundo simples e selecionar a ferramenta de gradiente A partir daí, escolha qualquer combinação de cores de sua preferência. Para esta demonstração, vou usar tons de laranja. Posteriormente, refinaremos o plano de fundo com efeitos de iluminação, sombras e outros ajustes para torná-lo mais dinâmico Por enquanto, estou usando um gradiente que faz a transição do laranja escuro para o amarelo Você pode experimentar cores, talvez adicionar um pouco de vermelho para obter a combinação desejada. Ter um plano de fundo logo no início facilita a visualização de como seu anúncio está sendo elaborado Quando você estiver satisfeito com o plano de fundo, podemos passar para a próxima parte. 3. Cortando e organizando peças da garrafa: Certo. Agora que temos nosso plano de fundo pronto, vamos para a próxima etapa. Abra seu arquivo de trabalho ou, nesse caso, seu objeto inteligente e estenda-o conforme necessário. Sempre que criamos um objeto inteligente, ele geralmente é armazenado em um arquivo menor. Não se preocupe Você sempre pode estendê-lo mais tarde. Vamos passar para a próxima etapa. Pegue sua ferramenta de seleção e comece a cortar o objeto principal. Para este projeto, estou trabalhando com uma garrafa que decidi dividir em algumas seções, talvez duas ou três partes. Basta selecionar uma peça, pressionar Command plus Exon Mac ou Control plus Exon Windows para cortá-la e, em seguida, Command plus Shift mais V ou Control plus Shift mais V para colá-la de volta no mesmo local Dividi essa garrafa em quatro partes para facilitar as coisas. Depois de fazer isso, verifique se tudo está bem. Em seguida, pressione Command plus T ou Control plus T para transformar. Mova o ponto de ancoragem para qualquer canto que o faça girar a partir desse ponto, o que é muito útil ao posicionar Agora gire e mova cada peça. Estou empurrando-os em cantos opostos e separando-os um pouco para criar esse efeito de divisão, quase como as garrafas sendo cortadas em pedaços diferentes E lembre-se de que, depois de salvá-lo, todas essas alterações serão atualizadas automaticamente em seu arquivo de trabalho principal. 4. Adicionando destaque a imagens: Em seguida, traremos nossa imagem de sotaque. Nesse caso, uma melancia dividida , pois é um anúncio de suco de melancia Coloque-o corretamente na tela e converta-o em um objeto inteligente. Pressione Control plus T ou Command plus T no Mac para transformá-lo. Segure a tecla Shift e redimensione a partir da parte superior ou inferior para que fique alinhada com a garrafa recortada. Você pode até mesmo incliná-lo levemente para combinar melhor com a perspectiva Quando estiver correto, certifique-se de que esteja alinhado corretamente no painel de camadas, posicionando-se bem em cima das seções recortadas Agora segure Alt e Rag para fazer uma cópia. Pressione Control plus T para transformá-lo. Mova o ponto de ancoragem novamente, gire-o um pouco. Isso torna muito mais fácil ajustar seu layout sem problemas. Repita isso para quantas divisões você tiver criado. Estou fazendo isso aqui para a terceira e última peça. Essas pequenas técnicas, como inclinar, cortar e girar, surgem naturalmente com a prática, então não se apresse Reserve um tempo para experimentar e refinar seu arquivo de trabalho. Depois de concluir organização de todas as fatias de melancia, você pode salvar o arquivo, verificar o arquivo mestre e fazer os ajustes e alinhamentos conforme necessário. 5. Adicionando sombra e outros detalhes: Quando o layout estiver bom, vamos adicionar algumas sombras para dar profundidade Segure o comando ou controle e clique nas miniaturas das camadas separadas para fazer Crie uma nova camada, pegue sua ferramenta de pincel, defina-a como preta e pinte suavemente nas sombras onde as partes Concentre-se nos espaços mais apertados ou nas sobreposições. É aí que as sombras caem naturalmente. Sempre pinte as sombras em uma camada separada para que você possa editá-las ou removê-las facilmente posteriormente Agora, experimente brincar com modos de mesclagem e a opacidade para torná-los mais naturais. Gosto de usar a multiplicação e, em seguida, reduzir a opacidade para cerca de 50 a 60% Isso dá ao objeto uma boa profundidade suave. Você também pode adicionar sombras gerais no lado esquerdo ou direito da garrafa e até mesmo realces no lado oposto para fazê-la se destacar Ao selecionar várias peças, mantenha pressionada a tecla Shift mais o comando ou tecla Shift mais o controle para selecioná-las todas juntas. Em seguida, em uma nova camada, pincele levemente suas sombras ou realces Você pode até usar um pouco de branco ou amarelo claro para realces sutis e experimentar modos de mesclagem, como sobreposição ou multiplicação, para obter aquele belo efeito de três D. Agora que fizemos tudo isso, vamos voltar ao arquivo mestre. Antes de adicionar os detalhes finais, criaremos uma sombra para toda a garrafa. Adicione uma nova camada, pegue a ferramenta de seleção elíptica e faça uma forma oval logo abaixo da garrafa Preencha-o com uma cor escura para criar a sombra. Agora vá até a guia de filtro, desça até desfoque e escolha desfoque de movimento Defina o ângulo para que ele vá da esquerda para a direita e adicione um pouco de desfoque o suficiente para que a sombra se espalhe suavemente nessa direção Feito isso, volte ao desfoque do filtro e, desta vez, escolha Desfoque gaussiano e, desta vez, escolha Desfoque gaussiano Adicione um pouco mais de desfoque aqui para suavizar tudo e combinar bem com seu produto. É isso mesmo. Agora você tem uma sombra limpa e realista em estilo de estúdio que parece natural e equilibrada. Por fim, selecione as camadas de garrafa e sombra e vincule-as. Dessa forma, se você redimensionar ou mover algo posteriormente, tudo ficará perfeitamente alinhado e fácil de gerenciar Em seguida, vamos adicionar uma reflexão para o nosso produto. Primeiro, faça uma cópia da camada da garrafa pressionando Command ou Control J. Vire-a verticalmente e mova-a logo abaixo da garrafa original e alinhe-a da garrafa original e alinhe-a Em seguida, adicione uma máscara de camada e selecione a ferramenta de gradiente e, nas opções, selecione preto e branco Ajuste a direção do gradiente para controlar como o reflexo desaparece Ajuste até que pareça natural. Depois de definir isso, coloque essa camada de reflexão logo abaixo da camada de sombra para que tudo se alinhe corretamente Você também pode reduzir a opacidade da camada para cerca de 60 a 70% para torná-la mais realista 6. Adicionando respingos e outros elementos: Agora vamos adicionar alguns efeitos de respingo. Eu baixei uma imagem inicial do Adobe Stock e a estou convertendo em um objeto inteligente para que a qualidade permaneça intacta Em seguida, escale e gire para alinhar com a garrafa cortada. Basta ajustá-lo até que ele se encaixe naturalmente no seu design. Para melhorar a mistura, pressione Control plus T ou Command plus T no Mac. Clique com o botão direito e escolha Warp. Em seguida, você pode ajustar a forma do respingo para combinar com as curvas da garrafa Quando estiver satisfeito com a forma, adicione uma máscara de camada e use um pincel macio para apagar as áreas indesejadas É importante fazer experiências com a dureza e o tamanho do pincel Isso ajuda você a obter um toque mais natural em vez de uma aparência de imagem colada Agora, para que a cor inicial se misture perfeitamente, adicionaremos um ajuste de saturação da barra de matiz Como estamos usando um objeto inteligente, esse processo não é destrutivo. Você sempre pode ajustá-lo mais tarde, selecionar os tons de vermelho e aumentar ligeiramente a saturação para obter um vermelho brilhante e suculento Em seguida, ajuste a luminosidade e os destaques para combinar com seu design geral Se quiser, experimente os modos de mesclagem. Atualmente, estou usando luz forte, mas você pode explorar opções como sobreposição ou luz suave para efeitos diferentes Se você duplicar o splash e encontrar algum erro de máscara de camada, basta excluir a máscara existente e reaplicá-la Às vezes, máscaras de objetos inteligentes podem causar conflitos após serem invertidas Quando tudo parecer consistente, adicione máscaras de camada a todas as duplicatas, refine as bordas e garanta que os respingos estejam bem alinhados com os cortes Repita as mesmas etapas para quantas variações de splash quiser Agora vamos passar para a última e última parte do design Aqui também, você pode começar duplicando a imagem inicial original e depois excluir a máscara de camada Depois de reduzir a escala e alinhar o respingo com o design, você pode adicionar a nova máscara de camada e começar a pintar as partes indesejadas Em seguida, vamos adicionar alguns elementos extras de design para tornar a cena mais rica Aqui, estou usando algumas fatias pequenas de melancia. Eles foram gerados usando IA. Você pode usar imagens baixadas ou até mesmo gerar suas próprias diretamente no Photoshop se estiver usando uma versão mais recente Posicione e escale as fatias ao redor da composição para equilibrar a moldura. H. 7. Trabalhando no fundo: Agora que alinhamos os elementos extras, vamos passar para o plano de fundo e adicionar sombras e destaques extras para que nosso produto se Agora, vamos criar uma nova camada e pintar suavemente em alguns tons mais escuros de vermelho e verde Isso ajuda a realçar um brilho suave na área central e faz com que o produto pareça mais vibrante. Estou experimentando tons de amarelo claro, verde e vermelho para criar um gradiente quente do branco ao amarelo, do vermelho ao Isso adiciona profundidade e une as cores ao tema do produto. Agora, no centro do anúncio, vamos continuar o mesmo processo e começar com um amarelo suave. Vamos reduzir gradualmente a saturação e passar para o branco Por fim, obteremos uma mistura vibrante de gradientes de todas as cores. 8. Adicionando texto e slogans: Quando a iluminação estiver correta, passaremos para o texto e a marca. Estou adicionando um slogan repleto de novidades geradas usando o chat Estou usando a fonte Poppins preta ou Poppins média. Você pode usar qualquer fonte que quiser e até experimentar outras diferentes. Altere a cor do texto para branco e adicione alguns estilos de camada para melhorar o contraste. Como às vezes o texto branco pode se misturar ao plano de fundo, vamos aplicar uma sombra projetada para destacá-lo. Então, selecionaremos a opção de estilo de camada na parte inferior do painel de camadas e selecionaremos sombra projetada. Você pode ajustar a opacidade, dispersão e o ângulo até que fique equilibrado. Em seguida, adicione um traçado, escolha uma cor de amostra do seu produto, como vermelho ou verde, e defina o modo de mesclagem para multiplicar para obter um efeito realista Isso cria uma aparência sutil de adesivo que se destaca perfeitamente Depois disso, ajuste o tamanho e a posição do texto para um alinhamento perfeito Aqui, estou apenas reduzindo a primeira palavra do slogan, para que a palavra “frescor” apareça ainda mais Também estou ajustando a posição da camada do slogan, para que o splash ou o produto se sobreponha levemente ao texto. Isso cria uma boa sensação de profundidade. Finalmente, estou adicionando um slogan secundário. Você pode repetir o mesmo processo de estilização para manter o design consistente Aqui, estou simplesmente adicionando uma leve sombra para que o slogan principal tenha mais visibilidade. Por fim, faça uma pequena limpeza, fixe o espaçamento, ajuste a iluminação e misture Se você quiser, brinque com gradação de cores ou efeitos extras até obter a aparência desejada E lembre-se, sempre mantenha cada nova edição ou elemento em sua própria camada para que você possa voltar e fazer alterações com facilidade. Quando tudo estiver ótimo, seu design estará pronto. Se você gostou ou aprendeu algo novo, deixe um comentário. Eu adoraria ouvir sua opinião. Obrigado por assistir, e nos vemos na próxima.