1. Design & Illustration
  2. Game Art

Cómo Crear la Rueda de la Fortuna en Adobe Photoshop

by
Read Time:14 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En éste tutorial vamos a echar una mirada minuciosa al proceso de crear la Rueda de la Fortuna en Adobe Photoshop, usando formas y estilos de capa.

Encuentra más magníficos Gráficos de Juegos en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos serán utilizados durante éste tutorial:

Antes de que inicies, descarga e instala la fuente. Te ayudará a obtener el mismo resultado.

1. Cómo Crear una Base para la Rueda

Paso 1

Toma los Colores Frontal y de Fondo por defecto (D). Después de eso, selecciona Conmutar Colores Frontal y de Fondo (X).

Abre Photoshop (utilizo Photoshop CS6), ve a Archivo > Nuevo, y crea un Nuevo Documento de 2520 x 2620 px (establece el Contenido de Fondo como Color de Fondo). Establece las guías verticales y horizontales con el centro del documento.

New DocumentNew DocumentNew Document

Paso 2

Ve a Capa > Nueva > Grupo para crear un nuevo Grupo con el nombre Back.

New Group BackNew Group BackNew Group Back

Paso 3

Toma la Herramienta Elipse (U) y crea una forma redonda cuyo tamaño sea de 1788 x 1788 px. Muévela al centro del documento. Haz doble-click en la capa para aplicar los siguientes Estilos de Capa. Agrega un Trazo con éstos parámetros:

  • Tamaño: 4 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 30%
  • Tipo de Relleno: Color
  • Color: #000000
Add StrokeAdd StrokeAdd Stroke

Paso 4

Ahora agrega una Superposición de Degradado:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Haz click en el Degradado y establece: #5b5b5b en 0%, #e9e9e9 en 25%, #5b5b5b en 50%, #e9e9e9 en 75% y #5b5b5b en 100%.
  • Estilo: Ángulo
  • Ángulo: 0°
  • Escala: 100%
  • Desmarca Invertir y Tramado
  • Marca Alinear con Capa
Add Gradient OverlayAdd Gradient OverlayAdd Gradient Overlay

Paso 5

Agrega un Resplandor Exterior con éstos parámetros:

  • Modo de Fusión: Color Más Claro
  • Opacidad: 87%
  • Ruido: 0%
  • Color: #023c8d
  • Técnica: Más suavizado
  • Extender: 0%
  • Tamaño: 17 px
  • Contorno: Lineal
  • Desmarca: Suavizado
  • Rango: 35%
  • Vibración: 0%
Add Outer GlowAdd Outer GlowAdd Outer Glow

Renombra la capa como Silver Frame.

Paso 6

Ahora crearemos un marco dorado. Toma la Herramienta Elipse (U) y haz click en el área del documento. Photoshop abrirá un diálogo. Establece el Tamaño como 1705 x 1705 px. Mueve la forma hacia el centro del documento.

New ShapeNew ShapeNew Shape

Paso 7

Haz doble click con tu mouse para abrir el diálogo Estilo de Capa. Agrega un Trazo con éstos parámetros:

  • Tamaño: 8 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 50%
  • Tipo de Relleno: Color
  • Color: #36000
Add StrokeAdd StrokeAdd Stroke

Paso 8

Ahora agrega un Resplandor Interior:

  • Modo de Fusión: Superponer
  • Opacidad: 52%
  • Ruido: 0%
  • Color: #f5f5f6
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 100%
  • Tamaño: 3 px
  • Desmarca Suavizado
  • Rango: 50%
  • Vibración: 0%
Add Inner GlowAdd Inner GlowAdd Inner Glow

Paso 9

Agrega una Superposición de Degradado con éstos parámetros:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Haz click en el Degradado y establece: #fff64e en 0%, #e29302 en 25%, #fff64e en 50%, #e29302 en 75% y #fff64e en 100%.
  • Estilo: Ángulo
  • Ángulo: 90°
  • Escala: 100%
  • Desmarca Invertir y Tramado
  • Marca Alinear con Capa
Add Gradient OverlayAdd Gradient OverlayAdd Gradient Overlay

Paso 10

No olvides una Sombra Paralela:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Opacidad: 40%
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 90°
  • Distancia: 15 px
  • Extender: 0%
  • Tamaño: 15 px
Add Drop ShadowAdd Drop ShadowAdd Drop Shadow

Renombra su capa a Golden Frame.

Paso 11

Toma la Herramienta Elipse (U) y crea una nueva forma redonda cuyo Tamaño sea 1624 x 1624 px. Mueve la forma al centro.

New ShapeNew ShapeNew Shape

Paso 12

Aplica una Sombra Interior:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Desmarca la casilla Usar Luz Global antes de establecer el  Ángulo: 90°
  • Distancia: 10 px
  • Retraer: 33%
  • Tamaño: 45 px
  • Contorno: Lineal
  • Marca la casilla Suavizado
  • Ruido: 0%
Add Inner ShadowAdd Inner ShadowAdd Inner Shadow

Paso 13

También agrega una Superposición de Colores con éstos parámetros:

  • Modo de Fusión: Normal
  • Color: #362d3d
  • Opacidad: 100%
Add Color OverlayAdd Color OverlayAdd Color Overlay

Renombra la capa como Inner Area.

Paso 14

Ahora necesitamos crear lámparas. Toma la Herramienta Elipse (U) y crea dos formas redondas cuyos tamaños sean 60 x 60 px. Mueve éstos círculos al centro de la rueda, pero la primera debería estar arriba del centro en 704 px, y la segunda debajo del centro 704 px. Selecciónalas y Combina (ve a Capas > Combinar Formas o presiona Control-E). Renombra la capa Double Lamps.

Double LampsDouble LampsDouble Lamps

Paso 15

Duplica la capa Double Lamps, ve a Edición > Transformación Libre de Trazado (Control-T), y rota ésta 22.5°. Repite la acción unas cuantas veces. Como resultado, obtendrás la siguiente imagen:

Final Double LampsFinal Double LampsFinal Double Lamps

Paso 16

Selecciona todas las copias de la capa Double Lamps y Combínalas en una capa. Para ésto, ve a Capas > Combinar Formas o presiona Control-E. Duplica la nueva capa. Renombra todas ellas: la capa superior a Luz y la inferior a Base.

Duplicate LayersDuplicate LayersDuplicate Layers

Paso 17

Haz doble click con tu mouse en la capa Base para aplicar los siguientes estilos de capa. Agrega un Bisel & Relieve usando los siguientes valores:

  • Estilo: Inglete Interior
  • Técnica: Redondeado
  • Profundidad: 103%
  • Dirección: Arriba
  • Tamaño: 18 px
  • Suavizar: 4 px
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 90°
  • Altitud: 60°
  • Contorno de Resplandor: Lineal
  • Desmarca Suavizado
  • Modo Resaltado: Subexposición de Color
  • Color de Iluminaciones: #ffffff
  • Opacidad: 65%
  • Modo de Sombra: Sobreexponer Color
  • Color de Sombra: #ffffff
  • Opacidad: 87%
Add BevelAdd BevelAdd Bevel

Paso 18

Agrega un Resplandor Interior:

  • Modo de Fusión: Superponer
  • Opacidad: 100%
  • Ruido: 0%
  • Color: #ffffff
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 4%
  • Tamaño: 8 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Rango: 55%
  • Vibración: 0%
Add Inner GlowAdd Inner GlowAdd Inner Glow

Paso 19

Ahora agrega un estilo Satinado:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Opacidad: 36%
  • Ángulo:
  • Distancia: 6 px
  • Tamaño: 16 px
  • Contorno: Lineal
  • Desmarca las casillas Suavizado e Invertir
Add SatinAdd SatinAdd Satin

Paso 20

Agrega una Superposición de Colores:

  • Modo de Fusión: Normal
  • Color: #000000
  • Opacidad: 100%
Add Color OverlayAdd Color OverlayAdd Color Overlay

Paso 21

Agrega una Sombra Paralela con éstos parámetros:

  • Modo de Fusión: Normal
  • Color: #ffffff
  • Opacidad: 75%
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 90°
  • Distancia: 6 px
  • Extender: 0%
  • Tamaño: 5 px
Add Drop ShadowAdd Drop ShadowAdd Drop Shadow

Paso 22

Haz doble click en la capa Light para aplicar los Estilos de Capa. Agrega un Trazo:

  • Tamaño: 2 px
  • Posición: Interior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Tipo de Relleno: Color
  • Color: #f8f6d2
Add StrokeAdd StrokeAdd Stroke

Paso 23

Agrega un Resplandor Interior:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Ruido: 0%
  • Color: #f7f394
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 0%
  • Tamaño: 15 px
  • Contorno: Lineal
  • Desmarca la casilla Suavizado
  • Rango: 30%
  • Vibración: 0%
Add Inner GlowAdd Inner GlowAdd Inner Glow

Paso 24

Ahora agrega una Superposición de Colores:

  • Modo de Fusión: Normal
  • Color: #ffffff
  • Opacidad: 100%
Add Color OverlayAdd Color OverlayAdd Color Overlay

Paso 25

Agrega un Resplandor Exterior:

  • Modo de Fusión: Luz Dura
  • Opacidad: 96%
  • Ruido: 0%
  • Color: #fff754
  • Técnica: Más suavizado
  • Extender: 0%
  • Tamaño: 54 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Rango: 40%
  • Vibración: 0%
Add Outer GlowAdd Outer GlowAdd Outer Glow

Eso es todo. Crearemos sectores de colores en la siguiente parte del tutorial.

2. Cómo Crear Sectores

Paso 1

Cierra el grupo Back. Ve a Capa > Nueva > Grupo para crear un nuevo Grupo con el nombre Sectors.

New Group SectorsNew Group SectorsNew Group Sectors

Paso 2

Toma la Herramienta Elipse (U) y crea una forma redonda de tamaño 1520 x 1520 px. El centro de la forma debería coincidir con el centro del documento. Toma la Herramienta Rectángulo para dibujar una nueva forma de rectángulo que se encime con el lado derecho del círculo. Selecciona ambas capas y combínalas. Obtienes una capa con dos trazados. Toma la Herramienta Selección de Trazado (A) y selecciona la forma del rectángulo. Ve al panel de la Herramienta Selección de Trazado, haz click en el ícono Operaciones de Trazado, y establece Restar Forma Frontal.

Subtract Front ShapeSubtract Front ShapeSubtract Front Shape

Paso 3

Regresa a Operaciones de Trazado y elige Fusionar Componentes de Forma. Renombra la capa Half Circle.

Merge ShapesMerge ShapesMerge Shapes

Paso 4

Toma la Herramienta Rectángulo (U) y crea la misma forma de rectángulo (es opcional, pero ésta debería ser más grande de la mitad del círculo). Debería estar centrada verticalmente (presiona Control-A para seleccionar el documento, y luego toma la Herramienta Mover (V) y haz click en el ícono Alinear Centros Verticales). El lado derecho de la forma debería alinearse con la guía vertical.

New Red ShapeNew Red ShapeNew Red Shape

Paso 5

Ve a Edición > Transformación Libre (o presiona Control-T), cambia la Ubicación de Punto de Referencia a centro izquierda, y establece la Rotación en -36%. Presiona Enter para aplicar la transformación.

Transform ShapeTransform ShapeTransform Shape

Paso 6

Selecciona las capas transformadas y Half Circle. Combínalas (ve a Capas > Combinar Formas o presiona Control-E). Toma la Herramienta Selección de Trazado (A) y selecciona la forma del rectángulo. Ve al panel Herramienta Selección de Trazado, haz click en el ícono Operaciones de Trazado, y establece Formar Intersección con Áreas de Formas. Regresa a Operaciones de Trazado y elige Fusionar Componentes de Formas. Renombra la capa Sector1.

Intersect Shape AreasIntersect Shape AreasIntersect Shape Areas

Paso 7

Duplica la capa Sector 1, selecciona Nueva Capa, ve a Edición > Transformación Libre para transformar ésta. Cambia la Ubicación de Punto de Referencia a abajo derecha y establece Rotación en 36°. Aplica la transformación. Renombra la capa a Sector2. Repite éste paso 8 veces (la Ubicación Punto de Referencia debería coincidir con el centro del documento) y renombra cada capa con un nombre único. Obtendrás un círuclo completo dividido en diez sectores. Agrupa todas las capas  y renombra la nueva Sectors Solid.

Circle divided by sectorsCircle divided by sectorsCircle divided by sectors

Paso 8

Cambia el color de cada sector de acuerdo a la imagen.

Change the sector colorsChange the sector colorsChange the sector colors

Paso 9

Haz doble click en la capa Sector1 para aplicar el siguiente Estilo de Capa. Agrega un Trazo:

  • Tamaño: 6 px
  • Posición: Interior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Tipo de Relleno: Color
  • Color: #181818
Add StrokeAdd StrokeAdd Stroke

Aplica el mismo estilo a los otros sectores.

Paso 10

Cierra el grupo. Crea una nueva forma redonda de 1530 x 1530 px debajo del grupo Sectors Solid y nómbralo Shadow. Abre el diálogo Estilo de Capa. Elige un Resplandor Exterior y establece los siguientes parámetros:

  • Modo de Fusión: Trama
  • Opacidad: 75%
  • Ruido: 0%
  • Color: #000000
  • Técnica: Más suavizado
  • Extender: 60%
  • Tamaño: 10 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Rango: 50%
  • Vibración: 0%
Add Outer GlowAdd Outer GlowAdd Outer Glow

Paso 11

Agrega una Sombra Paralela:

  • Modo de Fusión: Multiplicar
  • Toma el color #000000
  • Opacidad: 75%
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 90°
  • Distancia: 5 px
  • Extender: 11%
  • Tamaño: 40 px
Add Drop ShadowAdd Drop ShadowAdd Drop Shadow

Paso 12

Duplica la capa Shadow y múevela arriba del grupo Sections Solid. Nómbrala Gradient. Haz click derecho en la capa y selecciona Limpiar Estilo de Capa. Haz doble click para aplicar nuevos. Agrega una Sombra Interior con los siguientes parámetros:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 120°
  • Distancia: 0 px
  • Retraer: 20%
  • Tamaño: 200 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Ruido: 0%
Add Inner ShadowAdd Inner ShadowAdd Inner Shadow

Paso 13

Agrega una Superposición de Degradado:

  • Modo de Fusión: Sobreexposición Lineal (Añadir)
  • Opacidad: 50%
  • Degradado: de #ffffff a #ffffff
  • Estilo: Radial
  • Ángulo: 90°
  • Escala: 87%
  • Desmarca Invertir y Tramado
  • Marca Alinear con Capa
Add Gradient OverlayAdd Gradient OverlayAdd Gradient Overlay

Paso 14

Ahora necesitamos crear elementos redondos de metal. Toma la Herramienta Elipse (U) y crea 10 formas redondas cuyos tamaños sean de 36 x 36 px. Muévelas manualmnete al extremo de cada línea negra (o usa el método que usamos para las lámparas). Combínalas todas.

Metal ElementsMetal ElementsMetal Elements

Paso 15

Luego haz doble click en la capa para abrir la ventana Estilo de Capa. Agrega un Bisel & Relieve con éstos parámetros:

  • Estilo: Inglete Interior
  • Técnica: Redoneado
  • Profundidad: 103%
  • Dirección: Arriba
  • Tamaño: 18 px
  • Suavizar: 4 px
  • Desmarca la casilla Usar Luz Global antes de establecer el Ángulo: 90°
  • Altitud: 60°
  • Contorno de Resplandor: Lineal
  • Desmarca Suavizado
  • Modo Resaltado: Sobreexponer Color
  • Color de Iluminaciones: #ffffff
  • Opacidad: 65%
  • Modo de Sombra: Sobreexponer color
  • Color de Sombra: #ffffff
  • Opacidad: 87%
Add BevelAdd BevelAdd Bevel

Paso 16

Agrega un Contorno:

  • Contorno: Semicircular
  • Desmarca Suavizado
  • Rango: 73%
Add ContourAdd ContourAdd Contour

Paso 17

Ahora agrega una Sombra Interior:

  • Modo de Fusión: Diferencia
  • Color: #ffffff
  • Opacidad: 58%
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: -90°
  • Distancia: 7 px
  • Retraer: 20%
  • Tamaño: 18 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Ruido: 0%
Add Inner ShadowAdd Inner ShadowAdd Inner Shadow

Paso 18

Agrega un Resplando Interior:

  • Modo de Fusión: Superponer
  • Opacidad: 30%
  • Ruido: 0%
  • Color: #ffffff
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 4%
  • Tamaño: 8 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Rango: 55%
  • Vibración: 0%
Add Inner GlowAdd Inner GlowAdd Inner Glow

Paso 19

Agrega un estilo Satinado con éstos parámetros:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Opacidad: 36%
  • Ángulo:
  • Distancia: 6 px
  • Tamaño: 16 px
  • Contorno: Lineal
  • Desmarca las casillas Suavizado e Invertir
Add SatinAdd SatinAdd Satin

Paso 20

Aplica una Superposición de Colores:

  • Modo de Fusión: Normal
  • Color: #b8b8b8
  • Opacidad: 100%
Add Color OverlayAdd Color OverlayAdd Color Overlay

Paso 21

No olvides un Resplandor Exterior:

  • Modo de Fusión: Multiplicar
  • Opacidad: 57%
  • Ruido: 0%
  • Color: #000000
  • Técnica: Más suavizado
  • Extender: 0%
  • Tamaño: 6 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Rango: 100%
  • Vibración: 0%
Add Outer GlowAdd Outer GlowAdd Outer Glow

Paso 22

Y el toque final es una Sombra Paralela:

  • Modo de Fusión: Multiplicar
  • Toma el color #000000
  • Opacidad: 70%
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 120°
  • Distancia: 6 px
  • Extender: 0%
  • Tamaño: 6 px
Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow

3. Cómo Elaborar la Parte Central de la Rueda

Paso 1

Toma la Herramienta Elipse (U) y crea una forma redonda cuyo tamaño sea de 570 x 570 px. Nómbrala Golden Outer. Muévela al centro del documento. Haz doble click en la capa para aplicar los Estilos de Capa. Agrega un Trazo:

  • Tamaño: 8 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 50%
  • Tipo de Relleno: Color
  • Color: #000000
Stroke StyleStroke StyleStroke Style

Paso 2

Agrega un Resplandor Interior:

  • Modo de Fusión: Superponer
  • Opacidad: 52%
  • Ruido: 0%
  • Color: #f5f5f6
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 100%
  • Tamaño: 3 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Rango: 50%
  • Vibración: 0%
Inner Glow SettingsInner Glow SettingsInner Glow Settings

Paso 3

Aplica una Superposición de Degradado con éstos parámetros:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Haz click en el Degradado y establece: #fff64e en 0%, #e29302 en 25%, #fff64e en 50%, #e29302 en 75% y #fff64e en 100%
  • Estilo: Ángulo
  • Ángulo: 90°
  • Escala: 100%
  • Desmarca Invertir y Tramado
  • Marca Alinear con Capa
Add Gradient OverlayAdd Gradient OverlayAdd Gradient Overlay

Paso 4

Agrega una Sombra Paralela:

  • Modo de Fusión: Multiplicar
  • Toma el color #000000
  • Opacidad: 40%
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 90°
  • Distancia: 15 px
  • Extender: 0%
  • Tamaño: 15 px
Add Drop ShadowAdd Drop ShadowAdd Drop Shadow

Aquí está el resultado de éste paso:

Wheel ResultWheel ResultWheel Result

Paso 5

Crea una forma redonda con el nombre Inner Bevel. Su tamaño debería ser de 430 x 430 px. Cambia un Relleno a 0%. Aplica un Estilo de Capa Bisel & Relieve con éstos parámetros:

  • Estilo: Inglete Interior
  • Técnica: Redondeado
  • Profundidad: 1000%
  • Dirección: Arriba
  • Tamaño: 20 px
  • Suavizar: 0 px
  • Desmarca la casilla Usar Luz Global antes de establecer el Ángulo: -90°
  • Altitud: 30°
  • Contorno de Resplandor: Lineal
  • Desmarca Suavizado
  • Modo Resaltado: Sobreexposición Linel (Añadir)
  • Color de Iluminaciones: #e5e5e5
  • Opacidad: 48%
  • Modo de Sombra: Multiplicar
  • Color de Sombra: #382f25
  • Opacidad: 75%
Bevel And EmbossBevel And EmbossBevel And Emboss

Los ajustes del Contorno deberían ser los predeterminados. Aquí está el resultado del paso:

Result of the contourResult of the contourResult of the contour

Paso 6

Ahora necesitamos crear lámparas en el marco interior dorado. Todo lo que necesitas hacer es repetir las acciones de elaborar lámparas (del inicio del tutorial).

Result with LampsResult with LampsResult with Lamps

Paso 7

Creemos el botón interior azul. Crea una nueva forma de elipse de 386 x 386 px. Haz doble click en la capa para añadir un Trazo con éstos parámetros:

  • Tamaño: 5 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Tipo de Relleno: Color
  • Color: #000000
Add StrokeAdd StrokeAdd Stroke

Paso 8

También agrega una Sombra Interior:

  • Modo de Fusión: Normal
  • Color: #000000
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 120°
  • Distancia: 0 px
  • Retraer: 100%
  • Tamaño: 4 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Ruido: 0%
Add Inner ShadowAdd Inner ShadowAdd Inner Shadow

Paso 9

Agrega un Resplandor Interior:

  • Modo de Fusión: Luz Lineal
  • Opacidad: 75%
  • Ruido: 0%
  • Color: #79e6ff
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 0%
  • Tamaño: 62 px
  • Desmarca Suavizado
  • Rango: 50%
  • Vibración: 0%
Add Inner GlowAdd Inner GlowAdd Inner Glow

Paso 10

Agrega una Superposición de Degradado con éstos parámetros:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Degradado: de #0fd5ff a #00227a
  • Estilo: Radial
  • Ángulo: 90°
  • Escala: 100%
  • Desmarca Invertir y Tramado
  • Marca Alinear con Capa
Add Gradient OverlayAdd Gradient OverlayAdd Gradient Overlay

Paso 11

Para crear una reflexión, crea una forma más pequeña, establece Relleno en 0% y aplica la Superposición de Degradado:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Degradado: de #19e3ff a #ffffff
  • Estilo: Radial
  • Ángulo: 90°
  • Escala: 138%
  • Desmarca Invertir y Tramado
  • Marca Alinear con Capa
Add Gradient OverlayAdd Gradient OverlayAdd Gradient Overlay

Paso 12

Toma la Herramienta Selección de Trazado (A), haz click en el punto inferior del trazado, y muévelo al centro del documento. Eso es todo.

Create a ReflectionCreate a ReflectionCreate a Reflection

4. Cómo Elaborar un Marcador Rojo

Paso 1

Ve a Capa > Nueva > Grupo para crear un nuevo Grupo con el nombre Marker.

New Group MarkerNew Group MarkerNew Group Marker

Paso 2

Ve a Capa > Nueva > Capa y crea una Nueva Capa. Toma la Herramienta Pluma (P) para dibujar la forma de un marcador. Haz click en el botón Forma.

Marker ShapeMarker ShapeMarker Shape

Paso 3

Agrega un Resplandor Interior:

  • Modo de Fusión: Sobreexponer Color
  • Opacidad: 40%
  • Ruido: 0%
  • Color: #ffffbe
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 100%
  • Tamaño: 2 px
  • Desmarca Suavizado
  • Rango: 50%
  • Vibración: 0%
Add Inner GlowAdd Inner GlowAdd Inner Glow

Paso 4

Ahora agrega una Superposición de Degradado:

  • Modo de Fusión:
  • Opacidad: 10%
  • Haz click en el Degradado y establece: #e90001 en 0%, #c20001 en 43% y #d5002a en 100%
  • Estilo: Lineal
  • Ángulo: 90°
  • Escala: 100%
  • Desmarca Invertir y Tramado
  • Marca Alinear con Capa
Add Gradient OverlayAdd Gradient OverlayAdd Gradient Overlay

Paso 5

Agrega un Resplandor Exterior:

  • Modo de Fusión: Multiplicar
  • Opacidad: 75%
  • Ruido: 0%
  • Color: #000000
  • Técnica: Más suavizado
  • Extender: 0%
  • Tamaño: 3 px
  • Contorno: Lineal
  • Desmarca Suavizado
  • Rango: 50%
  • Vibración: 0%
Add Outer GlowAdd Outer GlowAdd Outer Glow

Paso 6

Agrega una Sombra Paralela con éstos parámetros:

  • Modo de Fusión: Normal
  • Color: #000000
  • Opacidad: 55%
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 90°
  • Distancia: 5 px
  • Extender: 0%
  • Tamaño: 5 px
Add Drop ShadowAdd Drop ShadowAdd Drop Shadow

Paso 7

Crea una forma redonda y aplica éstos Estilos de Capa. Agrega un Bisel & Relieve usando los siguientes valores:

  • Estilo: Inglete Interior
  • Técnica: Redondeado
  • Profundidad: 103%
  • Dirección: Arriba
  • Tamaño: 36 px
  • Suavizar: 8 px
  • Desmarca la casilla Usar Luz Global antes de establecer el Ángulo: 90°
  • Altitud: 60°
  • Contorno de Resplandor: Lineal
  • Desmarca Suavizado
  • Modo Resaltado: Sobreexponer Color
  • Color de Iluminaciones: #ffffff
  • Opacidad: 65%
  • Modo de Sombra: Sobreexponer Color
  • Color de Sombra: #ffffff
  • Opacidad: 87%
Add BevelAdd BevelAdd Bevel

Paso 8

Agrega un Contorno:

  • Contorno: Semicircular
  • Desmarca Suavizado
  • Rango: 73%
Add ContourAdd ContourAdd Contour

Paso 9

Agrega un Trazo:

  • Tamaño: 12 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Tipo de Relleno: Degradado
  • Degradado: de #980420 a #410206
  • Estilo: Lineal
  • Ángulo: 90°
  • Escala: 100%
  • Desmarca Invertir y Tramado
  • Marca Alinear con Capa
Add StrokeAdd StrokeAdd Stroke

Paso 10

Agrega una Sombra Interior con éstos parámetros:

  • Modo de Fusión: Diferencia
  • Color: #ffffff
  • Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: -90°
  • Distancia: 14 px
  • Retraer: 20%
  • Tamaño: 36 px
  • Contorno: Lineal
  • Desmarca la casilla Suavizado
  • Ruido: 0%
Inner Shadow SettingsInner Shadow SettingsInner Shadow Settings

Paso 11

Ahora agrega un Resplandor Interior:

  • Modo de Fusión: Superponer
  • Opacidad: 30%
  • Ruido: 0%
  • Color: #ffffff
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 4%
  • Tamaño: 16 px
  • Desmarca Suavizado
  • Rango: 55%
  • Vibración: 0%
Inner Glow settingsInner Glow settingsInner Glow settings

Paso 12

Agrega un estilo Satinado usando éstos parámetros:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Opacidad: 36%
  • Ángulo: 0°
  • Distancia: 12 px
  • Tamaño: 32 px
  • Contorno: Lineal
  • Desmarca las casillas Suavizado e Invertir
Satin settingsSatin settingsSatin settings

Paso 13

Y el punto final es una Superposición de Colores:

  • Modo de Fusión: Normal
  • Color: #b8b8b8
  • Opacidad: 100%
Add Color OverlayAdd Color OverlayAdd Color Overlay

5. Cómo Crear una Etiqueta

Paso 1

Ve a Capa > Nueva > Grupo para crear un nuevo Grupo con el nombre Labels. Muévelo debajo del grupo Marker.

New Group LabelsNew Group LabelsNew Group Labels

Paso 2

Toma la Herramienta Texto (T) con éstos parámetros:

  • Fuente: Intro
  • Tamaño de la Fuente: 114 pt
  • Color: Blanco
  • Establece Alinear Texto a la Derecha.
Create the labelsCreate the labelsCreate the labels

Paso 3

Agrega un Trazo:

  • Tamaño: 7 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Tipo de Relleno: Color
  • Color: #000000
Add StrokeAdd StrokeAdd Stroke

Paso 4

Duplica la capa de texto, y colócala usando Transformación Libre (Control-T) en la sección opuesta con un valor de altura negativo. Selecciona ambas capas, Duplica (Control-J), y Rótalas 36°. Repite la acción 3 veces. Como resultado obtendrás la siguiente imagen:

Placed LabelsPlaced LabelsPlaced Labels

¡Felicidades, Terminaste!

En éste tutorial hemos creado una bonita Rueda de la Fortuna usando formas y estilos de capa.

También he agregado un resplandor de fondo. Utilicé el color #0779bb y un Pincel Circular Difuso. Pero también puedes crear una forma de círculo grande y aplicar un filtro de Desenfoque Gaussiano (ve a Filtro > Desenfocar > Desenfoque Gaussiano).

No olvides compartir tu resultado con nosotros.

Wheel of Fortune Photoshop TutorialWheel of Fortune Photoshop TutorialWheel of Fortune Photoshop Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads