Advertisement
  1. Design & Illustration
  2. Game Art

Como Criar a Roda da Fortuna no Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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, vamos analisar de perto o processo de criação da Roda da Fortuna no Adobe Photoshop, usando formas e estilos de camada.

Encontre mais ótimos Gráficos para Jogos na GraphicRiver.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante este tutorial:

Antes de começar, baixe e instale a fonte. Isso vai ajudar você a obter o mesmo resultado.

1. Como Criar uma Base para a Roda

Passo 1

Defina as Cores Padrões para o Primeiro e Segundo Planos (D). E depois disso, Alterne entre as Cores do Primeiro para o Segundo Plano (X).

Abra o Photoshop (Eu uso o Photoshop CS6), vá para Arquivo > Novo (File > New) e crie um Novo Documento de 2520 x 2620 px (Defina o Conteúdo do Plano de Fundo (Background Contents) como Cor do Plano de Fundo (Background Color)). Coloque as guias vertical e horizontal no centro do documento.

New Document

Passo 2

Vá para Camada > Nova > Agrupar (Layer > New > Group) para criar um novo Grupo com o nome Trás.

New Group Back

Passo 3

Escolha a Ferramenta Elipse (U) e crie uma forma arredondada cujo tamanho seja de 1788 x 1788 px. Mova-a para o centro do documento. Dê um duplo-clique na camada para aplicar os seguintes Estilos de Camada. Adicione um Traçado (Stroke) com as seguintes configurações:

  • Tamanho (Size): 4 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 30%
  • Tipo de Preenchimento (Fill Type): Cor
  • Cor: #000000
Add Stroke

Passo 4

Agora adicione uma Sobreposição de Degradê (Gradient Overlay):

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Clique em Degradê (Gradient) e defina: #5b5b5b em 0%, #e9e9e9 em 25%, #5b5b5b em 50%, #e9e9e9 em 75% e #5b5b5b em 100%
  • Estilo: Ângulo
  • Ângulo: 0º
  • Escala: 100%
  • Desmarque as opções Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Add Gradient Overlay

Passo 5

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Cor Mais Clara (Lighter Color)
  • Opacidade: 87%
  • Ruído (Noise): 0%
  • Cor: #023c8d
  • Técnica: Mais Suave (Softer)
  • Expansão (Spread): 0%
  • Tamanho (Size): 17 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 35%
  • Tremulação (Jitter): 0%
Add Outer Glow

Renomeie a camada para Moldura Prateada.

Passo 6

Agora vamos criar uma moldura dourada. Pegue a Ferramenta Elipse (U) e clique na área do documento. O Photoshop vai abrir uma caixa de diálogo. Defina o Tamanho (Size) para 1705 x 1705 px. Mova a forma para o centro do documento.

New Shape

Passo 7

Dê um duplo-clique com o seu mouse para abrir a janela de diálogo do Estilo de Camada (Layer Style). Adicione um Traçado (Stroke) com as seguintes configurações:

  • Tamanho (Size): 8 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 50%
  • Tipo de Preenchimento (Fill Type): Cor
  • Cor: #360000
Add Stroke

Passo 8

Agora adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
  • Opacidade: 52%
  • Ruído (Noise): 0%
  • Cor: #f5f5f6
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 100%
  • Tamanho (Size): 3 px
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 50%
  • Tremulação (Jitter): 0%
Add Inner Glow

Passo 9

Adicione uma Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Clique no Degradê (Gradient) e defina: #fff64e em 0%, #e29302 em 25%, #fff64e em 50%, #e29302 em 75% e #fff64e em 100%
  • Estilo: Ângulo
  • Ângulo: 90º
  • Escala: 100%
  • Desmarque as opções Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Add Gradient Overlay

Passo 10

Não se esqueça de adicionar uma Sombra Projetada (Drop Shadow):

  • Modo de Mesclagem (Blend Mode): Multiplicação
  • Cor: #000000
  • Opacidade: 40%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Distância: 15 px
  • Expansão (Spread): 0%
  • Tamanho (Size): 15 px
Add Drop Shadow

Renomeie sua camada para Moldura Dourada.

Passo 11

Escolha a Ferramenta Elipse (U) e crie uma nova forma arredondada cujo Tamanho (Size) seja de 1624 x 1624 px. Mova a forma para o centro.

New Shape

Passo 12

Aplique uma Sombra Interna (Inner Shadow):

  • Modo de Mesclagem (Blend Mode): Multiplicação
  • Cor: #000000
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Distância: 10 px
  • Desfoque (Choke): 33%
  • Tamanho (Size): 45 px
  • Contorno: Linear
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
  • Ruído (Noise): 0%
Add Inner Shadow

Passo 13

Adicione também uma Sobreposição de Cor (Color Overlay) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Normal
  • Cor: #362d3d
  • Opacidade: 100%
Add Color Overlay

Renomeie a camada para Área Interna.

Passo 14

Agora nós precisamos criar as lâmpadas. Pegue a Ferramenta Elipse (U) e crie duas formas arredondadas cujos tamanhos sejam 60 x 60 px. Mova esses círculos para o centro da roda, mas o primeiro deve ficar 704 px acima do centro e o segundo 704 px abaixo do centro. Selecione-as e Mescle-as (vá para Camada > Mesclar Formas (Layer > Merge Shapes) ou pressione Ctrl-E). Renomeie a camada para Lâmpadas Duplas.

Double Lamps

Passo 15

Duplique a camada Lâmpadas Duplas, vá para Editar > Transformação Livre de Demarcador (Ctrl-T) (Edit > Transform Free Path) e rotacione ela em 22.5º. Repita esta ação algumas vezes. Como resultado, você conseguirá algo parecido com a imagem mostrada abaixo: 

Final Double Lamps

Passo 16

Selecione todas as cópias da camada Lâmpadas Duplas e Mescle-as em uma camada. Para isso, vá para Camada > Mesclar Formas (Layer > Merge Shapes) ou pressione Ctrl-E. Duplique a nova camada. Renomeie todas elas: a camada superior para Luz e a camada inferior para Base.

Duplicate Layers

Passo 17

Dê um duplo-clique com o seu mouse na camada Base para aplicar os seguintes estilos de camada. Adicione um Chanfro e Entalhe (Bevel and Emboss) usando os seguintes valores:

  • Estilo: Chanfro Interno (Inner Bevel)
  • Técnica: Suave (Smooth)
  • Profundidade (Depth): 103%
  • Direção: Acima (Up)
  • Tamanho (Size): 18 px
  • Suavização (Soften): 4 px
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Altitude: 60º
  • Contorno de Reflexo (Gloss Contour): Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Subexposição de Cores (Color Dodge)
  • Cor do Realce: #ffffff
  • Opacidade: 65%
  • Modo de Sombra (Shadow Mode): Subexposição de Cores (Color Dodge)
  • Cor da Sombra: #ffffff
  • Opacidade: 87%
Add Bevel

Passo 18

Adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
  • Opacidade: 100%
  • Ruído (Noise): 0%
  • Cor: #ffffff
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 4%
  • Tamanho (Size): 8 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 55%
  • Tremulação (Jitter): 0%
Add Inner Glow

Passo 19

Agora adicione um Acetinado (Satin) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Cor: #000000
  • Opacidade: 36%
  • Ângulo:
  • Distância: 6 px
  • Tamanho (Size): 16 px
  • Contorno: Linear
  • Desmarque as opções Suavização de Serrilhado (Anti-aliased) e Inverter
Add Satin

Passo 20

Adicione uma Sobreposição de Cor (Color Overlay):

  • Modo de Mesclagem (Blend Mode): Normal
  • Cor: #000000
  • Opacidade: 100%
Add Color Overlay

Passo 21

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Normal
  • Cor: #ffffff
  • Opacidade: 75%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Distância: 6 px
  • Expansão (Spread): 0%
  • Tamanho (Size): 5 px
Add Drop Shadow

Passo 22

Dê um duplo-clique na camada Luz para aplicar os Estilos de Camada. Adicione um Traçado (Stroke):

  • Tamanho (Size): 2 px
  • Posição: Interna (Inside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Cor
  • Cor: #f8f6d2
Add Stroke

Passo 23

Adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Ruído (Noise): 0%
  • Cor: #f7f394
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 0%
  • Tamanho (Size): 15 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 30%
  • Tremulação (Jitter): 0%
Add Inner Glow

Passo 24

Agora adicione uma Sobreposição de Cor (Color Overlay):

  • Modo de Mesclagem (Blend Mode): Normal
  • Cor: #ffffff
  • Opacidade: 100%
Add Color Overlay

Passo 25

Adicione um Brilho Externo (Outer Glow):

  • Modo de Mesclagem (Blend Mode): Luz Direta (Hard Light)
  • Opacidade: 96%
  • Ruído (Noise): 0%
  • Cor: #fff754
  • Técnica: Mais Suave (Softer)
  • Expansão (Spread): 0%
  • Tamanho (Size): 54 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 40%
  • Tremulação (Jitter): 0%
Add Outer Glow

Isso é tudo. Nós vamos criar os setores coloridos na próxima parte do tutorial.

2. Como Criar os Setores

Passo 1

Feche o grupo Trás. Vá para Camada > Nova > Agrupar (Layer > New > Group) para criar um novo Grupo com o nome Setores.

New Group Sectors

Passo 2

Pegue a Ferramenta Elipse (U) e crie uma forma arredondada cujo tamanho seja 1520 x 1520 px. O centro da forma deve coincidir com o centro do documento. Pegue a Ferramenta Retângulo (U) para desenhar uma nova forma de retângulo que sobreponha o lado direito do círculo. Selecione ambas as camadas e mescle-as. Você vai obter uma camada com dois demarcadores. Pegue a Ferramenta Seleção Direta (A) e selecione a forma de retângulo. Vá para o painel da Ferramenta Seleção Direta, clique no ícone Operações de Demarcador (Path Operations) e escolha Subtrair Forma Frontal (Subtract Front Shape).

Subtract Front Shape

Passo 3

Volte para as Operações de Demarcador (Path Operations) e escolha Mesclar Componentes de Forma (Merge Shape Components). Renomeie a camada para Meio Círculo.

Merge Shapes

Passo 4

Pegue a Ferramenta Retângulo (U) e crie a mesma forma de retângulo (isso é opcional, mas este retângulo precisar ser maior que a metade do círculo). Ele deve ser centralizado verticalmente (pressione Ctrl-A para selecionar o documento e então pegue a Ferramenta Mover (V) e clique no ícone Alinhar Centros Verticais). O lado esquerdo da forma deve se alinhar com a guia vertical.

New Red Shape

Passo 5

Vá até Editar > Transformação Livre (ou pressione Ctrl-T), altere a Localização do Ponto de Referência para a metade esquerda e defina a Rotação para -36º. Pressione Enter para aplicar a transformação.

Transform Shape

Passo 6

Selecione a camada do Meio Círculo e a camada transformada. Mescle-as (vá para Camada > Mesclar Formas (Layer > Merge Shapes) ou pressione Ctrl-E). Pegue a Ferramenta Seleção de Demarcador (A) e selecione a forma de retângulo. Vá para o painel da Ferramenta de Seleção de Demarcador (A), clique no ícone Operações de Demarcador (Path Operations) e escolha Fazer Intersecção das Áreas das Formas (Intersect Shape Areas). Volte às Operações de Demarcador (Path Operations) e escolha Mesclar Componentes de Forma (Merge Shape Components). Renomeie a camada para Setor1.

Intersect Shape Areas

Passo 7

Duplique a camada Setor 1, selecione Nova Camada, vá para Editar > Transformação Livre (Edit > Free Transform) para transformá-la. Altere a Localização do Ponto de Referência para o canto inferior direito e defina a Rotação para 36º. Aplique a transformação. Renomeie a camada para Setor2. Repita este passo 8 vezes (a Localização do Ponto de Referência deve coincidir com o centro do documento) e renomeie cada camada com um nome único. Você vai obter um círculo completo dividido em dez setores. Agrupe todas as camadas e renomeie o novo grupo para Setores Sólidos.

Circle divided by sectors

Passo 8

Altere a cor de cada setor de acordo com a imagem.

Change the sector colors

Passo 9

Dê um duplo-clique na camada do Setor1 para aplicar o seguinte Estilo de Camada. Adicione um Traçado (Stroke):

  • Tamanho (Size): 6 px
  • Posição: Interna (Inside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Cor
  • Cor: #181818
Add Stroke

Aplique o mesmo estilo para os outros setores.

Passo 10

Feche o grupo. Crie uma nova forma arredondada com o tamanho de 1530 x 1530 px abaixo do grupo Setores Sólidos e chame-a de Sombra. Abra a janela de diálogo de Estilos de Camada. Escolha Brilho Externo (Outer Glow) e aplique as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Divisão (Screen)
  • Opacidade: 75%
  • Ruído (Noise): 0%
  • Cor: #000000
  • Técnica: Mais Suave (Softer)
  • Expansão (Spread): 60%
  • Tamanho (Size): 10 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 50%
  • Tremulação (Jitter): 0%
Add Outer Glow

Passo 11

Adicione uma Sombra Projetada (Drop Shadow):

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Escolha a cor #000000
  • Opacidade: 75%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Distância: 5 px
  • Expansão (Spread): 11%
  • Tamanho (Size): 40 px
Add Drop Shadow

Passo 12

Duplique a camada de Sombra e mova-a para cima do grupo Setores Sólidos. Chame-a de Degradê. Clique com o Botão Direito do Mouse na camada e selecione Limpar Estilo de Camada (Clear Layer Style). Dê um duplo-clique para aplicar novos estilos. Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Cor: #000000
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 120º
  • Distância: 0 px
  • Desfoque (Choke): 20%
  • Tamanho (Size): 200 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Ruído (Noise): 0%
Add Inner Shadow

Passo 13

Adicione uma Sobreposição de Degradê (Gradient Overlay):

  • Modo de Mesclagem (Blend Mode): Subexposição Linear (Adicionar) (Linear Dodge (Add))
  • Opacidade: 50%
  • Degradê (Gradient): de #ffffff para #ffffff
  • Estilo: Radial
  • Ângulo: 90º
  • Escala: 87%
  • Desmarque as opções Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Add Gradient Overlay

Passo 14

Agora nós precisamos criar os elementos arredondados de metal. Pegue a Ferramenta Elipse (U) e crie 10 formas arredondadas cujos tamanhos sejam de 36 x 36 px. Mova-as manualmente para o fim de cada linha preta (ou use o método que usamos para as lâmpadas). Mescle todas elas.

Metal Elements

Passo 15

Em seguida, dê um duplo-clique na camada para abrir a janela de Estilo de Camada. Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

  • Estilo: Chanfro Interno (Inner Bevel)
  • Técnica: Suave (Smooth)
  • Profundidade (Depth): 103%
  • Direção: Acima (Up)
  • Tamanho (Size): 18 px
  • Suavização (Soften): 4 px
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Altitude: 60º
  • Contorno de Reflexo (Gloss Contour): Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Subexposição de Cores (Color Dodge)
  • Cor do Realce: #ffffff
  • Opacidade: 65%
  • Modo de Sombra (Shadow Mode): Subexposição de Cores (Color Dodge)
  • Cor da Sombra: #ffffff
  • Opacidade: 87%
Add Bevel

Passo 16

Adicione um Contorno:

  • Contorno: Meia-Volta (Half Round)
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 73%
Add Contour

Passo 17

Agora adicione uma Sombra Interna (Inner Shadow):

  • Modo de Mesclagem (Blend Mode): Diferença
  • Cor: #ffffff
  • Opacidade: 58%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para -90º
  • Distância: 7 px
  • Desfoque (Choke): 20%
  • Tamanho (Size): 18 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Ruído (Noise): 0%
Add Inner Shadow

Passo 18

Adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
  • Opacidade: 30%
  • Ruído (Noise): 0%
  • Cor: #ffffff
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 4%
  • Tamanho (Size): 8 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 55%
  • Tremulação (Jitter): 0%
Add Inner Glow

Passo 19

Adicione um Acetinado (Satin) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Cor: #000000
  • Opacidade: 36%
  • Ângulo:
  • Distância: 6 px
  • Tamanho (Size): 16 px
  • Contorno: Linear
  • Desmarque as opções Suavização de Serrilhado (Anti-aliased) e Inverter
Add Satin

Passo 20

Aplique uma Sobreposição de Cor (Color Overlay)

  • Modo de Mesclagem (Blend Mode): Normal
  • Cor: #b8b8b8
  • Opacidade: 100%
Add Color Overlay

Passo 21

Não se esqueça do Brilho Externo (Outer Glow):

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Opacidade: 57%
  • Ruído (Noise): 0%
  • Cor: #000000
  • Técnica: Mais Suave (Softer)
  • Expansão (Spread): 0%
  • Tamanho (Size): 6 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 100%
  • Tremulação (Jitter): 0%
Add Outer Glow

Passo 22

E o toque final é uma Sombra Projetada (Drop Shadow):

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Escolha a cor #000000
  • Opacidade: 70%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 120º
  • Distância: 6 px
  • Expansão (Spread): 0%
  • Tamanho (Size): 6 px
Add a Drop Shadow

3. Como Fazer a Parte Central da Roda

Passo 1

Pegue a Ferramenta Elipse (U) e crie uma forma arredondada cujo tamanho seja de 570 x 570 px. Chame-a de Exterior Dourado. Mova-a para o centro do documento. Dê um duplo-clique na camada para aplicar os Estilos de Camada. Adicione um Traçado (Stroke):

  • Tamanho (Size): 8 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 50%
  • Tipo de Preenchimento (Fill Type): Cor
  • Cor: #000000
Stroke Style

Passo 2

Adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
  • Opacidade: 52%
  • Ruído (Noise): 0%
  • Cor: #f5f5f6
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 100%
  • Tamanho (Size): 3 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 50%
  • Tremulação (Jitter): 0%
Inner Glow Settings

Passo 3

Aplique uma Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Clique em Degradê (Gradient) e defina: #fff64e em 0%, #e29302 em 25%, #fff64e em 50%, #e29302 em 75% e #fff64e em 100%
  • Estilo: Ângulo
  • Ângulo: 90º
  • Escala: 100%
  • Desmarque as opções Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Add Gradient Overlay

Passo 4

Adicione uma Sombra Projetada (Drop Shadow):

  • Modo de Mesclagem (Blending Mode): Multiplicação (Multiply)
  • Escolha a cor #000000
  • Opacidade: 40%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Distância: 15 px
  • Expansão (Spread): 0%
  • Tamanho (Size): 15 px
Add Drop Shadow

Aqui está o resultado deste passo:

Wheel Result

Passo 5

Crie uma forma arredondada com o nome Chanfro Interno. Seu tamanho deve ser de 430 x 430 px. Altere o Preenchimento (Fill) para 0%. Aplique um Estilo de Camada do tipo Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

  • Estilo: Chanfro Interno (Inner Bevel)
  • Técnica: Suave (Smooth)
  • Profundidade (Depth): 1000%
  • Direção: Acima (Up)
  • Tamanho (Size): 20 px
  • Suavização (Soften): 0 px
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para -90º
  • Altitude: 30º
  • Contorno de Reflexo (Gloss Contour): Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Subexposição Linear (Adicionar) (Linear Dodge (Add))
  • Cor do Realce: #e5e5e5
  • Opacidade: 48%
  • Modo de Sombra (Shadow Mode): Multiplicação (Multiply)
  • Cor da Sombra: #382f25
  • Opacidade: 75%
Bevel And Emboss

As configurações do Contorno devem ser as padrões. Aqui está o resultado deste passo:

Result of the contour

Passo 6

Agora nós precisamos criar lâmpadas na moldura dourada interna. Tudo o que você precisa fazer é repetir as ações para a criação das lâmpadas (do início do tutorial).

Result with Lamps

Passo 7

Vamos fazer o botão azul interno. Crie uma nova forma de elipse com 386 x 386 px. Dê um duplo-clique na camada para adicionar um Traçado (Stroke) com as seguintes configurações:

  • Tamanho (Size): 5 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Cor
  • Cor: #000000
Add Stroke

Passo 8

Adicione também uma Sombra Interna (Inner Shadow):

  • Modo de Mesclagem (Blend Mode): Normal
  • Cor: #000000
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 120º
  • Distância: 0 px
  • Desfoque (Choke): 100%
  • Tamanho (Size): 4 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Ruído (Noise): 0%
Add Inner Shadow

Passo 9

Adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Luz Linear
  • Opacidade: 75%
  • Ruído (Noise): 0%
  • Cor: #79e6ff
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 0%
  • Tamanho (Size): 62 px
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 50%
  • Tremulação (Jitter): 0%
Add Inner Glow

Passo 10

Adicione uma Sobreposição de Degradê com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Degradê (Gradient): de #0fd5ff para #00227a
  • Estilo: Radial
  • Ângulo: 90º
  • Escala: 100%
  • Desmarque as opções Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Add Gradient Overlay

Passo 11

Para criar uma reflexão de realce, crie uma forma menor, defina o Preenchimento (Fill) para 0% e aplique uma Sobreposição de Degradê (Gradient Overlay):

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Degradê (Gradient): de #19e3ff para #ffffff
  • Estilo: Radial
  • Ângulo: 90º
  • Escala: 138%
  • Desmarque as opções Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Add Gradient Overlay

Passo 12

Pegue a Ferramenta Seleção de Demarcador (A), clique no ponto inferior do demarcador e mova-o para o centro do documento. Isso é tudo.

Create a Reflection

4. Como Fazer um Marcador Vermelho

Passo 1

Vá para Camada > Nova > Agrupar (Layer > New > Group) para criar um novo Grupo com o nome Marcador.

New Group Marker

Passo 2

Vá para Camada > Nova > Camada (Layer > New > Layer) e crie uma Nova Camada. Pegue a Ferramenta Caneta (P) para desenhar uma forma de marcador e Clique no botão Forma (Shape).

Marker Shape

Passo 3

Adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Subexposição de Cores (Color Dodge)
  • Opacidade: 40%
  • Ruído (Noise): 0%
  • Cor: #ffffbe
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 100%
  • Tamanho (Size): 2 px
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 50%
  • Tremulação (Jitter): 0%
Add Inner Glow

Passo 4

Agora adicione uma Sobreposição de Degradê (Gradient Overlay):

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 10%
  • Clique no Degradê (Gradient) e defina: #e90001 em 0%, #c20001 em 43% e #d5002a em 100%
  • Estilo: Linear
  • Ângulo: 90º
  • Escala: 100%
  • Desmarque as opções Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Add Gradient Overlay

Passo 5

Adicione um Brilho Externo (Outer Glow):

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Opacidade: 75%
  • Ruído (Noise): 0%
  • Cor: #000000
  • Técnica: Mais Suave (Softer)
  • Expansão (Spread): 0%
  • Tamanho (Size): 3 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 50%
  • Tremulação (Jitter): 0%
Add Outer Glow

Passo 6

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blending Mode): Normal
  • Cor: #000000
  • Opacidade: 55%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Distância: 5 px
  • Expansão (Spread): 0%
  • Tamanho (Size): 5 px
Add Drop Shadow

Passo 7

Crie uma forma arredondada e aplique esses Estilos de Camada (Layer Styles). Adicione um Chanfro e Entalhe (Bevel and Emboss) usando os próximos valores:

  • Estilo: Chanfro Interno (Inner Bevel)
  • Técnica: Suave (Smooth)
  • Profundidade (Depth): 103%
  • Direção: Acima (Up)
  • Tamanho (Size): 36 px
  • Suavização (Soften): 8 px
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Altitude: 60º
  • Contorno de Reflexo (Gloss Contour): Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Subexposição de Cores (Color Dodge)
  • Cor de Realce: #ffffff
  • Opacidade: 65%
  • Modo de Sombra (Shadow Mode): Subexposição de Cores (Color Dodge)
  • Cor da Sombra: #ffffff
  • Opacidade: 87%
Add Bevel

Passo 8

Adicione um Contorno:

  • Contorno: Meia-Volta (Half Round)
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 73%
Add Contour

Passo 9

Adicione um Traçado (Stroke):

  • Tamanho (Size): 12 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Degradê (Gradient)
  • Degradê (Gradient): de #980420 para #410206
  • Estilo: Linear
  • Ângulo: 90º
  • Escala: 100%
  • Desmarque as opções Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Add Stroke

Passo 10

Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Diferença
  • Cor: #ffffff
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para -90º
  • Distância: 14 px
  • Desfoque (Choke): 20%
  • Tamanho (Size): 36 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Ruído (Noise): 0%
Inner Shadow Settings

Passo 11

Agora adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
  • Opacidade: 30%
  • Ruído (Noise): 0%
  • Cor: #ffffff
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 4%
  • Tamanho (Size): 16 px
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 55%
  • Tremulação (Jitter): 0%
Inner Glow settings

Passo 12

Adicione um Acetinado (Satin) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Multiplicação
  • Cor: #000000
  • Opacidade: 36%
  • Ângulo:
  • Distância: 12 px
  • Tamanho (Size): 32 px
  • Contorno: Linear
  • Desmarque as opções Suavização de Serrilhado (Anti-aliased) e Inverter
Satin settings

Passo 13

E o ponto final é uma Sobreposição de Cor (Color Overlay):

  • Modo de Mesclagem (Blend Mode): Normal
  • Cor: #b8b8b8
  • Opacidade: 100%
Add Color Overlay

5. Como Criar um Rótulo

Passo 1

Vá para Camada > Nova > Agrupar (Layer > New > Group) para criar um novo Grupo com o nome Rótulos. Mova-o para baixo do grupo Marcador.

New Group Labels

Passo 2

Pegue a Ferramenta Texto (T) com as seguintes configurações:

  • Fonte: Intro
  • Tamanho da Fonte (Font Size): 114 pt
  • Cor: Branca
  • Defina o Alinhamento do Texto à Direita.
Create the labels

Passo 3

Adicione um Traçado (Stroke):

  • Tamanho (Size): 7 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Cor
  • Cor: #000000
Add Stroke

Passo 4

Duplique a camada do texto e posicione-a usando a Ferramenta de Transformação Livre (Ctrl-T) na seção oposta com um valor de altura negativo. Selecione ambas as camadas de texto, Duplique-as (Ctrl-J) e Rotacione-as em 36º. Repita esta ação 3 vezes. Como resultado você vai conseguir algo parecido com o da imagem a seguir:

Placed Labels

Parabéns, Você Terminou!

Neste tutorial nós criamos uma ótima Roda da Fortuna usando formas e estilos de camada.

Eu também adicionei um brilho ao fundo. Usei a cor #0779bb e um Pincel Redondo Suave. Mas você também pode criar uma forma com um círculo grande e aplicar um filtro de Desfoque Gaussiano (indo para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur)).

Não se esqueça de compartilhar o resultado com a gente.

Wheel of Fortune Photoshop Tutorial
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.