Cómo crear un Joypad de estilo retro con Photoshop Como crear un Joypad de estilo retro con Photoshop

Cómo crear un Joypad de estilo retro con Photoshop

En esta sencilla guía, nos sumergiremos de lleno en la creación de un joypad de estilo retro con Adobe Photoshop.

Tanto si eres un diseñador experimentado como si acabas de empezar con Photoshop, este tutorial te guiará por cada paso del proceso de diseño.

Nos centraremos en crear una representación elegante y funcional, eliminando cualquier complejidad innecesaria. Así que, ¡manos a la obra y empecemos a diseñar tu joypad vintage!

¿Cómo crear un Joypad de estilo retro con Photoshop?

Aprende a crear un Joypad Retro

Paso 1 – Creación de la forma básica del Joypad

Cree un nuevo documento (Ctrl + N) de 800 x 600 píxeles con un fondo de su elección. Selecciona la «Herramienta Elipse» (U) con la opción de capas de forma seleccionada y crea una elipse de tamaño medio.

Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

Aún con la «Herramienta Elipse» (U) seleccionada presiona el signo más en el teclado (+) que se sumará al área de la forma. Ahora crea otra elipse en el lado opuesto, esta vez haz la elipse ligeramente más pequeña.

Aprende a crear un Joypad Retro

A continuación selecciona la «Herramienta Rectángulo» (U) y pulsa el signo más del teclado para añadir a la forma (+). Une las elipses con el rectángulo.

Aprende a crear un Joypad Retro

A continuación, utilizando la «Herramienta Elipse» (U) vuelve a crear dos elipses interiores dentro del primer conjunto de elipses que hiciste.

Aprende a crear un Joypad Retro

Ahora selecciona la «Herramienta Rectángulo Redondeado» (U) y crea un pequeño rectángulo.

Aprende a crear un Joypad Retro

Una vez creado el rectángulo pulsa «Ctrl + T» para liberar la forma. Manteniendo pulsada la tecla Mayúsculas gira el botón en el sentido contrario a las agujas del reloj hasta que encaje en su sitio dos veces.

Aprende a crear un Joypad Retro

Duplicar la capa rectángulo y colocarlos en el joypad.

Aprende a crear un Joypad Retro

Paso 2 – Creación de la base

Selecciona la capa base y dale vida añadiendo los siguientes estilos de capa.

Relacionado:  Las mejores aplicaciones de resolución de problemas matemáticos para Android y iPhone
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

Tu capa base debería tener ahora este aspecto.

Aprende a crear un Joypad Retro

A continuación haremos que las 4 formas restantes se vean como si tuvieran sangría. Añadir los siguientes estilos de capa a las dos elipses y los dos rectángulos redondeados.

Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

Ahora deberías tener algo como esto.

Aprende a crear un Joypad Retro

Paso 3 – Acabado de la base

Ahora vamos a terminar la base del joypad. Vamos a empezar por añadir otra sombra más realista. Duplica la capa base y selecciona la capa base de la parte inferior de la pila, haz click derecho y selecciona «Borrar Estilos de Capa». Ahora añada una superposición de color negro a la capa.

Ahora vamos a añadir un desenfoque de movimiento a la capa. Ir a «Filtro > Desenfoque > Desenfoque de movimiento» a continuación, utilice la configuración de abajo.

Aprende a crear un Joypad Retro

Ajusta la opacidad de la sombra a un 30% y mueve (V) la sombra hacia abajo y hacia la derecha hasta que no se vea ninguna sombra en la parte superior del joypad.

Aprende a crear un Joypad Retro

Ahora vamos a crear el cable, primero selecciona la herramienta rectángulo y crea un pequeño rectángulo en la parte superior del joypad.

Aprende a crear un Joypad Retro

Añade un estilo de capa biselado al rectángulo.

Aprende a crear un Joypad Retro

Ahora para el alambre, selecciona la «Herramienta Pluma» (P) y crea un trazado en forma de remolino.

Aprende a crear un Joypad Retro

Una vez que haya creado el camino swirly seleccione la herramienta pincel (B) y seleccione un 1-2 px cepillo duro a continuación, seleccione la herramienta pluma (P) y haga clic derecho en el lienzo, seleccione «Trazo de ruta» en el menú.

Aprende a crear un Joypad Retro

Ahora añade los siguientes estilos de capa para completar el cable.

Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

Deberías tener algo como esto

Aprende a crear un Joypad Retro

Paso 4 – Crear el D-Pad izquierdo

Seleccione la «Herramienta Rectángulo Redondeado» (U) con un radio de unos 15 – 20 píxeles y arrastre un rectángulo vertical.

Aprende a crear un Joypad Retro

Añadir a la capa de formas pulsando el signo más en el teclado (+) a continuación, crear otro rectángulo sólo que esta vez que sea horizontal.

Aprende a crear un Joypad Retro

Repite el mismo proceso anterior sólo que esta vez haz las formas unos 5 píxeles más pequeñas. Lo suficientemente pequeño como para obtener otro conjunto de rectángulos dentro de los que acabamos de crear.

Aprende a crear un Joypad Retro

Finalmente selecciona la «Herramienta Rectángulo» (U) y crea cuatro líneas direccionales en cada una de las caras del rectángulo.

Aprende a crear un Joypad Retro

Seleccione la primera forma que ha creado y añadir los siguientes estilos de capa.

Relacionado:  Los 25 mejores juegos Arcade de Apple
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

A la forma más pequeña añadir los siguientes estilos de capa.

Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

Finalmente, añade una superposición de color usando el color #9e9fa3 a las pequeñas líneas del D-Pad. Ahora deberías tener algo como esto.

Aprende a crear un Joypad Retro

Paso 5 – Creación de los botones de colores

Seleccione la «Herramienta Elipse» (U) y cree 3 elipses dentro del círculo de la derecha.

Aprende a crear un Joypad Retro

Ahora tenemos que hacer que estas elipses tengan sangría. Añada los siguientes estilos de capa a cada una de las elipses.

Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

Deberías tener algo como esto

Aprende a crear un Joypad Retro

Usando la «Herramienta Elipse» (U) en Adobe Photoshop crea de nuevo otras 4 elipses dentro de las 4 que acabamos de hacer, sólo que esta vez hazlas ligeramente más pequeñas.

Aprende a crear un Joypad Retro

Ahora añade los siguientes estilos de capa a la nueva elipse más pequeña.

Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

Cambiar el estilo de la capa de trazo y la superposición de degradado para reflejar los colores deseados. Usted debe tener algo como esto.

Aprende a crear un Joypad Retro

En cada botón añadir un símbolo de su elección, a continuación, añadir los siguientes estilos de capa para el símbolo.

Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

Cambia los colores para reflejar el color de los botones. Deberías tener algo como esto.

Aprende a crear un Joypad Retro

Paso 6 – Creación de los botones centrales

Cree dos rectángulos redondeados más pequeños dentro de las dos pequeñas áreas sangradas que creamos anteriormente.

Aprende a crear un Joypad Retro

Ahora añade los siguientes estilos de capa a los dos rectángulos más pequeños.

Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro
Aprende a crear un Joypad Retro

Añade dos etiquetas de texto debajo de los dos botones usando la «Herramienta Tipo» (T). Deberías tener algo como esto

Aprende a crear un Joypad Retro

Por último, etiqueta tu joypad con el nombre que prefieras.

Cómo Crear Un Joypad De Estilo Retro Usando Photoshop – Conclusión

Muy bien, hemos navegado a través de los elementos esenciales de la elaboración de un joypad de estilo retro en Adobe Photoshop.

Con unos pasos bien enfocados y un poco de creatividad, ahora deberías tener un diseño de joypad elegante y vintage en tu haber. Recuerda que la clave es que sea sencillo y funcional.

No dudes en experimentar con diferentes texturas y detalles para que el diseño sea realmente tuyo. ¡Feliz diseño!

Scroll al inicio