Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Product Mockup

Como Criar um Mockup de uma Logo Impressa na Borracha com o Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Awesome Logo Mockups.
How to Create a Gold Foil Logo Mockup in Adobe Photoshop
How to Create an Embossed Paper Logo Mockup in Adobe Photoshop

Portuguese (Português) translation by Wesley Sales (you can also view the original English article)

Final product image
What You'll Be Creating

Neste tutorial eu vou guiar você pelos passos para criar um mockup de emblema foto-realista com o Adobe Photoshop. O processo começa do zero, então certifique-se de pegar sua câmera (seu celular serve), plugá-la na impressora e abrir o seu Photoshop (CS6 ou superior), já que esta emocionante viagem está prestes a começar!

Se você está procurando por um mockup de logo profissional ou está sem tempo para seguir este tutorial, porque não experimenta este pacote de mockups de logos foto-realistas disponível na Envato Elements.

Photo realistic logo mock up pack

Arquivos do Tutorial

Os arquivos seguintes foram utilizados durante a produção deste tutorial:

1. Como Conseguir a Perspectiva Certa

Primeiramente, precisamos de uma perspectiva real que será a base para a construção de todos os elementos da cena.

O que vamos fazer neste capítulo é desenhar um objeto sólido em uma superfície bidimensional assim como a tela de pintura do Photoshop. Em seguida, vamos imprimir o desenho e tirar algumas fotos em diferentes ângulos, para que possamos ter a impressão correta da altura, largura, profundidade e posição do objeto em relação aos outros quando vistos de um ponto em particular.

Eu já fiz esse trabalho para você, então você só precisa baixá-lo.

Entretanto, se você preferir, você pode criar a sua própria perspectiva. É só seguir esses passos:

Passo 1

Crie um Novo Documento de 1240 x 1754 px no Photoshop.

Selecione a Ferramenta Retângulo (U).

Rectangle Tool

Mova o cursor sobre a tela de pintura e clique. Você abrirá uma pequena caixa de diálogo que te permite digitar dimensões precisas para sua nova forma. Digite 350 x 350 px e clique no botão OK. A forma é criada no canto inferior direito do ponto onde você clicou.

Passo 2

Localize o painel de Propriedades. Se você não puder ver o painel, abra-o indo até Janela > Propriedades (Window > Properties).

Defina o Tipo de Preenchimento de Forma (Shape Fill Type) para Preto, o Tipo de Linha da Forma (Shape Stroke Fill) para Sem Cor (Transparent), e a posição do retângulo para 443 px para o eixo X e 700 px para o eixo Y:

Properties panel

Agora, o retângulo preto deverá estar no centro da tela de pintura.

Passo 3

Conecte sua impressora e imprima o documento. Posicione sua folha no chão, próximo a uma fonte de luz como uma janela ou lâmpada.

Black square printed

Passo 4

Pegue sua câmera (seu smartphone também serve) e tire algumas fotos do retângulo preto. Com a câmera em mãos, tente descer e chegar mais perto de um dos cantos do retângulo para obter uma perspectiva mais intensa. Tire várias fotos com ângulos e posições diferentes, e escolhe o que mais te agradar. Você deve obter uma perspectiva parecida com esta:

Black square perspective

De agora em diante, eu vou usar a minha perspectiva para o tutorial, mas os passos a seguir funcionam bem mesmo se você decidiu usar sua própria perspectiva.

2. Como Adicionar uma Textura de Borracha para a Cena

Passo 1

Abra a imagem de perspectiva com o Photoshop ou, se você estiver usando a sua própria perspectiva criada no capítulo anterior, importe-a em um novo documento de 2500 x 1600 px. Se você estiver usando a sua própria imagem de perspectiva, tente manter as proporções entre o retângulo preto e o fundo branco, parecido com a minha imagem abaixo:

Black square perspective

Localize o painel de Camadas. Se você não puder ver o painel, abra-o indo até Janela > Camadas (Window > Layers).

Olhe para a camada "Plano de Fundo" (Background). Ela poderia ser bloqueada (um pequeno cadeado aparece próximo da borda direita da camada):

Layers panel

Para desbloquear a camada, escolha Camada > Nova > Camada a partir do Fundo (Layer > New > Layer from Background) e pressione OK.

Renomeie a camada dando um clique-duplo diretamente no nome da camada no painel Camadas e alterando ela para "Perspectiva".

Passo 2

Baixe a textura de borracha e abra-a com o Photoshop.

Selecione a textura escolhendo Selecionar > Tudo (Select > All) ou pressionando Command/Ctrl-A. Agora copie o conteúdo da camada indo para Editar > Copiar (Edit > Copy) ou pressionando Command/Ctrl-C.

Volte para o documento anterior (o que contém a perspectiva) clicando na aba apropriada.

Agora cole a textura de borracha que você acabou de copiar indo para Editar > Colar (Edit > Paste) ou pressione Command/Ctrl-V.

Renomeie a camada dando um duplo-clique diretamente no nome da camada no painel de Camadas (Layers) e altere-o para "Textura de Borracha" (Rubber Texture).

Layers panel

Feche o documento com a textura de borracha. Você NÃO deve salvar as mudanças para o documento antes de fechá-lo.

Passo 3

A textura de borracha acabou de ser importada e é atualmente, muito grande para a nossa tela de pintura, então vá para Editar > Transformação Livre (Edit > Free Transform) ou pressione Command/Ctrl-T e arraste a guia de um dos cantos para redimensionar a textura. Pressione Shift enquanto arrasta a guia do canto para escalar a imagem proporcionalmente.

Transform the rubber texture

Mova a camada da "Textura de Borracha" (Rubber Texture) para baixo da camada "Perspectiva", clicando nela diretamente e arrastando a camada no painel de Camadas (Layers):

Layers panel

3. Como Criar o Objeto Inteligente

Passo 1

No painel de Camadas (Layers), selecione a camada "Perspectiva" e em seguida, escolha a Ferramenta Retângulo (U):

Rectangle tool

Mova o cursor por sobre a tela de pintura e clique. Você abrirá uma pequena caixa de diálogo que vai te permitir a entrada de dimensões precisas de tamanho para a sua nova forma. Digite 1125 x 1125 px e clique no botão OK. A forma é criada no canto inferior direito do ponto onde você clicou.

Renomeie a camada dando um duplo clique diretamente no nome da camada no painel de Camadas (Layers) e altere-o para "Objeto Inteligente" (Smart Object).

Passo 2

Com a camada "Objeto Inteligente" (Smart Object) selecionada, escolha, no menu superior, Camada > Objetos Inteligentes > Converter em Objeto Inteligente (Layer > Smart Object > Convert to Smart Object).

Agora você deve ter um quadrado (a cor não importa) sobre a imagem em perspectiva:

Transform the smart object

Agora, vamos distorcer o quadrado (azul no meu caso) incorporado em um objeto inteligente para ter a mesma forma da imagem em perspectiva preta.

Não se preocupe! É mais fácil do que parece. Apenas continue lendo!

Passo 3

Escolha Editar > Transformação > Redimensionar (Edit > Transform > Scale).

Se olharmos bem de perto, uma pequena caixa delimitadora aparece ao redor do retângulo. Também podemos ver quadradinhos nos cantos superior central, inferior central, esquerdo central e direito central, assim como um quadrado em cada um dos quatro cantos. Esses pequenos quadrados são chamados de "guias" ou alças (handles), e podemos transformar tudo que está dentro destas caixas delimitadoras simplesmente arrastando essas guias de forma livre.

Neste passo, é de extrema importância que transformemos o quadrado usando somente as guias nos cantos da caixa delimitadora.

Mova o cursor do mouse sobre a guia no canto superior direito, pressione e segure o botão Command/Ctrl no seu teclado (o cursor vai se alterar para uma pequena seta branca), e em seguida clique e arraste a guia até que você toque o canto superior direito do quadrado preto em perspectiva com o seu cursor do mouse:

Transform the smart object

Novamente, mova o cursor sobre a guia no canto superior esquerdo, pressione e segure o botão Command/Ctrl no seu teclado, e em seguida, clique e arraste a guia até que ela toque no canto superior esquerdo do quadrado preto com o seu cursor do mouse:

Transform the smart object

Repita a mesma ação com o canto inferior esquerdo:

Transform the smart object

Finalmente, faça o mesmo com o canto inferior direito, e em seguida, pressione OK para confirmar as mudanças:

Transform the smart object

Agora você pode remover a camada "Perspectiva" selecionando ela no painel de Camadas e escolhendo Camada > Excluir > Camada (Layer > Delete > Layer).

Bom trabalho! Agora o Objeto Inteligente está na perspectiva correta. Tudo que colocarmos dentro do Objeto Inteligente vai se adequar ao ângulo do quadrado azul.

Agora estamos prontos para substituir o quadrado azul que está dentro do objeto inteligente com um emblema ou logo para personalizar nosso projeto. Vamos lá!

4. Como Preparar o Emblema com o Adobe Illustrator

Como você aprendeu, precisamos de uma logo ou de um emblema para completar a cena. Este emblema será um elemento proeminente que mais tarde será gravado na textura de borracha.

Felizmente, a Envato Elements oferece uma grande variedade de emblemas de alta qualidade e elementos vetoriais prontos para uso. Inscreva-se para desbloquear uma quantidade ilimitada de fotos, modelos, emblemas de alta qualidade e muito mais por uma taxa mensal!

Neste tutorial vamos usar um emblema que veio de uma ótima coleção chamada: 30 Logos e Emblemas no Estilo Vintage:

Seabreeze badge from 30 Vintage Style Badges and Logos

Passo 1

Abra o arquivo vetorial .ai com o Adobe Illustrator. Enquanto você abre o arquivo, uma janela pode aparecer alertando que o documento usa fontes que não estão disponíveis no seu computador. Não se preocupe com isso - todas as fontes são gratuitas, e você vai encontrar um arquivo de texto dentro da pasta com todas as referências e links para baixar cada fonte.

Missing font dialog

Para o propósito deste tutorial, eu substitui as duas fontes comerciais com as seguintes fontes grátis:

Passo 2

Assim que você terminar com as fontes, escolha a Ferramenta Seleção (V).

Selection tool

Agora selecione o emblema "Seabreeze" (ou qualquer outro emblema de sua preferência). Copie o emblema indo para Editar > Copiar (Edit > Copy) ou pressionando Command/Ctrl-C.

Crie um novo documento de 350 x 350 px no Adobe Illustrator. Agora cole o emblema que você acabou de copiar indo para Editar > Colar (Edit > Paste) ou pressionando Command/Ctrl-V.

Passo 3

Com a Ferramenta Seleção (V), mova o emblema para cima da área cinza, fora da área de desenho branca.

Seabreeze badge from 30 Vintage Style Badges and Logos

Antes de importar o emblema para a nossa cena no Photoshop, precisamos expandir a aparência, converter todos os textos em formas vetoriais, e remover a área branca que foi revelada agora, ao movermos o emblema para a área cinza.

Se o emblema não estiver selecionado, selecione-o clicando nele com a Ferramenta Seleção (V).

No menu superior, escolha Objeto > Expandir Aparência.

Novamente, escolha Objeto > Expandir. Uma janela de diálogo aparecerá; selecione Objeto e Preenchimento (Fill) e pressione OK:

Expand dialog

Passo 4

Localize o painel Pathfinder. Se você não puder ver o painel, abra-o indo até Janela > Pathfinder (Window > Pathfinder).

Pathfinder panel

Escolha Aparar (Trim). O botão Aparar remover a(s) parte(s) dos objetos que se sobrepõem ou se ocultam.

Passo 5

Agora que o emblema é 100% composto de formas vetoriais, podemos remover a área branca.

Escolha a Ferramenta Varinha Mágica (W):

Magic Wand Tool

Mova o cursor sobre uma área branca e clique para selecionar todas as áreas brancas do emblema:

Seabreeze badge particular

Se você precisar, amplie a área do desenho usando a Ferramenta Zoom (Z).

Agora que todas as áreas brancas do emblema estão selecionadas, remova-as indo ao menu superior e escolhendo Editar > Recortar (Edit > Cut).

Agora o emblema está pronto para ser importado na cena do Photoshop!

5. Como Incluir o Emblema na Cena

Passo 1

Ainda estamos no espaço de trabalho do Adobe Illustrator. Se o emblema não estiver selecionado, selecione-o clicando nele com a Ferramenta Seleção (V). Copie o emblema indo para Editar > Copiar (Edit > Copy) ou pressionando Command/Ctrl-C.

Seabreeze badge

Passo 2

Volte para o Photoshop, selecione o Objeto Inteligente (Smart Object) no painel de Camadas (Layers), e dê um duplo-clique na miniatura do Objeto Inteligente.

Quando você edita um Objeto Inteligente, o conteúdo fonte é aberto em uma nova janela do Photoshop. Aqui, você pode fazer a mudança que quiser, e uma vez que estiver satisfeito, tudo o que você precisa fazer é salvar o arquivo e o Objeto Inteligente do Photoshop será atualizado quando você retornar.

Desative a visibilidade da camada do quadrado azul:

Deactivate the visibility

Agora, cole o emblema que você copiou indo até Editar > Colar (Edit > Paste) ou pressionando Command/Ctrl-V.

Na caixa de diálogo, escolha Objeto Inteligente (Smart Object) e pressione OK.

Paste as Smart Object

Localize a barra superior de opções e defina as dimensões do emblema para 562 x 562 px e sua posição para 440% em ambos os campos da Largura (Width) e Altura (Height). Quando você terminar, pressione Enter no seu teclado:

Top options bar

Passo 3

No painel de Camadas (Layers), dê um duplo-clique na camada, fora da miniatura ou do nome da camada para abrir o painel de Estilo de Camada (Layer Style). Adicione uma nova Sobreposição de Degradê (Gradient Overlay), defina o Modo de Mesclagem (Blend Mode) para Normal, a Opacidade para 100% e defina a cor da sobreposição clicando no pequeno ícone de cor e digitando o código hexadecimal #000000.

Gradient Overlay panel

Passo 4

Salve o documento indo até Arquivo > Salvar (File > Save) ou usando o atalho do teclado Command/Ctrl-S.

Volte ao documento principal e você vai perceber que o objeto inteligente foi atualizado com as últimas mudanças. O emblema, de fato, segue a perspectiva do objeto inteligente.

Hot Rubber Stamp MockUp

6. Como Gravar o Emblema na Borracha

Está na hora de adicionar algumas efeitos significantes ao emblema para dar a ele uma aparência 3D, consistente com a cena.

Passo 1

No painel de Camadas (Layers), dê um duplo-clique na camada fora do nome ou da miniatura da camada para abrir o painel de Estilo de Camada (Layer Style).

Adicione um estilo de Chanfro e Entalhe (Bevel and Emboss). Na seção Estrutura (Structure), defina o Estilo para Chanfro Externo (Outer Bevel), Técnica para Suave (Smooth), Profundidade (Depth) para 100%, Direção para Acima (Up), Tamanho para 4 px (Size) e Suavização para 0 px (Soften).

Na seção Sombreamento (Shading), defina o Ângulo para -153º, Altitude para 32º, Contorno de Reflexo (Gloss Contour) para Linear, Modo de Realce (Highlight Mode) para Divisão (Screen) com a cor branca #ffffff e a Opacidade para 0%, e finalmente o Modo de Sombra (Shadow Mode) para Multiplicação (Multiply) com a cor preta #000000 e a Opacidade para 50%.

Bevel Embossed style panel

Passo 2

Adicione um estilo de Sombra Interna (Inner Shadow). Na seção Estrutura, defina o Modo de Mesclagem (Blend Mode) para Multiplicação (Multiply) com a cor preta #000000 e a Opacidade para 75%, Ângulo para 45º, Distância 5 px, Desfoque 0% (Choke) e o Tamanho 3 px (Size). Finalmente, na seção Qualidade (Quality), defina o Contorno para Linear e o Ruído (Noise) para 5%.

Inner Shadow style panel

Passo 3

Adicione um estilo de Brilho Interno (Inner Glow). Na seção Estrutura, defina o Modo de Mesclagem (Blend Mode) para Normal, Opacidade para 35%, Ruído (Noise) para 0% e a cor preta #000000 para o brilho.

Na seção Elementos, defina a Técnica para Mais Suave (Softer), Origem (Source) para Aresta (Edge), Desfoque (Choke) para 0% e o Tamanho (Size) para 3 px.

Finalmente, na seção Qualidade (Quality), defina o Contorno para Linear, o Intervalo (Range) para 50% e a Tremulação (Jitter) para 0%.

Inner Glow style panel

Passo 4

Adicione um estilo de Sobreposição de Degradê (Gradient Overlay). Defina o Modo de Mesclagem (Blend Mode) para Multiplicação (Multiply), Opacidade para 100%, Estilo Linear, Ângulo 12º e Escala 100%.

Gradient Overlay style panel

Agora clique no retângulo com o degradê para editar as cores do degradê.

Defina as duas interrupções de opacidade para 100% e adicione 4 interrupções de cor. Defina as interrupções de cor da esquerda para a direita, assim como na imagem abaixo:

  • Primeira interrupção de cor: cor #040203, localização 1%
  • Segunda interrupção de cor: cor #26272a, localização 36%
  • Terceira interrupção de cor: cor #5b5e66, localização 54%
  • Quarta interrupção de cor: cor #e3e4e9, localização 100%

Pressione OK para confirmar as mudanças:

Gradient editor dialog

Passo 5

Adicione um estilo de Sobreposição de Padrão (Pattern Overlay). Defina o Modo de Mesclagem (Blend Mode) para Normal, Opacidade para 100%, Escala para 100% e clique no ícone do padrão quadriculado.

Pattern Overlay style panel

Uma pequena janela aparecerá. Clique no pequeno ícone da engrenagem para abrir um menu suspenso e escolha Papel em Tons de Cinza (Grayscale Paper). Clique em OK para substituir os padrões atuais com os padrões do Papel em Tons de Cinza.

Pattern Overlay style panel

Escolha o padrão Fibra 1 (Fiber 1) da lista:

Pattern Overlay style panel

Passo 6

Adicione um estilo de Brilho Externo (Outer Glow). Na seção Estrutura, defina o Modo de Mesclagem (Blend Mode) para Divisão (Screen), Opacidade para 8%, Ruído (Noise) para 0% e branco #ffffff para a cor do brilho.

Na seção Elementos, defina a Técnica para Mais Suave (Softer), Expansão (Spread) para 0% e o Tamanho (Size) para 10 px.

Na seção Qualidade (Quality), defina o Contorno para Linear, a Escala (Range) para 100% e a Tremulação (Jitter) para 0%.

Outer Glow style panel

Passo 7

Adicione um estilo de Sombra Projetada (Drop Shadow). Na seção Estrutura, defina o Modo de Mesclagem (Blend Mode) para Normal com a cor preta #000000, a Opacidade para 75%, Ângulo para -135º, Distância para 1px, Expansão (Spread) para 0% e o Tamanho (Size) para 1 px.

Na seção Qualidade (Quality), defina o Contorno para Linear e o Ruído (Noise) para 3%.

Drop Shadow style panel

Todos os estilos para o emblema estão prontos. Pressione OK para fechar o painel de Estilo de Camada (Layer Style) e confirmar as mudanças.

No próximo passo, eu vou te mostrar como adicionar um filtro inteligente com uma máscara para o emblema.

Passo 8

Escolha a Ferramenta Elipse (U) e clique em qualquer lugar da tela de pintura. Digite 1053 x 684 px. Agora localize o painel de Propriedades e defina a posição para 705 px no eixo X e 494 no eixo Y.

Properties panel

Renomeie a camada dando um duplo-clique diretamente no nome da camada no painel de Camadas (Layers) e altere o seu nome para "Desfoque" (Blur).

Clique com o Botão Direito do Mouse na camada "Desfoque" (Blur) e escolha Rasterizar Camada (Rasterize Layer).

Escolha Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur), defina o raio para 45 px e pressione OK.

Oculte a camada "Desfoque" (Blur) clicando no ícone do olhinho.

Agora pressione e segure a tecla Command/Ctrl no seu teclado e clique na miniatura da camada para criar uma seleção a partir da elipse.

Layers panel

Selecione a camada do "Objeto Inteligente" (Smart Object), escolha Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e defina o Raio para 4 px.

Você vai perceber que há uma pequena miniatura próxima do filtro inteligente que você acabou de adicionar. Selecione a miniatura clicando nela:

Smart filters thumbnail

Localize o painel de Propriedades, em Janela > Propriedades (Window > Properties) e clique em Inverter.

7. Como Adicionar Alguns Efeitos de Realce ao Emblema

Passo 1

No painel de Camadas (Layers), selecione a camada do "Objeto Inteligente" (Smart Object) e escolha Camada > Nova > Camada Via Cópia (Layer > New > Layer Via Copy) para duplicar a camada.

Renomeie a camada dando um duplo-clique diretamente no nome da camada no painel de Camadas (Layers) e altere ele para "Realces" (Highlights).

Clique com o Botão Direito do Mouse na camada "Realces" (Highlights) e escolha Apagar Estilo de Camada (Clear Layer Style) no menu suspenso.

Layers panel

Passo 2

Adicione um estilo de Chanfro e Entalhe (Bevel and Emboss). Na seção Estrutura, defina o Estilo para Chanfro Interno (Inner Bevel), Técnica para Suave (Smooth), Profundidade (Depth) para 100%, Direção Acima (Up), Tamanho 5 px (Size) e a Suavização 0 px (Soften).

Na seção Sombreamento (Shading), defina o Ângulo para 20º, Altitude para 70º, Contorno de Reflexo (Gloss Contour) para Linear, Modo de Realce (Highlight Mode) para Sobrepor (Overlay) com a cor branca #ffffff e a Opacidade para 75%, e finalmente o Modo de Sombra (Shadow Mode) para Multiplicação (Multiply) com a cor preta #000000 e a Opacidade para 0%.

Bevel Embossed style panel

Passo 3

Adicione um estilo de Sombra Interna (Inner Shadow). Na seção Estrutura, defina o Modo de Mesclagem (Blend Mode) para Multiplicação (Multiply) com a cor preta #000000 e a Opacidade para 95%, o Ângulo para 90º, Distância 4 px, o Desfoque 0% (Choke) e o Tamanho 2 px (Size).

Finalmente, na seção Qualidade (Quality), defina o Contorno para Linear e o Ruído (Noise) para 5%.

Inner Shadow style panel

Passo 4

Adicione um estilo de Sombra Projetada (Drop Shadow). Na seção Estrutura, defina o Modo de Mesclagem (Blend Mode) para Sobrepor (Overlay) com a cor preta #000000, a Opacidade para 75%, o Ângulo para 45º, a Distância para 3 px, a Expansão (Spread) para 0% e o Tamanho (Size) para 4 px.

Na seção Qualidade (Quality), defina o Contorno para Linear e o Ruído (Noise) para 7%.

Drop Shadow style panel

8. Como Adicionar um Acabamento Reflexivo ao Emblema

Passo 1

Crie uma nova camada acima da camada "Realces" (Highlights) indo até Camada > Nova > Camada (Layer > New > Layer), digite o nome "Degradê" (Gradient) e pressione OK.

Layers panel

Escolha a Ferramenta Lata de Tinta (G) e pressione D no seu teclado para definir a cor do primeiro plano para preto.

Paint Bucket Tool

Clique em qualquer lugar na tela de pintura para preencher a camada com a cor preta. No painel de Camadas, defina o Preenchimento (Fill) para 0%.

Layers panel

Passo 2

No painel de Camadas (Layers), dê um duplo-clique na camada, fora do nome ou miniatura da camada para abrir o painel de Estilo de Camada (Layer Style).

Adicione um estilo de Sobreposição de Degradê (Gradient Overlay). Defina o Modo de Mesclagem (Blend Mode) para Normal, a Opacidade para 100%, o Estilo Linear, Ângulo 25º e Escala 80%.

Gradient Overlay style panel

Agora clique no retângulo com o degradê para editar as cores do degradê.

Defina as duas interrupções de opacidade para 100% e adicione 2 interrupções de cor. Defina as interrupções de cor da esquerda para a direita, assim como descrito na imagem abaixo:

  • Primeira interrupção de cor: cor #000000, localização 50%
  • Segunda interrupção de cor: cor #ffffff, localização 64%

Pressione OK para confirmar as mudanças:

Gradient editor dialog

Passo 3

No painel de Camadas, mova seu cursor até a camada "Degradê" (Gradient), clique com o Botão Direito do Mouse nela, e escolha Converter em Objeto Inteligente (Convert to Smart Object) no menu suspenso.

Clique outra vez com o Botão Direito do Mouse e escolha Criar Máscara de Corte (Create Clipping Mask) para revelar o emblema e aplicar o efeito.

No menu superior, escolha Filtro > Galeria de Filtros (Filter > Filter Gallery). A caixa de diálogo da Galeria de Filtros aparecerá.

Clique na pasta da categoria Distorção (Distort).

A pasta se expande e mostra os filtros nessa categoria. Uma miniatura ilustrando o efeito do filtro acompanha cada um dos filtros. Escolha o filtro Vidro (Glass) e defina a Distorção para 4, a Suavidade (Smoothness) para 1, a Textura para Congelado (Frosted) e a Escala para 112%.

Finalmente, pressione OK para confirmar e aplicar o efeito.

Filter Gallery dialog box

9. Como Adicionar uma Fonte de Luz Geral para a Cena

No painel de Camadas (Layers), selecione a camada "Textura de Borracha" (Rubber Texture) e em seguida, dê um duplo-clique na camada, fora da miniatura ou do nome da camada para abrir o painel de Estilo de Camada (Layer Style).

Adicione um estilo de Sobreposição de Degradê (Gradient Overlay). Defina o Modo de Mesclagem (Blend Mode) para Sobrepor (Overlay), Opacidade para 60%, Estilo Linear, Ângulo 40º e Escala 100%.

Gradient Overlay style panel

Agora clique no retângulo com o degradê para editar as cores do degradê.

Defina as duas interrupções de opacidade para 100% e adicione 2 interrupções de cores. Defina as interrupções de cores da esquerda para a direita, assim como mostrado abaixo:

  • Primeira interrupção de cor: cor #000000, localização 1%
  • Segunda interrupção de cor: #ffffff, localização 100%

Pressione OK para confirmar as mudanças:

Gradient editor dialog

Parabéns, Você Terminou!

Neste tutorial, você aprendeu a como criar um Mockup de Carimbo de Borracha Quente do zero com o Adobe Photoshop!

Eu espero que você tenha gostado do meu tutorial e tenha aprendido algo novo. Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.

Aproveite o Photoshop!

Hot Rubber Stamp MockUp
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.