Embalagem de produtos no Photoshop: um guia passo a passo

1. Introdução: Olá, pessoal. Bem-vindo. Meu nome é Vig e orientarei você todas as etapas do processo, desde o início de uma página em branco até a criação de um pôster profissional padrão do setor Começaremos configurando nosso espaço de trabalho no photoshop, garantindo que todas as ferramentas e painéis necessários estejam prontos para um design eficiente Criaremos um plano de fundo atraente que complementa nosso design principal e tornará o pôster visualmente Mostrarei como adicionar elementos de texto como nome do produto e detalhes promocionais, usando tipografia que se destaque Adicionaremos vários elementos gráficos, como biscoitos, ilustrações e lascas de chocolate para tornar nosso pôster mais Vou te ensinar como pegar o seu pôster e transformá-lo em um design de embalagem de produto Garantindo que tenha uma aparência profissional e atraente em um pacote. Por fim, aplicaremos os retoques finais para garantir que nosso design pareça polido e, em seguida, exportaremos nosso pôster padrão da indústria Ao final, você terá as habilidades necessárias para criar seus próprios designs de pôsteres e embalagens de produtos de nível profissional designs de pôsteres e embalagens de produtos para qualquer produto ou evento, seja você iniciante ou Isso fornecerá o conhecimento e a técnica para levar seu design ao próximo nível. Então, vamos começar e dar vida ao seu signo criativo. Pegue suas ferramentas de design e vamos mergulhar no mundo do design. 2. Configuração do projeto e configuração inicial: Vamos começar abrindo o Ptosop. Pode demorar um pouco para abrir. A propósito, se você quiser usar o Photoshop sem problemas, deverá ter pelo menos oito GB de RAM Ótimo. O Potosp abriu Primeiro, clicaremos em novo arquivo. E aqui precisamos escolher a dimensão do nosso projeto. Por enquanto, escolhi uma largura de 17 52 e uma altura de 27 15 pixels. Depois disso, clicaremos em Criar para iniciar nosso projeto. Então, nosso projeto agora está criado e temos uma linda página em branco à nossa frente. Ótimo. No lado esquerdo, temos nossas ferramentas. Todas essas ferramentas são muito importantes. E aqui no canto inferior direito, temos o painel de camadas Isso também é muito importante. 3. Como criar fundo de design de produtos: Agora, primeiro clicaremos aqui para criar uma nova camada. Ótimo. Em seguida, no painel de ferramentas no lado esquerdo, selecionaremos a ferramenta caneta Usando a ferramenta caneta, criaremos um desenho em forma de onda na página. Precisamos fazer isso com muito cuidado e precisão, porque essa etapa é muito importante. A propósito, devo mencionar que a ferramenta caneta é uma das minhas ferramentas favoritas porque podemos criar designs realmente excelentes com ela. Perfeito, fizemos nosso design. Agora vamos falar um pouco. Só um pouco de ar. E só um pouco de ar. Perfeito. Agora, clicaremos duas vezes nessa camada para abrir o seletor de cores Do ar, escolheremos uma cor bonita. Acho que essa cor vai ficar boa. Vai combinar bem com o nosso projeto. Agora, clicaremos com o botão direito do mouse na camada dessa forma e escolheremos as opções de mesclagem Há muitas opções aqui, mas selecionaremos Bevel SN Abs Assim que eu o selecionei, você pode ver que algumas sombras apareceram na forma Agora vamos escolher uma cor. Um pouco de branco pode ser bom. Não, acho que um pouco mais escuro será melhor. Perfeito. Isso parece bom. Vamos ajustar um pouco a profundidade, depois ajustar a suavização e também ajustar um pouco a lateral O estilo deve ser interno. Agora vamos ajustar um pouco mais a profundidade. P s. Está parecendo bom. Agora vamos clicar. Selecionaremos forma do retângulo no painel de ferramentas e desenharemos um retângulo cobrindo a página inteira Sim, isso vai ficar bem. Em seguida, clicaremos em preencher e escolheremos uma cor bonita. Acho que essa cor vai ficar boa. Se precisar do código de cores, você pode encontrá-lo aqui. Perfeito. Agora, no painel de camadas, moveremos a camada da forma retangular abaixo da camada da forma Parece muito bom agora. Agora, clique com o botão direito do mouse nessa forma e abra as opções de mesclagem. Dentro do chanfro e do relevo, tornaremos essa cor um pouco mais tornaremos essa cor um pouco mais escura. Parece bom agora. Vamos clicar em ok. Agora vamos ajustar o tamanho do cabelo pequeno. Perfeito. Vamos clicar em OK. 4. Como finalizar o design do produto: Agora vamos selecionar as duas formas e agrupá-las. Vamos nomear o plano de fundo do grupo. Perfeito. Agora vamos clicar no arquivo e depois abrir. A partir daqui, selecionaremos nosso modelo. Por enquanto, vamos escolher nosso modelo, que é a imagem de cookies e abri-lo. Agora, selecionaremos a imagem dos cookies e a arrastaremos para nossa página de design. Perfeito. Vamos colocá-lo no canto inferior direito e aumentar um pouco seu tamanho. Vamos ajustá-lo até que pareça correto. Depois disso, clique na marca de seleção na parte superior para aplicar as alterações. Agora, clique com o botão direito na camada de cookies e abra as opções de mistura Desta vez, selecione a sombra projetada. Ajuste um pouco o ângulo. E também ajuste a distância. Acho que um ângulo de 126 graus será adequado. Também ajustaremos o tamanho, espalharemos um pouco e ajustaremos a opacidade A opacidade controla o quão escura ou clara é a sombra, e acho que 71 é bom Todo o resto parece bem. Também ajustaremos a distância que controla a extensão da sombra. Em seguida, clique em ok. Parece muito bom agora. Em seguida, escolheremos a ferramenta caneta novamente e criaremos um design no canto superior direito da página. Algo parecido com isso. Perfeito. Agora, no painel de camadas, clique duas vezes nessa forma e escolha uma cor aqui. Acho que devemos usar a mesma cor brilhante aqui que usamos na parte inferior. Parece ótimo. Não é? Vamos renomear a camada de cookies para cookies. Concluímos metade do nosso trabalho até agora, mas ainda há mais trabalho a ser feito para realmente aprimorar esse design. Agora, selecione a ferramenta de texto na seção de ferramentas e escreva na parte superior. Nossa principal tarefa agora é escolher um ótimo formulário. Escolher o telefone certo no lugar certo é realmente uma arte. Se o telefone não corresponder ao design, isso pode arruinar toda a aparência Por enquanto, vamos escolher esta tarde, pois parece certa. Mas, honestamente, não parece certo. Vamos tentar outro telefone. Há muitas opções. Este Cascadia mono parece bom. Perfeito. Agora vamos escrever 5% a mais. Perfeito. Clique na marca de seleção na parte superior. Em seguida, ajustaremos o tamanho do texto para caber dentro da forma. Usaremos a seta com tecla para ajustes mais precisos. Agora clique. Na seção de propriedades à direita, aumente para o máximo 700 e clique em. Perfeito. Em seguida, vamos escrever cookies na próxima linha. Na verdade, vamos remover os cookies e passar para a linha inferior. Parece ótimo agora. Agora ajuste o texto um pouco mais. Como temos mais espaço, vamos aumentar o tamanho também. Está bom agora. Agora, vamos selecionar a ferramenta de texto na seção de ferramentas novamente. Desta vez, escreveremos no centro da página. Vou escrever Spero. Deixe-me pensar se há mais alguma coisa a acrescentar. Super copulate parece ser uma boa escolha. Selecione todos os personagens e alinhe-os ao centro na parte superior. Em seguida, clique na marca de seleção para aplicar as alterações. Agora é hora de escolher a fonte novamente. Eu selecionei essa fonte e ela é muito boa. Vamos mover o texto para o centro do design e aumentar seu tamanho um pouco. Agora, clique com o botão direito na camada de texto e selecione as opções de mesclagem Desta vez, escolheremos o AVC. Defina o tamanho para cerca de 40. Isso deve ser bom. Para definir a opacidade, é cerca de. Isso vai funcionar. Agora selecione o drop sad e defina a cor muito escura ou, eu acho, torne-a preta pura. Depois disso, ajuste um pouco a propagação e também ajuste a opacidade. Agora clique em. Agora vamos selecionar a ferramenta de texto no painel de ferramentas. Novamente. Desta vez, escreveremos na parte inferior. Primeiro, vamos reduzir o tamanho um pouco. Em seguida, é hora de escolher o ponto. Precisamos de um telefone simples, então escolheremos en. Agora vamos escrever 100 pontos no texto. Agora vamos torná-lo um pouco maior e ajustá-lo. Acho que devemos renomear esse texto para 800 gramas líquidos. Depois disso, marcaremos a caixa de seleção na parte superior. Então vamos ajustá-lo um pouco mais. Agora vamos abrir uma imagem de fogo. Perfeito. Vamos deixar isso no site por enquanto. Nós o usaremos mais tarde. Vamos voltar para a página de design. Agora, na seção de ferramentas, selecionaremos as formas. Aqui, clique no ícone de seiva na parte superior para abrir todos os ss e escolher um deles. Acho que esse cofre de seiva vai ser bom. Vamos selecioná-lo. Agora vamos tirar o ar seguro. Em seguida, é hora de escolher uma cor. Na parte superior, onde diz ainda, abra-a e escolha uma cor. Por enquanto, vou escolher essa cor. Perfeito. Agora vamos ajustar um pouco esse salvamento. Agora iremos para a seção de camadas e moveremos camada da folha para a parte inferior, acima da camada de fundo. Essa licença está por trás de todo o resto. Perfeito. Agora vamos mover essa folha um pouco para baixo e torná-la um pouco menor. Em seguida, clique no cheque na parte superior. Perfeito. Agora vamos duplicar essa folha pressionando control plus j e colocando essa nova aba na posição superior Um pouco assim. Perfeito. Agora precisamos aumentar o tamanho da forma. Primeiro, selecione-o e pressione control plus t para abrir os controles de transformação. Agora aumente um pouco o tamanho e ajuste-o assim. Perfeito. Agora vamos mover esse telebit para o lado. Vá. Agora vamos salvar esse projeto porque é importante salvar seu trabalho de tempos em tempos. Caso contrário, todo o seu esforço poderá ser perdido. Chamaremos esse projeto de design de cookie. Agora vamos trazer a imagem do fogo para nossa tela principal e incliná-la um pouco, assim Em seguida, vá para a seção de camadas e defina seu modo de mesclagem para a tela. Mova sua camada diretamente abaixo da camada da folha para que ela fique atrás do texto. Se movermos essa camada ainda mais para baixo, a imagem do fogo não ficará visível porque ficará atrás do fundo. Por enquanto, vamos mantê-lo logo abaixo da camada foliar. Agora vamos ajustar essa imagem para que somente as partículas de fogo fiquem visíveis dessa forma. Também o torne um pouco maior. Por cheque. Agora selecione a ferramenta de borracha na seção de ferramentas e remova as partículas por trás do texto Reduziremos a opacidade do bit de borracha e depois o apagaremos Agora, vá para a seção de camadas e selecione a imagem do fogo. Aqui, reduziremos o brilho. No entanto, você pode notar que brilho de toda a tela está diminuindo. Queremos ajustar o brilho apenas da imagem do fogo. Então clique nesse ícone. Agora vamos reduzir o brilho. E também aumente o contraste. Perfeito. Agora vamos escolher a ferramenta de curva e vamos ajustá-la conforme eu estou fazendo. Perfeito. Vamos mover esse texto de rede um pouco para cima porque, quando usamos esse design no pacote, ele deve bagunçar a posição correta Também o tornaremos um pouco menor. Agora vamos exportar esse design. 5. Como transformar o design em embalagem: Agora abriremos um novo projeto e, nesse projeto, abriremos nosso arquivo de maquete de pacotes Este é o pacote em que adicionaremos nosso design. Agora, clicaremos em selecionar na parte superior e depois clicaremos no assunto. Isso selecionará automaticamente nosso pacote, mas pode ser necessário um pouco de ladrilho molhado Perfeito. Você pode ver que nosso pacote está selecionado e está muito bem feito, incluindo os cantos Agora, pressionaremos control mais j para fazer de três a quatro duplicatas Você pode ver na seção de camadas o arquivo duplicado foi criado Agora vamos abrir o arquivo de design que criamos. Ótimo. O arquivo de design está aberto. Agora vamos arrastar esse arquivo para nossa tela principal, como eu estou fazendo. No momento, parece imagem do design está por trás do pacote. Para corrigir isso, iremos ao painel de camadas e ocultaremos temporariamente todas as camadas acima dele. Agora vamos ajustar cuidadosamente esse design no pacote, assim como estou fazendo Certifique-se de verificar todos os cantos com cuidado, se necessário. Você pode tornar a imagem um pouco maior. Eu ajustei a imagem. Perfeito. Agora, clique com o botão direito na camada da imagem e selecione para criar uma máscara de recorte Você pode ver que a imagem do design agora está mascarada de acordo com o pacote No entanto, ele ainda está se estendendo um pouco além do pacote. Então, vamos ajustá-lo. Vamos movê-lo um pouco para baixo e também para o lado direito. Ótimo. Parece muito bom agora. Mas a imagem é um pouco menor nos dois lados superiores. Para corrigir isso, pressionaremos Control plus t para abrir os controles de transformação. Em seguida, clique neste ícone e, com cuidado, ajustaremos os cantos assim. O lado esquerdo está corrigido agora. Vamos também corrigir o lado direito. Assim. Parece bom agora. Clique no M para finalizar, e nosso pacote está devidamente Vamos também ajustar um pouco o texto extra de 5%. Ótimo. Parece bom agora. Agora, definiremos a camada de pacotes para se multiplicar no painel da camada s. Agora vamos mostrar essa camada. Depois disso, clique com o botão direito do mouse e crie uma máscara de recorte. Em seguida, vamos configurá-lo como linear. Muito bom Agora vamos ajustar os níveis dessa camada para que ela corresponda ao pacote. Para isso, pressionaremos control plus L. A partir daqui, vamos ajustá-lo. Você pode ver que, à medida que eu o ajusto, o pacote fica cada vez melhor Agora, isso parece certo. Vamos clicar. Agora vamos selecionar a camada superior e configurá-la para a gravação linear. Depois disso, ajustaremos seu nível dois. Para ajustar o nível, pressionaremos Control mais L, ajustaremos como eu estou fazendo. Depois disso, clicaremos em. Agora vamos selecionar a camada superior e configurá-la para a tela. Depois disso, pressionaremos control plus e ajustaremos os destaques dessa camada para atender ao pacote, como estou fazendo Perfeito. Agora vamos clicar. Agora, nosso pacote parece muito bom. Depois disso, vamos salvá-lo. 6. Como criar pôster de produtos a partir da embalagem: Até agora, mais da metade do nosso trabalho está concluído. Agora é hora de fazer o pôster do produto final. Então, vamos começar. Primeiro, criaremos um novo arquivo e definiremos seu tamanho para 2.000 por 2.400 pixels Depois disso, clicaremos em criar. Como você pode ver, nossa tela branca em branco foi criada. Agora vamos começar adicionando uma cor de fundo. Para isso, clicaremos aqui e escolheremos a cor sólida. Perfeito. Nosso seletor de cores foi aberto A partir daqui, precisamos escolher a cor do nosso plano de fundo. Como nosso produto está relacionado ao chocolate, escolheremos uma cor de fundo semelhante a ela. Eu acho que isso vai ficar certo. Vamos clicar em OK. Agora vamos abrir a imagem do pacote que criamos Perfeito. Só precisamos do pacote, não do plano de fundo Para fazer isso, clicaremos em selecionar e escolher o assunto. Isso levará um pouco de tempo para ser processado. Também poderíamos tê-lo selecionado no painel de ferramentas, mas esse método é mais fácil. Ele seleciona o assunto com um único clique. Agora que nosso pacote está selecionado, vamos arrastá-lo para nossa tela média, exatamente como estou fazendo Você está gostando disso até agora? Porque trabalhar com diversão sempre adiciona um tipo diferente de prazer ao processo. Agora vamos ajustar o pacote. Vamos centralizá-lo e torná-lo um pouco menor. Precisamos fazer isso com muito cuidado, pois essas pequenas etapas fazem com que nosso design tenha uma boa aparência. Agora vamos para o painel de camadas e criaremos outra camada abaixo da camada do produto, porque precisamos criar um fundo em nossa tela. Agora vamos esconder a camada produtiva. Depois disso, iremos ao painel de ferramentas e selecionaremos essa ferramenta Em seguida, selecionaremos uma área da tela. Em seguida, selecionaremos a ferramenta de gradiente e abriremos o editor de gradientes. A partir daqui, abriremos a dobra básica e escolheremos o primeiro plano para o estilo gradiente transparente Depois disso, escolheremos uma coleira. Lembre-se de que a gola é um pouco mais clara para que fique bem na tela Acho que essa cor vai ficar boa. Vamos clicar. OK. Agora vamos arrastar o mouse na forma de rolar. Também defina a opacidade para cerca de 45. Depois disso, usaremos o gradiente como eu estou fazendo. Pode demorar um pouco, mas o resultado será muito bom. Certifique-se de que tenha uma ótima aparência por todos os lados. Agora, exibiremos a camada do produto. Em seguida, clicaremos na camada de gradiente e adicionaremos uma máscara a ela Escolha a cor preta para a máscara. Em seguida, selecione a ferramenta de gradiente novamente a partir da ferramenta vista. Desta vez, escolheremos esse estilo de gradiente e definiremos a opacidade Depois disso, vamos nos arrastar pelos cantos dessa maneira, assim como estou fazendo. Você pode levar algum tempo para fazer isso. Mas quanto mais detalhado for o design, melhor será a aparência. Vamos escurecer um pouco as bordas de todos os cantos. Depois disso, vá para a camada sen e selecione essa camada. Em seguida, vá até o filtro. Escolha Blur e, em seguida, Gain Biller. Ajuste um pouco o desfoque a partir daqui. Perfeito. Parece muito bom agora. 7. Como aprimorar com reflexos e sombras: Agora vamos selecionar o pacote e ajustá-lo um pouco. Depois disso, criaremos um reflexo do pacote. Para isso, iremos até a camada vista, selecionaremos o player do produto e faremos uma duplicata pressionando control plus j. Em seguida, iremos para o Canvas principal Pressione Control plus t para abrir a ferramenta transformada e clique com o botão direito do mouse para escolher a vertical invertida Depois disso, vamos movê-lo para baixo, assim como estou fazendo. Em seguida, colocaremos a camada de reflexão abaixo da camada do produto. Agora vamos filtrar , desfocar e escolher motion bl Primeiro, ajustaremos o ângulo de desfoque. Depois disso, definiremos a distância do desfoque. Parece muito bom agora, então vamos clicar. Agora vamos clicar na camada de reflexão e adicionar uma máscara. Depois disso, escolheremos um ás negro. Preto vai ficar bem. Em seguida, na seção de ferramentas, selecionaremos a ferramenta de gradiente, escolheremos esse estilo e reduziremos um pouco a opacidade. Depois disso, tentaremos escurecer os reflexos da parte inferior para torná-los mais realistas Isso pode levar algum tempo, mas tudo bem. Quanto mais tempo você gastar, melhor será o resultado. Depois disso, aumentaremos um pouco a opacidade e trabalharemos de Aumentaremos um pouco mais a opacidade e trabalharemos de baixo para baixo com ótimos Assim como eu estou fazendo. Agora defina a opacidade em cem por cento para dar uma aparência um pouco mais transparente Ok, isso parece muito bom agora. Agora, selecionaremos a camada de reflexão e pressionaremos control plus t para abrir a ferramenta de transformação. Vamos ajustá-lo cuidadosamente em todos os cantos. Leve o tempo que for necessário. Os detalhes são isso. Parece muito bom agora. Agora selecione a camada de reflexão e reduza um pouco sua opacidade. Esse nível será bom. Depois disso, clique na imagem. Em seguida, vá para ajuste e selecione contraste de brilho. Aumente o brilho a partir daqui. Parece muito bom agora. Agora vamos criar um sedo para o pacote. Para isso, selecionaremos a camada de reflexão e criaremos uma nova camada acima dela. Em seguida, vá para a seção de ferramentas, escolha a ferramenta de pincel e selecione uma cor totalmente preta. Depois disso, clique com o botão direito na tela para ajustar a configuração do pincel. Em seguida, reduza um pouco a opacidade e também diminua a sálvia do pincel Depois disso, desenhe suavemente a sombra exatamente como eu estou fazendo. Agora selecione a sombra e ajuste-a um pouco. Se os cantos da sombra parecerem um pouco estranhos, apagaremos um pouco os lados Para isso, iremos ao painel de ferramentas e escolheremos a afinação do apagador e reduziremos a opacidade das Remova suavemente os cantos da sombra. Vamos ajustar a suavização em 200% e remover a sombra de um lado Agora vamos fazer o mesmo para o lado direito. Parece muito bom. Por fim, selecione a sombra e ajuste-a um pouco. Perfeito. 8. Adicionando profundidade: Como você pode ver, à medida que avançamos, nosso produto parece cada vez mais realista. Agora, selecionaremos a camada do produto, clicaremos com o botão direito do mouse na camada e escolheremos as opções de mesclagem E a partir daqui, escolheremos o globo interno e selecionaremos uma boa cor. Acho que essa cor vai ficar certa, vamos clicar. OK. Agora vamos verificar o modo de mesclagem para ver qual fica melhor. No modo de multiplicação, fica muito escuro. Vamos deixá-lo no modo de tela. O que parece melhor. Depois disso, vamos nos ajustar um pouco ao tamanho. Perfeito. Agora vamos clicar. Agora vamos adicionar um pouco de profundidade ao plano de fundo do pacote. Para isso, iremos para a seção de camadas e criaremos uma nova camada. Vamos chamá-la de profundidade. Vamos também renomear as outras camadas. Sombra para a camada triste. E produto para a camada de produto e reflexão para a camada de reflexão E a última cor de fundo para a camada de cor de fundo. Ótimo. Agora não há confusão. Em seguida, selecionaremos a camada de profundidade novamente. Vá até a ferramenta vista e selecionaremos uma ferramenta para seios e escolheremos uma cor clara. Em seguida, ajuste os seios e selecione seios macios e redondos nas aberturas Depois disso, defina a opacidade para 100% e o fluxo para cerca de 50 a 49% Comece a mexer suavemente na tela. Preste muita atenção a essa etapa. Parece muito bom agora. Em seguida, escolha a ferramenta do perfume total, reduza o fluxo e remova suavemente os cantos Perfeito. Parece muito bom agora. 9. Como finalizar e polir o design: Então, agora vamos abrir o arquivo de cookies. Em seguida, selecione a ferramenta de seleção de objetos na seção de ferramentas e selecione o cookie, exatamente como eu estou fazendo. Em seguida, vamos arrastá-lo para nossa tela principal. Agora adicione ao cookie. Acho que essa posição será correta. Perfeito. Em seguida, selecione outro cookie da mesma forma e coloque-o na tela principal. Vamos ajustar os dois cookies. E agora suas posições parecem boas. Agora vamos selecionar o cookie e ir até o filtro, escolher desfoque e depois Primeiro, ajustaremos o ângulo. Perfeito. Aplicaremos o Mosin b ao outro cookie da mesma forma, definindo o ângulo do sangue desta forma Perfeito. Agora vá para a seção de camadas, selecione as duas camadas de cookies e pressione control mais G para agrupá-las. Não há confusão. Chamaremos esse grupo de cookies. Perfeito. Agora vamos abrir o arquivo de chips de chocolate Depois disso, nomearemos sua camada de chips de chocolate. Mova essa camada abaixo da camada de biscoitos para que as lascas de chocolate fiquem por baixo Agora ajuste-o na tela exatamente como eu estou fazendo. Perfeito. Em seguida, vá para o filtro, escolha Desfoque e selecione desfoque de movimento Defina a distância do sangue para, I 29, isso estará certo. Agora vamos para o s. Escolha o laser. E defina a capacidade em 200% e o fluxo também em 100%. Depois disso, removeremos algumas lascas de chocolate para que pareçam mais espalhadas. Faça essa etapa com muito cuidado , pois é uma etapa muito importante. Sim, removi algumas lascas de chocolate e agora estão muito boas Em seguida, moveremos as cópias um pouco mais para baixo. E ajuste levemente o chip de chocolate. Depois disso, aumentaremos um pouco o brilho e também ajustaremos o contraste. Agora nosso design está completo. Agora é hora de salvá-lo. Perfeito. Espero que você goste e aprenda com essa aula.