() translation by (you can also view the original English article)
Neste tutorial, vou mostrar como criar um mockup de uma garrafa de vinho tinto. Este tipo de mockup pode ser útil se você precisar mostrar uma garrafa de vinho tinto com um rótulo personalizado, mesmo que a garrafa real ainda não exista!
E graças ao objeto inteligente, você pode alterar facilmente o rótulo toda vez que precisar!
Com pressa e precisa agora? Confira o meu Mockup Premium de Vinho. Meu mockup está pronto para uso—basta substituir o rótulo e personalizar a garrafa com um clique!
Recursos do Tutorial
Os recursos seguintes foram utilizados durante a produção deste tutorial.
1. Como Remover o Rótulo Da Garrafa
Passo 1
Baixe a imagem da garrafa de vinho tinto do Pixabay e abra-a com o Photoshop CS5 ou superior.
Passo 2
Primeiro pressione Comando-J no teclado para criar uma cópia da imagem. Se você olhar no painel Layers, vai ver que agora tem duas camadas, cada uma contendo a mesma imagem. A foto original vai permanecer segura na camada de plano de fundo, e todo o trabalho de edição que estamos prestes a fazer vai ser feito para a cópia da imagem na Camada 1 acima dela:
Renomeie a nova camada clicando duas vezes diretamente no nome da camada no painel Layers e alterando-a para "Garrafa".
Passo 3
Selecione a Ferramenta Lasso pressionando a letra L em seu teclado. Há dois outros tipos de ferramentas de laço—a Ferramenta Polygonal Lasso e a Ferramenta Magnetic Lasso, ambas escondidas atrás da Ferramenta Lasso padrão no painel Tools. Você precisa selecionar o primeiro.
Basta arrastar uma seleção à mão livre ao redor do rótulo, de maneira semelhante a como você faria um contorno em um pedaço de papel com uma caneta ou lápis. Com a Ferramenta Lasso selecionada, o cursos do mouse vai aparecer como um pequeno ícone de laço, e você simplesmente clicará no local no documento onde deseja iniciar a seleção e depois continuará segurando o botão do mouse e arrastando para desenhar uma seleção de esboço livre:
Para completar a seleção, volte para o local onde você começou e solte o botão do mouse. Você não precisa necessariamente retornar ao mesmo ponto em que começou, mas se não retornar, o Photoshop fechará automaticamente a seleção para você desenhando uma linha reta do ponto quando você soltar o botão do mouse até o ponto em que começou .
Passo 4
No menu superior, selecione Edit > Fill e escolha Content-Awarein na seção Contents na parte superior. Depois pressione OK.
O rótulo sumiu! O Photoshop fez um excelente trabalho de removê-lo e preencher a área com detalhes da garrafa. Se você não gostar dos resultados depois de executar o Content-Aware Fill, basta desfazê-lo pressionando Comando-Z e depois executando-o novamente. Você vai obter um resultado diferente a cada vez. Quando estiver satisfeito com o resultado, lembre-se de desmarcar a seleção escolhendo Select > Deselect ou pressionando Comando-D.
Passo 5
Pressione L para selecionar a Ferramenta Lasso novamente e faça uma seleção ao redor do desenho dourado no pescoço.
No menu superior, selecione Edit > Fill e escolha Content-Aware na seção Contents na parte superior. Depois pressione OK.
Nós removemos com sucesso o rótulo de ouro do pescoço! Lembre-se de desmarcar a seleção escolhendo Select > Deselect pressionando Comando-D.
2. Como Remover o Plano de Fundo
Passo 1
Agora é hora de remover o fundo branco da foto. O que vou fazer é selecionar e remover todo o plano de fundo com a Ferramenta Quick Selection. Selecione-o clicando em seu ícone no painel Tools ou pressione a letra W no teclado para selecioná-lo com o atalho:
Para começar a seleção, mova o cursor da Ferramenta Quick Selection próximo ao canto superior esquerdo da garrafa e clique e arraste sobre a área que você precisa selecionar como se estivesse pintando com um pincel. Conforme você arrasta, o Photoshop analisa continuamente a área, comparando cor, tom e textura, e faz seu melhor trabalho para descobrir o que está tentando selecionar, geralmente com resultados surpreendentes.
Se você olhar na Barra de Opções na parte superior da tela, verá uma série de três ícones que nos permitem alternar entre os três modos de seleção da ferramenta (da esquerda para a direita: Nova Seleção, Adicionar à Seleção e Subtrair da Seleção). A opção Adicionar à seleção (a do meio) já foi escolhida por nós, já que todo o ponto da Ferramenta Quick Selection é continuar adicionando à seleção até que você tenha selecionado tudo o que precisa:
Depois continue "pincelando" perto das bordas da garrafa até selecionar todo o fundo branco:
Passo 2
Depois de selecionar o plano de fundo, remova-o clicando em Edit > Cut no menu superior.
Lembre-se de desmarcar a seleção escolhendo Select > Deselect out pressionando Comando-D.
Certifique-se de desativar a visibilidade da camada "Plano de Fundo" para apreciar o resultado.
Passo 3
Agora que você removeu com sucesso o plano de fundo, verifique as bordas da garrafa.
Remova todas as imperfeições que você pode encontrar nas bordas da garrafa utilizando a Ferramenta Eraser. Para ativar a Ferramenta Eraser, pressione E e abra o menu contextual clicando no botão direito do mouse. Selecione Size 20 px e Hardness 100% e depois pincele para remover a área indesejada.
3. Como Criar um Novo Plano de Fundo
Passo 1
Selecione a Ferramenta Rectangle pressionando U e crie um novo retângulo sob a garrafa. Certifique-se de que a camada retangular esteja sob a camada de garrafa.
Passo 2
Clique duas vezes na camada retangular para abrir o painel Layer Style. Adicione um novo Gradient Overlay clicando na guia relacionada.
Adicione um novo gradiente das cores #0a0a0a a #332f30, estilo Linear e ângulo -90.
Passo 3
Pressione U em seu teclado e adicione um outro retângulo sob a garrafa, cobrindo todo o fundo.
Agora clique duas vezes na camada para abrir o painel Layer Style e adicione uma nova Gradient Overlay clicando na guia relacionada.
Adicione um novo gradiente das cores #332f30 a #0a0a0a, estilo Radial e escala 150%.
Selecione estas duas camadas que você acabou de criar, clique com o botão direito do mouse e selecione Group from layers. Depois nomeie o grupo como "Plano de fundo" e pressione OK.
Passo 4
Agora sua imagem deve ser semelhante a esta:
Como você pode ver, as bordas da garrafa parecem muito ruins. Vamos consertá-las clicando duas vezes na camada da garrafa.
No painel Layer Style, adicione uma nova Inner Shadow como mostrado na imagem abaixo:
4. Como Adicionar Sombras e Reflexos
Passo 1
Clique na camada "Garrafa", arraste-a sobre o ícone Create a new layer e solte para duplicar a camada:
Renomeie a camada "Reflexão" e mova-a sob a camada de garrafa. Clique com o botão direito do mouse e selecione Rasterize Layer Style.
Passo 2
No menu superior, selecione Edit > Transform > Flip Vertical e mova-a para baixo da garrafa:
Passo 3
Agora selecione Edit > Transform > Wrap e puxe as alças de transformação, para coincidir a garrafa com o seu reflexo e pressione Return no teclado para confirmar.
Selecione a Ferramenta Eraser (E), defina-a em 500 px de Size e 0% de Hardness, e apague um pouco o reflexo conforme mostrado na imagem abaixo:
Por fim, localize a opção Opacity no painel Layers e defina-a como 35%.
Passo 4
Selecione a Ferramenta Ellipse e desenhe uma forma de elipse um pouco menor que o diâmetro da garrafa. Certifique-se de definir a cor da forma para preto. Defina o nome da camada para "Sombra Pequena".
Agora vamos adicionar um efeito de desfoque à forma. No menu superior, selecione Filter> Blur > Gaussian Blur. Uma mensagem irá alertá-lo: "Esta camada de forma deve ser rasterizada ou convertida em um objeto inteligente antes de prosseguir. Se rasterizada, ela não será mais editável como uma forma." Pressione Rasterize e defina o efeito para o tamanho do raio de 10 px. Confirme pressionando OK.
No painel Layers, certifique-se de que a camada de elipse "Pequena Sombra" esteja sob a camada da garrafa e mova a forma atrás da garrafa. A garrafa deve cobrir a forma quase completamente, como você pode ver na imagem abaixo:
Nós adicionamos a primeira sombra com sucesso! Vamos adicionar uma outra sombra mais apagada.
Passo 5
O que vamos fazer agora é repetir o mesmo processo da passo 4, mas com algumas mudanças. Selecione a Ferramenta Ellipse e desenhe uma forma de elipse maior que o diâmetro da garrafa. Certifique-se de definir a cor da forma para preto. Renomeie esta nova camada "Sombra Grande". No painel Layers, certifique-se de que a camada da elipse esteja sob a camada da garrafa e mova a forma atrás da garrafa. A garrafa deve cobrir a forma, como você pode ver na imagem abaixo:
Vamos adicionar um efeito de desfoque à forma selecionando Filter > Blur > Gaussian Blur. Defina o efeito para o tamanho do raio de 85 pixels e confirme pressionando OK. No painel Layers, defina a Opacity para 30%.
Agora o seu painel Layers deve aparecer assim:
Selecione as camadas "Sombra Grande", "Sombra Pequena" e "Reflexão". Para selecionar várias camadas contíguas, clique na primeira camada e depois Shift-clique na última camada. Com um clique com o botão direito do mouse, selecione Group from layers e nomeie o grupo como "Sombra". Pressione OK para confirmar.
5. Como Projetar o Rótulo
Passo 1
Crie um Novo Documento de 893 x 958 px no Photoshop.
No painel Layers, clique com o botão direito do mouse no pequeno ícone na parte inferior, clique em Solid Color e preencha com a cor #25221f.
Passo 2
Faça o download e instale a fonte Open Sans e selecione a Ferramenta Text (T). No painel Character, defina o rastreamento como 75 e digite PREMIUM RED WINE 2017, todas em letras maiúsculas com a cor #86752c.
Abra a imagem Swordfish. No menu superior, vá para Select > Color Range, defina o Fuzziness como 200, desmarque Localize Color Cluster e pressione OK.
Inverta a seleção indo em Select > Inverse. Arraste esta imagem para a tela de rótulos utilizando a Ferramenta Move (V). Clique duas vezes na camada "Swordfish" e adicione uma nova Color Overlay, definindo a cor para #6a6a6b.
Passo 3
Com a fonte Open Sans já instalada, digite a palavra BLACK.
Baixe e instale a fonte Berkshire Swash e digite a palavra Marvin.
Continue adicionando texto com a fonte Open Sans:
Faça o download e instale a fonte Black Jack e adicione algum texto conforme mostrado na imagem abaixo:
O rótulo está pronto! Salve o arquivo como Rotulo.psd em sua área de trabalho. Nós precisaremos disso daqui a pouco.
6. Como Enrolar o Rótulo
Passo 1
Volte para o arquivo da garrafa e, no painel Layers, selecione a camada "Garrafa".
Selecione a Ferramenta Rectangle (U) e clique em algum lugar na tela. Crie um novo retângulo de 893 x 958 px. Renomeie a camada "Rótulo".
Clique com o botão direito do mouse na camada "Rótulo" e escolha Convert to smart object. Você acabou de criar o objeto inteligente que conterá o rótulo.
Agora mova o retângulo sobre a garrafa e, no menu superior, escolha Edit > Transform > Wrap (Comando-T). Isso traz o comando Free Transform.
Clique na opção "Custom" do controle Warp. Isso permite que você personalize a forma da predefinição escolhida.
Para manipular a forma, arraste os pontos de Control, um segmento da caixa delimitadora ou malha ou uma área dentro da malha. Ao ajustar uma curva, utilize as alças do ponto de Control. Isso é semelhante ao ajuste das alças no segmento curvo de um gráfico vetorial. Tente obter uma malha como esta:
Quando estiver satisfeito, pressione Return em seu teclado para confirmar.
Passo 2
Selecione o Objeto Inteligente e escolha Layer > Smart Objects > Replace Contents.
Navegue até o arquivo Rotulo.psd que salvamos antes e clique em Place.
O rótulo agora está posicionado dentro do Objeto Inteligente.
Você ainda pode fazer qualquer tipo de alteração no rótulo simplesmente editando o objeto inteligente desta maneira:
- Selecione o Objeto Inteligente no painel Layers.
- Clique duas vezes na miniatura de Smart Objects no painel Layers.
Quando você edita um Objeto Inteligente, o conteúdo de origem é aberto em uma nova janela do Photoshop (ou o aplicativo que lida com o formato colocado por pattern, por exemplo, Adobe Illustrator ou Adobe Acrobat).
Quando estiver satisfeito com as alterações no conteúdo de origem, salve o arquivo e as edições aparecerão em todas as instâncias vinculadas do Objeto Inteligente no documento do Photoshop.
Passo 3
Selecione a camada "Rótulo" no painel Layers e clique duas vezes na camada, fora do nome da camada ou da miniatura. Adicione um novo Gradient Overlay:
Edite o gradiente clicando na pequena janela de gradiente e defina as duas paradas de cor para branco e a direita Opacity Stop para Opacity 0% e Location 46%.
Passo 4
Agora adicione uma nova Pattern Overlay. Defina o Blend Mode para Multiply, a Opacidade para 40% e clique na miniatura do Pattern. Carregue "Rock Patterns" clicando no ícone de engrenagem pequeno e depois selecione o segundo pattern:
Finalmente, adicione um Drop Shadow: Blend Mode Normal, cor Black, Opacity 9% e Distance 5 px.
Passo 5
Escolha a Ferramenta Rectangle (U), clique em algum lugar na tela e utilize o seguinte tamanho: 925 x 1275 px. No painel Layers, defina o preenchimento do retângulo recém-criado para 0%. Com a Ferramenta Move (V), posicione o retângulo sobre o rótulo e a garrafa desta forma:
Passo 6
Selecione a camada que acabou de criar, nomeie como "Destaques" e clique duas vezes na camada para abrir o painel Layers Style. Adicione um novo Gradient Overlay.
Blend Mode: Soft Light; Opacity: 80%; Angle: 0°; Scale: 150%.
Defina os dois Color Stops para branco e crie quatro Opacity Stops. Da esquerda para a direita:
- Primeira Color Stop: Opacity 0%; Location 9%.
- Segunda Color Stop: Opacity 100%; Location 25%.
- Terceira Color Stop: Opacity 100%; Location 37%.
- Quarta Color Stop: Opacity 0%; Location 53%.
Passo 7
Duplique a camada "Destaques" e renomeie-a como "Spotlight". Clique duas vezes na camada para abrir o painel Layers Style. Defina a Opacidade para 20% e o ângulo para -23°. Confirme pressionando OK.
Passo 8
Duplique a camada "Spotlight" e renomeie-a como "Textura". Clique duas vezes na camada para abrir o painel Layers Style. Remova o efeito Gradient Overlay clicando no pequeno ícone de seleção e adicione uma nova Pattern Overlay.
Defina o Blend Mode para Multiply e a Opacity como 100%, e clique na miniatura do pattern. Carregue as predefinições de Color Paper clicando no ícone de engrenagem pequeno e selecione o pattern Marbled.
Passo 9
Duplique a camada "Textura" e renomeie "Sombras". Clique duas vezes na camada para abrir o painel Layers Style. Remova o efeito de Pattern Overlay clicando no pequeno ícone de seleção e adicione um novo Gradient Overlay.
Defina o Blend Mode como Multiply, Opacity como 32%, Angle como 0% e Scale como 100%.
Defina os dois Color Stops para preto e crie quatro paradas de opacidade. Da esquerda para a direita:
- Primeira Color Stop: Opacity 100%; Location 6%.
- Segunda Color Stop: Opacity 0%; Location 23%.
- Terceira Color Stop: Opacity 0%; Location 45%.
- Quarta Color Stop: Opacity 100%; Location 100%.
Passo 10
Selecione as camadas "Sombras", "Textura", "Spotlight" e "Destaques". Para selecionar várias camadas contíguas, clique na primeira camada e depois Shift-clique na última camada. Com um clique com o botão direito do mouse, escolha Create Clipping Mask.
Estamos quase lá! Este é o resultado até agora:
Vamos adicionar um toque final, adicionando uma luz global à imagem.
Selecione a camada "Sombras" e selecione, no menu superior, Layer > New adjustment layer > Curves e pressione OK.
Vamos definir apenas as curvas para RGB e Red desta maneira:
Parabéns, Você Terminou!
Neste tutorial com várias habilidades, aprendemos um método rápido para remover algumas partes da imagem e substituir o conteúdo pela ferramenta de preenchimento sensível ao conteúdo. Criamos um rótulo a partir do zero e o envolvemos ao redor da garrafa. Depois nós cuidadosamente adicionamos alguns destaques e efeitos de sombras para dar uma sensação 3D. O resultado é um modelo fotorrealista que utiliza um objeto inteligente para substituir o rótulo.
Não se esqueça de verificar meus produtos GraphicRiver sobre modelos de garrafas. Eles são modelos de garrafa de qualidade superior perfeitos para mostrar seu rótulo de vinho com estilo e profissionalismo!
Disponíveis são um Mockup de Garrafa de Vinho Vermelho, Mockup de Garrafa de Vinho Branco e muito mais!
Espero que você tenha gostado do meu tutorial e aprendido algo novo. Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados abaixo.
Divirta-se com o Photoshop!
