Como criar uma carta de poker em chamas no Photoshop

Neste tutorial vamos aprender como criar um belo cenário com uma carta de poker em chamas usando fusão de imagens, modos de mesclagem e recursos de camada com Photoshop.

Recursos

Você pode baixar todos os arquivos, imagens e recursos para utilização neste tutorial clicando no botão abaixo. A senha para fazer o downlaod é: clubedodesign. É necessário ter uma conta no 4Shared para baixar, o cadastro é simples e gratuito.

Download - Baixar agora

Você também pode buscar por imagens utilizando qualquer site de banco de imagens free como o Freepik.

Como criar uma carta explosiva em chamas no Photoshop

Passo 1

Abra o Photoshop e crie um novo documento de 1680 × 1050 e clique no OK. Para começar, vamos precisar preencher o fundo com uma cor cinza #606060 para que todos os detalhes das chamas sejam visíveis, uma vez que vamos editá-las.

Passo 2

Crie uma nova camada e nomeie- Poker_card_base. Nós vamos criar a base da carta de poker usando a Rounded Rectangle Tool (Shift+U). Defina o raio, localizado no menu superior, em 40px e arraste para criar a forma de uma carta.

Crie uma nova camada e nomeie- Poker_card_base. Nós vamos criar a base da carta de poker usando a Rounded Rectangle Tool (Shift+U). Defina o raio, localizado no menu superior, em 40px e arraste para criar a forma de uma carta.

Passo 3

Agora você usar sua liberdade criativa! Você está criando a sua própria carta de poker com formas personalizadas. Com a Custom Shape Tool (Shift+U) selecionada, você vai notar que há uma pequena seta localizada à direita da forma padrão. Clique sobre ela e selecione a forma de espadas.

clip_image003

Você vai criar automaticamente uma nova camada de forma quando você arrastar a ferramenta a partir do canto superior esquerdo. Faça o símbolo espadas tão grande quanto você quiser, mas usar uma cor cinza escuro ( # 3b3b3b ).

Queremos que o símbolo apareça em cada um dos 4 quantos da carta, então você terá de duplicar esta forma selecionando-a com a ferramenta Path Selection (A) e pressione Ctrl + C e Ctrl + V, e arraste-a para o canto direito. Selecione e copie as duas formas novamente e arraste-as para a base do cartão, pressione Ctrl + T e gire essas camadas 180 graus. O resultado deve ser parecido como o mostrado abaixo.

Queremos que o símbolo apareça em cada um dos 4 quantos da carta, então você terá de duplicar esta forma selecionando-a com a ferramenta Path Selection (A) e pressione Ctrl + C e Ctrl + V, e arraste-a para o canto direito. Selecione e copie as duas formas novamente e arraste-as para a base do cartão, pressione Ctrl + T e gire essas camadas 180 graus. O resultado deve ser parecido como o mostrado abaixo.

Passo 4

Baixe a textura de papel mostrada no começo deste tutorial, ou localize a que preferir e abra no Photoshop e arraste-a para a nossa tela de trabalho. Coloque a textura abaixo da cama das espadas. Pressione Ctrl + T e faça a textura de modo que ela se encaixa no cartão, certifique-se de sobrepor a textura em alguns pixels.

Nota : Eu abaixei a opacidade da textura do lado esquerdo na imagem abaixo para melhor visualização. No menu Camada, clique na camada da textura e selecione Create Clipping Mask .

Nota : Eu abaixei a opacidade da textura do lado esquerdo na imagem abaixo para melhor visualização. No menu Camada, clique na camada da textura e selecione Create Clipping Mask .

Como você pode ver a textura será inserida na base da carta. A textura que escolhi tem um tom rosa suave e eu quero deixá-la um pouco mais sutil, usando uma camada de ajuste Hue / Saturation que você pode criar clicando no ícone Create new fill or adjustment layer, na parte inferior da paleta de camadas. Defina a saturação para -45 para desaturar a cor um pouco.

Como você pode ver a textura será inserida na base da carta. A textura que escolhi tem um tom rosa suave e eu quero deixá-la um pouco mais sutil, usando uma camada de ajuste Hue / Saturation que você pode criar clicando no ícone Create new fill or adjustment layer, na parte inferior da paleta de camadas. Defina a saturação para -45 para desaturar a cor um pouco.

Como você pode ver a textura será inserida na base da carta. A textura que escolhi tem um tom rosa suave e eu quero deixá-la um pouco mais sutil, usando uma camada de ajuste Hue / Saturation que você pode criar clicando no ícone Create new fill or adjustment layer, na parte inferior da paleta de camadas. Defina a saturação para -45 para desaturar a cor um pouco.

O cartão parece melhor, mas ainda podemos usar algumas melhorias. Selecione a camada da textura e acesse para Filter> Lens correction ou pressione Shift + Ctrl + R para criar algumas vinhetas. Clique na guia Custom localizado no canto superior direito e vá para a seção Vignette e defina o Amount para -70 e o Midpoint para 0 .

O cartão parece melhor, mas ainda podemos usar algumas melhorias. Selecione a camada da textura e acesse para Filter> Lens correction ou pressione Shift + Ctrl + R para criar algumas vinhetas. Clique na guia Custom localizado no canto superior direito e vá para a seção Vignette e defina o Amount para -70 e o Midpoint para 0 .

Passo 5

O Photoshop vem com um conjunto de formas personalizadas que podemos usar para este tutorial. Encontre a forma Fleur-de-Lis (abaixo), crie uma nova camada de forma e preencha com a cor cinza escuro # 3b3b3b. Caso não encontre a forma na lista, basta clicar no pequeno menu no canto superior direito da lista e selecionar a opção “All” para que todas as formas disponíveis fiquem visíveis.

O Photoshop vem com um conjunto de formas personalizadas que podemos usar para este tutorial. Encontre a forma Fleur-de-Lis (abaixo), crie uma nova camada de forma e preencha com a cor cinza escuro # 3b3b3b. Caso não encontre a forma na lista, basta clicar no pequeno menu no canto superior direito da lista e selecionar a opção “All” para que todas as formas disponíveis fiquem visíveis.

O Photoshop vem com um conjunto de formas personalizadas que podemos usar para este tutorial. Encontre a forma Fleur-de-Lis (abaixo), crie uma nova camada de forma e preencha com a cor cinza escuro # 3b3b3b. Caso não encontre a forma na lista, basta clicar no pequeno menu no canto superior direito da lista e selecionar a opção “All” para que todas as formas disponíveis fiquem visíveis.

Passo 6

Você pode usar sua criatividade e criar mais formas afim de personalizar sua carta. Neste ponto do tutorial eu adicionei um poucos ornamentos para romper com a imagem do cartão genérico de pôquer, mas ainda mantê-lo simples. Como você deve ter notado, eu também reduzi o tamanho da Fleur-de-Lis.

Você pode usar sua criatividade e criar mais formas afim de personalizar sua carta. Neste ponto do tutorial eu adicionei um poucos ornamentos para romper com a imagem do cartão genérico de pôquer, mas ainda mantê-lo simples. Como você deve ter notado, eu também reduzi o tamanho da Fleur-de-Lis.

Passo 7

Há uma enorme coleção livre de padrões florais na web que podemos usar para o fundo. Baixe o padrão mostrado no começo deste artigo ou localize o que desejar e abra-o no Photoshop.

Selecione a camada do padrão e arraste-a para a nossa composição e posicione sob as camadas da carta.

Selecione a camada do padrão e arraste-a para a nossa composição e posicione sob as camadas da carta.

Posicione camada do padrão como desejar e diminua a opacidade para 15% .

Passo 8

Preencha o fundo cinza com um cinza mais escuro ( #454545 ) e aplique o truque VIgnette novamente, acessando Filter> Lens Correction ou pressione Shift + Ctrl + R , mas só que desta vez, defina o Amount para -100 e o Midpoint para 0. Isto vai escurecer as bordas do plano de fundo e dar mais destaque a carta.

Passo 9

Vamos mudar a perspectiva da carta de modo que ela dê a impressão de um cartão 3D. Selecione todas as camadas que estão ligadas à carta tal como as formas e texturas. Pressione Ctrl + T e clique-direito na seleção, isso vai abrir um pequeno menu com várias opções, escolha Perspective .

Arraste o canto inferior direito do ponto de ancoragem para o fundo para mudar a perspectiva em algo mais 3D e algo visualmente emocionante. Basta tentar mantê-la realista.

Arraste o canto inferior direito do ponto de ancoragem para o fundo para mudar a perspectiva em algo mais 3D e algo visualmente emocionante. Basta tentar mantê-la realista.

Quando encontrar uma perspectiva que lhe agrade, pressione Enter. Note que eu também rotacionei a carta e reduzi o tamanho um pouco.

Quando encontrar uma perspectiva que lhe agrade, pressione Enter. Note que eu também rotacionei a carta e reduzi o tamanho um pouco.

Quando encontrar uma perspectiva que lhe agrade, pressione Enter. Note que eu também rotacionei a carta e reduzi o tamanho um pouco.

Passo 10

Baixe algumas imagens de fogo e abra no Photoshop.

Passo 11

Arraste a chama para a nossa composição e posicione no topo de todas as camadas. Defina o modo de mesclagem da camada para Screen para que o fundo preto desaparecça, este é um bom truque que você pode fazer com elementos mais naturais (fogo, água, terra). Como você pode ver, a camada da imagem do fogo é muito grande para a carta, deste modo simplesmente redimensione-a, pressionando Ctrl + T , a imagem será selecionada e estará pronta para o redimensionamento. Arraste um dos pontos de ancoragem para o fazer. Caso seja necessário, use a borracha para apagar algumas partes das chamas.

Arraste a chama para a nossa composição e posicione no topo de todas as camadas. Defina o modo de mesclagem da camada para Screen para que o fundo preto desaparecça, este é um bom truque que você pode fazer com elementos mais naturais (fogo, água, terra). Como você pode ver, a camada da imagem do fogo é muito grande para a carta, deste modo simplesmente redimensione-a, pressionando Ctrl + T , a imagem será selecionada e estará pronta para o redimensionamento. Arraste um dos pontos de ancoragem para o fazer. Caso seja necessário, use a borracha para apagar algumas partes das chamas.

Passo 12

Pressione Ctrl + T para girar a chama e alinhá-la com a carta.

Repita os passos 11 e 12 para criar uma carta envolta em chamas usando máscaras de camada e as outras chamas até que você tenha algo parecido com isto:

Repita os passos 11 e 12 para criar uma carta envolta em chamas usando máscaras de camada e as outras chamas até que você tenha algo parecido com isto:

Assim que estiver pronto, crie um novo grupo e arraste todas as camadas de chamas para lá.

Passo 13

Nosso projeto está começando a ficar mais atraente mas para intensificar as chamas simplesmente duplique o grupo das chamas, você vai notar que as chamas ficaram muito mais brilhantes e é exatamente isso o que queremos!

Passo 14

Vamos seguir em frente e dar outra tonalidade as chamas usando uma camada de ajuste Hue / Saturation e defina o Hue para -24.

Vamos seguir em frente e dar outra tonalidade as chamas usando uma camada de ajuste Hue / Saturation e defina o Hue para -24.

Vamos seguir em frente e dar outra tonalidade as chamas usando uma camada de ajuste Hue / Saturation e defina o Hue para -24.

Passo 15

Crie uma cópia da camada de textura de papel e defina o modo de mesclagem da camada para Darker color e defina a opacidade para 50%. Use a ferramenta Burn (O) para escurecer alguns dos pontos sobre a textura do papel para acentuar as chamas um pouco mais.

Passo 16

Eu, pessoalmente, acho que todas as formas da carta estão um pouco planas de mais, por isso vamos adicionar um estilo de camada para ajudar a dar-lhe mais detalhes. Dê um duplo clique no lado direito da forma de Flor-de-Lis e marque a caixa de Inner Shadow. Defina o modo de Mescclagem para o Multiply, a opacidade em 75% , o ângulo de 120 graus e defina a Distância para 1px .

Eu, pessoalmente, acho que todas as formas da carta estão um pouco planas de mais, por isso vamos adicionar um estilo de camada para ajudar a dar-lhe mais detalhes. Dê um duplo clique no lado direito da forma de Flor-de-Lis e marque a caixa de Inner Shadow. Defina o modo de Mescclagem para o Multiply, a opacidade em 75% , o ângulo de 120 graus e defina a Distância para 1px .

Se feito corretamente, o resultado será como mostrado abaixo.

Se feito corretamente, o resultado será como mostrado abaixo.

Repita este passo para todas as formas ou simplesmente copie o estilo de camada e cole-os sobre as formas restantes.

Passo 17

Para as chamas gigantes de ambos os lados, você vai precisar abrir a imagem do fogo original novamente e arraste duas ou três chamas na composição. Não redimensione-as até que você esteja feliz com a colocação. Você pode rodar ou inverter-las, o que quiser.

Para as chamas gigantes de ambos os lados, você vai precisar abrir a imagem do fogo original novamente e arraste duas ou três chamas na composição. Não redimensione-as até que você esteja feliz com a colocação. Você pode rodar ou inverter-las, o que quiser.

Passo 18

Para melhorar e deixar a coloração mais atraente, adicione uma camada de ajuste Color Balance no topo das camadas de nossa composição e defina as configurações abaixo.

Para melhorar e deixar a coloração mais atraente, adicione uma camada de ajuste Color Balance no topo das camadas de nossa composição e defina as configurações abaixo.

Defina o modo de mesclagem da camada de ajuste para Darken color.

Fim do Tutorial

Fim do Tutorial

Espero que tenham gostado!

Site original: Photoshop Tutorials

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Este post tem 2 comentários

  1. Muito bons os tutorias Liute Cristian, parabéns pelo trabalho, com seus tutorias estou aprendendo muito.

  2. Muito bons os tutorias Liute Cristian, parabéns pelo trabalho, com seus tutorias estou aprendendo muito.

Deixe uma resposta

Mais artigos pra você ler:
Como fazer um cartão personalizado

Como fazer um cartão personalizado

Aprenda nesse tutorial como criar um cartão personalizado de forma fácil.
Como organizar seu desktop?

Como organizar seu desktop?

Você já viu uma tela de computador lotada de atalhos e arquivos formando uma verdadeira bagunça visual que não dá…
Affinity Photo #11 - Usar Sobreposições

Affinity Photo #11 - Usar Sobreposições

As ferramentas Sobreposição podem ser usadas juntamente com o painel Sobreposições para que você possa aplicar ajustes padrão em áreas…
Praticando Caligrafia e Lettering

Praticando Caligrafia e Lettering

Nesse vídeo que fiz em meu canal Corporação Criativa eu faço algumas demonstrações sobre criação de caligrafia e lettering com diferentes canetas.…
Fechar Menu