Como Criar a Roda da Fortuna no Adobe Photoshop

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:

• Fonte Intro

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.

Passo 2

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

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

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)

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%

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.

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

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%

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)

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

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.

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%

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%

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.

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: 

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.

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%

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%

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: 0º
• Distância: 6 px
• Tamanho (Size): 16 px
• Contorno: Linear
• Desmarque as opções Suavização de Serrilhado (Anti-aliased) e Inverter
  

Passo 20

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

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

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

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

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%

Passo 24

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

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

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%

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.

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).

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.

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.

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.

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.

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.

Passo 8

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

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

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%

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

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%

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)

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.

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%

Passo 16

Adicione um Contorno:

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

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%

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%

Passo 19

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

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

Passo 20

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

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

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%

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

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

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%

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)

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

Aqui está o resultado deste passo:

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%

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

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).

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

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%

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%

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)

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)

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.

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.

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).

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%

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)

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%

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

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%

Passo 8

Adicione um Contorno:

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

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)

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%

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%

Passo 12

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

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

Passo 13

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

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

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.

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.

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

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:

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.