Crear un comunicador de estilo Star Trek en Photoshop

En este tutorial, dibujaremos un comunicador de estilo retro de Star Trek, un dispositivo de comunicación por voz utilizado en la serie original de Star Trek. Combinaremos estilos de capas y mucho dibujo manual. Entonces, prepare su Wacom para ir audazmente donde ningún tutorial de Photoshop haya llegado antes.


Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial..

  • 26 patrones de píxeles repetibles de PSDfreemium
  • Fuente Final Frontier Old Style de Allen R. Walden

Paso 1: Preparando el fondo

Crear nuevo archivo, con tamaño 600x660 px. Rellene el fondo con el color: #ababab.


Paso 2

Crea una nueva capa y agrega un degradado de azul a negro.


Paso 3

Establezca el modo de fusión en Pantalla y reduzca su Opacidad..


Paso 4: Communicator Basic Shape

Dibuja un rectángulo redondeado con un radio de 15 px y color # 625f5f.


Paso 5

Active la herramienta de la pluma y haga clic en la parte media superior e inferior central para agregar nuevos puntos.


Paso 6

Use la herramienta de selección directa para modificar cada punto hasta que tengamos la siguiente forma. Añadir sutil superposición de degradado.


Paso 7

Duplique la forma básica que acabamos de crear presionando Comando / Ctrl + J. Cambie su color a # 2f2229. Cambia el tamaño al 98%. Añadir superposición de degradado.


Paso 8

Duplique la forma de la capa presionando Comando / Ctrl + J. Cambie su color a # 3c3037. Agrega una ruta de rectángulo redondeada y establece su modo en Restar.


Paso 9

Comando / Ctrl-clic en la capa para crear una selección basada en su forma.


Paso 10

Crear nueva capa. Presione Comando / Ctrl + H para ocultar los bordes de selección. Activar la herramienta de pincel suave. Pintar resaltado en el lado izquierdo de la forma..


Paso 11

Dibuje otro resaltado en las áreas indicadas. Será más fácil si haces todos los trazos en diferentes capas. De esta manera, puede reducir la opacidad de las capas para reducir su efecto. O simplemente puede eliminar la capa si no le gusta el resultado.


Paso 12

Duplicamos la forma que hemos creado anteriormente. Esta vez configuró el modo rectángulo redondeado en Intersección. Cambia su color a # 141314.


Paso 13

Dibuja una nueva forma hecha de dos rectángulos de apilamiento. Establecer el modo de ambos caminos a Agregar a la forma. Establece su color a # 362b31. Añadir superposición de degradado de estilo de capa.


Paso 14

Cree una nueva capa y conviértala en Máscara de recorte presionando Comando / Ctrl + Alt + G. Pinte el resaltado en algunas partes de la forma.


Paso 15

Por supuesto, no te olvides de las sombras..


Paso 16

Dibuja un rectángulo redondeado con el color # e1cece. Añadir superposición de degradado de estilo de capa.


Paso 17

Crear una nueva capa y convertirla en máscara de recorte. Dibuja sombra en la esquina inferior para agregar profundidad a la forma.


Paso 18

Dibuja una forma de rectángulo con el color # dac9c9. Añade los siguientes estilos de capas. En la configuración de Superposición de patrón, use Patrones de píxeles de PSDfreemium


Paso 19

Dibuja un rectángulo que cubra la parte superior de la forma anterior. Establece su color a # 342b30. Pulsa Comando / Ctrl + T para realizar la transformación, haz clic derecho y elige Perspectiva. Tire de la esquina superior hasta que tengamos una forma de trapecio..


Paso 20

Cree una nueva capa y conviértala en Máscara de recorte (Comando / Ctrl + Alt + G). Pinta algunos reflejos sutiles y sombras..


Paso 21: Botón

Dibuja una forma de círculo con color # 706a6a.


Paso 22

Duplicamos la forma que acabamos de crear y configuramos su color en # d6c5c5. Cambiar el tamaño al 95%.


Paso 23

Una vez más, duplica la forma del círculo. Cambiar el tamaño al 95%. Añadir los siguientes estilos de capa.


Paso 24

Forma duplicada. Cambia el tamaño al 85%. Eliminar todo el estilo de capa anterior. Reemplázalos con estos estilos de capas..


Paso 25

Duplique la forma anterior y luego cambie su tamaño al 95%. Añadir los siguientes estilos de capa.


Paso 26

Ponga todas las capas de botones en un grupo. Alt-arrastrar grupo para duplicar el botón.


Paso 27: Aspectos destacados

Activa la herramienta de lápiz y establece su tamaño en 1 px. Dibuja 1 px línea blanca en algunas áreas. Elimine ambos extremos con un borrador de pincel suave grande y reduzca la opacidad de la capa al 40%.


Paso 28: Lámpara indicadora

Dibuja un círculo con el color # 706a6a y agrega Layer Style Drop Shadow.


Paso 29

Duplique la forma de círculo que acabamos de crear y elimine su Estilo de capa. Cambia el tamaño al 85%. Cambia su color a # d6c5c5?


Paso 30

Duplicar la forma de la capa (Comando / Ctrl + J). Cambia el tamaño al 75%. Añadir los siguientes estilos de capa.


Paso 31

Dibuja una forma de círculo más pequeña con el color # ebc358. Añadir los siguientes estilos de capa.


Paso 32

Establezca el color de primer plano en # ccb371 y luego use un cepillo suave para pintar el destello de la lente en la parte superior de la lámpara. Reduce la opacidad de la capa para mantener el efecto natural..


Paso 33

Coloque todas las capas que componen la lámpara dentro de un grupo seleccionándolas y presione Comando / Ctrl + G. Mantenga presionada la tecla Alt para arrastrar el grupo para duplicarlo. Haz este proceso dos veces hasta que tengamos dos lámparas y asegúrate de cambiar su color..


Paso 34: Osciloscopio

Dibuja una forma de círculo con el color # efe7e6. Añadir siguiente estilo de capa.


Paso 35

Duplica la forma del círculo y cambia su tamaño al 95%. Añadir los siguientes estilos de capa.


Paso 36

Duplique la forma del círculo anterior y cambie su tamaño al 92%..


Paso 37

Duplica la forma del círculo y cambia su tamaño al 75%. Cambiar los estilos de capa utilizados con la siguiente configuración.


Paso 38

Dibuja una línea de 1 px con el color # 5e4a49. Colócala en el centro del círculo..


Paso 39

Active la herramienta de selección de ruta y seleccione la línea. Presione Comando / Ctrl + Alt + T para duplicar y transformar la ruta de la línea. En la barra de opciones inserte 5 grados. Repetidamente, presione Comando / Ctrl + Shift + Alt + T para repetir el proceso de duplicación.


Paso 40

Repita este proceso hasta que las líneas formen un círculo completo, 360 grados.


Paso 41

Comando / Ctrl-clic en el último círculo que creamos en el Paso 37. Haga clic en el icono Agregar máscara de capa. Las líneas ahora van dentro del círculo..


Paso 42: Cubierta

Dibuja un rectángulo redondeado con el color # 956a0b. Dibuja otro rectángulo redondeado dentro de él y establece su modo en Restar..


Paso 43

Agregue una máscara de capa y pinte su parte inferior con negro para difuminarla en la base del comunicador. Añadir los siguientes estilos de capa.


Paso 44

Dibuja un rectángulo redondeado detrás de la forma anterior. Establece su color en # b79556. Añadir los siguientes estilos de capa.


Paso 45

Añadir forma de círculo en el camino. Establece su modo en Restar para crear un agujero dentro de la forma.


Paso 46

Selecciona el círculo. Transforme y duplique la ruta presionando Comando / Ctrl + Alt + T. Mueva el círculo duplicado hacia la derecha. Presione repetidamente Comando / Ctrl + Shift + Alt + T para repetir el proceso de duplicación hasta que tengamos una fila llena de agujeros. Dibuja más círculos en la segunda fila.


Paso 47

Selecciona todos los círculos. Pulsa Comando / Ctrl + Alt + T para transformarlos y duplicarlos. Presione la flecha hacia abajo unas cuantas veces.


Paso 48

Presione Comando / Ctrl + Shift + Alt + D repetidamente hasta que la forma esté completamente cubierta con agujeros.


Paso 49

Crea una nueva capa y configúrala como Máscara de recorte presionando Comando / Ctrl + Alt + G. Dibuja algunas sombras en la portada para mantenerla realista.


Paso 50

Duplique la forma básica del comunicador y cambie su color a # 493c45. Agregue un rectángulo redondeado en la parte superior y establezca su modo en Intersección. Añadir superposición de degradado de estilo de capa.


Paso 51

Acércate más a la forma para ver los detalles más cerca. Active la herramienta Pincel y seleccione un cepillo suave pequeño con una dureza del 0%. Crear nueva capa. Dibuja sutiles reflejos en la parte superior de la forma.


Paso 52: Tweak Highlights y sombras

Comando / presione Ctrl y haga clic en la forma básica del comunicador para hacer una selección basada en su forma. Seleccione un cepillo suave grande y luego pinte de negro en la parte inferior del comunicador. De esta manera, la apariencia del comunicador no es tan plana..


Paso 53

Acércate más para ver los detalles. Seleccione cepillo pequeño suave. Pintar blanco en algunas partes por sus reflejos..


Paso 54

Una vez más, pulse Comando / Ctrl y haga clic en la forma básica del comunicador. Pinta más sombras en algunas partes de abajo para que sea más oscuro y brillante..


Paso 55: Sombra

Dibuje la selección elíptica debajo del comunicador y rellénela con negro.


Paso 56

Elimine la selección presionando Comando / Ctrl + D. Haga clic en Filtro> Desenfoque> Desenfoque gaussiano para suavizar la sombra.


Paso 57

Duplicar la capa de sombra que acabamos de crear. Aplica otro Desenfoque Gaussiano presionando Comando / Ctrl + Alt + F pero esta vez usa un radio más grande.


Paso 58

Aquí está el resultado.


Imagen final

Finalmente, hemos terminado de dibujar este genial comunicador. También agregué un poco de texto usando la fuente Final Frontier. Espero que disfrutes este tutorial tanto como yo. Vivir mucho y prosperar.