Como dibujar un reloj en Photoshop

Es posible que te sorprendas de cuánta gente usa Photoshop para hacer una maqueta de sus diseños industriales. De hecho, Photoshop es una herramienta muy popular entre los diseñadores de moda y joyería. En el tutorial de hoy, usaremos estilos de capa y sombreado para producir una representación realmente buena de un reloj analógico en Photoshop.

Paso 1

Primero necesitas configurar algún tipo de prototipo que puedas usar como guía de diseño para dibujar. Aquí tenemos un plano simple de la forma del reloj que está listo para dibujar en las capas de arriba. Este plano se creó utilizando formas básicas con la herramienta de trazo en Adobe Illustrator y se puede descargar con los archivos de origen para este tutorial.

Una vez que hayas creado tu prototipo, debes abrir Photoshop y establecer el tamaño del lienzo. Después de eso, simplemente arrastra la forma vectorial desde Illustrator al lienzo de Photoshop. Haz clic derecho en la capa vectorial y rasteriza. Presiona el número 5 en tu teclado para establecer la opacidad de la capa en un 50% y eso es todo, tienes tu conjunto de plantillas.

Paso 2

Ahora empieza a renderizar capa por capa, de abajo hacia arriba. Debes crear nuevas capas para cada elemento, así que recuerda que el comando para hacer una nueva capa es Ctrl + Shift + N, nombra tus capas para que puedas encontrarlas más adelante; ya que habrá bastantes para cuando termines.

Paso 3

Crea una nueva capa llamada "lado", selecciona la herramienta Pluma o presiona la P en tu teclado. Con la herramienta Pluma, haz clic en el punto de anclaje y dibuja el trazo. Después de eso, haz clic en la Herramienta de selección de trazo (A) y haz clic con el botón derecho en el trazo recién formado y selecciona Hacer selección.

Paso 4

Haz clic en la herramienta Pincel (B), selecciona el color blanco en la paleta de colores y pinta la selección de blanco. (Ctrl - D) para remover la selección, presiona (F7) en el teclado para abrir la ventana de capas y haz clic en el botón Bloquear píxeles transparentes en la parte superior.    Selecciona la herramienta Degradado (G), gris oscuro en la paleta de colores y haz gradientes en los lados superior e inferior del área pintada. Duplica los lados de la capa y gírala verticalmente, arrástrala hacia abajo para alinearla con el plano azul. Usa la misma técnica para crear otros elementos en esta ilustración.

Paso 5

Haz clic en la herramienta Elipse o presiona (Shift + U), dibuja un círculo blanco sobre el plano, selecciona la herramienta Degradado (G), gris oscuro y arrastra el degradado desde la parte inferior, para obtener una apariencia similar al círculo de abajo.

Paso 6

Con la herramienta Elipse (Shift + U) y la herramienta Degradado (G), dibuja círculos blancos, agrega un degradado gris de abajo hacia arriba y de arriba a abajo para obtener la ilusión de profundidad. El círculo central debe ser negro sólido. Para cada uno de estos círculos, aplica Brillo exterior, ve a Capa> Estilo de capa> Brillo exterior para obtener un anillo blanco suave y un aspecto más metálico. Jugar con los gradientes es algo que debes hacer en esta fase.

Paso 7

Presiona (F7) en tu teclado, selecciona Capa guía y arrástrala a la parte superior de la lista. Así puedes ver qué detalles debes dibujar. Bloquea la capa y crea una nueva capa sobre ella (Ctrl + Shift + N), asígnale el nombre de "tornillos".    Ahora debes dibujar 8 tornillos alrededor del cuerpo del reloj. Esto lo harás haciendo uno y luego duplicando y ubicandolos alrededor del cuerpo del reloj. 

Paso 8

Selecciona la herramienta Pluma o pulsa (P) en tu teclado. Luego, selecciona el trazo con la Herramienta de selección directa (A), haz clic con el botón derecho en el trazo, Hacer selección. Selecciona la herramienta Pincel (B) y selecciona un gris oscuro de la paleta de colores y colorea la selección. Luego usa negro en los bordes para darle algo de profundidad. Debería verse como la imagen de abajo.

Paso 9

Selecciona Capa de tornillo, presiona (Ctrl + N) para crear una nueva capa arriba y asígnale el nombre "cierre de tornillo". Selecciona la herramienta Elipse (Shift + U), color blanco de la paleta y dibuja un círculo para el tornillo. Luego aplica un degradado de abajo hacia arriba, con un color gris oscuro. Haz un círculo más pequeño arriba siguiendo los mismos pasos y ve a Edición> Transformar> Vertical. Sobre este pequeño círculo, dibuja el hexágono en un color gris oscuro y aplica estilo de capa de sombra interior (Capa> Estilo de capa> Sombra interior). Voila, tienes un tornillo.   

Paso 10

Presiona (Ctrl + R) para que aparezca la regla, haz clic en el círculo negro sólido para seleccionarlo, asegúrate de que los controles Seleccionar capa automáticamente y Mostrar transformación estén habilitados en las opciones de la herramienta de selección. Haz clic en la regla horizontal y arrastra una línea guía hacia el centro del círculo, haz lo mismo para la línea de guía vertical. Ahora tienes el centro de rotación de los tornillos.    

Paso 11

Haz clic en la herramienta Mover o (V), mientras mantienes presionada la tecla Shift. Haz clic en todos los elementos del tornillo (sombra, dos círculos y hexágono), ahora ve a Capa> Nuevo> Grupo de capas, introduce el nombre del grupo.    Presiona (F7) para abrir la ventana de Capa y duplicar el grupo 7 veces. Así que tienes 8 capas de grupos de tornillos.   Selecciona un grupo y arrastra el centro de rotación (la pequeña cruz en el centro del grupo) hasta el centro del reloj, donde las líneas de guía se cruzan entre sí. Ahora presionando la tecla (Shift) gira el grupo. Haz esto para todos los grupos hasta que esten alrededor del cuerpo del reloj.

Paso 12

Después de duplicar y colocar alrededor del cuerpo del reloj, deberás fijar los tres tornillos inferiores, voltear los círculos verticalmente debido a las sombras y pintar el fondo con el gris más oscuro para que coincida con la sombra del anillo del cuerpo.

Paso 13

Ahora vas a dibujar la correa del reloj. Presiona (F7) para abrir la ventana de Capa y selecciona capa de fondo en la parte inferior, haz una nueva capa presionando (Ctrl + Shift + N), nombra la nueva capa "pulsera". Selecciona la herramienta Pluma (P) y dibuja el trazo de las partes de una pulsera, punto por punto. Luego usa la Herramienta de selección directa (A) y haz clic con el botón derecho en el nuevo trazo, en el menú, selecciona Realizar selección. Usa la herramienta Pincel (B) y selecciona el color blanco de la paleta de colores, luego pinta la selección de blanco. Usa la herramienta de degradado con el color gris oscuro seleccionado y haz algunos degradados como se muestra en la imagen de abajo.

Paso 14

Usa la herramienta Pincel (B) y selecciona el color blanco de la paleta de colores, luego pinta la selección de blanco. Usa la herramienta de degradado con un color gris oscuro seleccionado para hacer algunos degradados como se muestra en la imagen de abajo.

Paso 15

Abre la ventana de Capa (F7) y selecciona la ventana de la pulsera. Presiona la tecla Ctrl y haz clic en la miniatura de la capa para hacer la selección de la forma de la capa. Ve a Seleccionar> Modificar> Contraer e ingresa 3 px en el campo de entrada, haz clic en Aceptar.

Paso 16

(Ctrl + C) para copiar la selección, (Ctrl + V) para pegarla en una nueva capa. Bloquea los píxeles transparentes y con la herramienta Degradado (G) agrega más sombras, para que tu pulsera se vea como la imagen de abajo.

Paso 17

Abre la ventana de Capas con (F7) y nombra la nueva capa “pulsera superior”, selecciona las Capas (Ctrl-Clic) y ve a Capa> Nueva> Grupo de capas, nombra el grupo “parte superior de la pulsera” y duplicalo tres veces ( Haz clic derecho en la capa del grupo y haz clic en Duplicar grupo).  

Paso 18

Ahora, una por una, agrupalas y arrastralas a la posición de acuerdo a la capa de guía de planos. Luego, selecciona los tres grupos, duplícalos y ve a Edición> Transformar> Voltear vertical para reflejarlos verticalmente. Ahora deberías tener tus pulseras terminadas.

Paso 19

En este paso, crearás un botón para ajustar la hora en el reloj. Abre la ventana de Capa (F7), selecciona la capa de fondo, (Ctrl + Shit + N) para hacer una nueva Capa, ponle el nombre "botón" y selecciona la herramienta Pluma (P), dibuja el trazo del botón. Usa la herramienta de selección directa (A), haz clic con el botón derecho en el trazo, haz una selección y usa el pincel (B) para pintar la selección en  blanco. Luego usa la herramienta Degradado (G) y el color gris oscuro para configurar los degradados en la parte superior e inferior del botón, para que se vea un poco más tridimensional.

Paso 20

Seguirás trabajando un poco más en el botón. Selecciona la capa del botón, (Ctrl-Clic) en la miniatura de la capa para seleccionarla, ahora haz clic en la herramienta Marco  Rectangular (M) y asegúrate de que esté configurada para Sustraer la selección, elimina el lado izquierdo. Ahora selecciona la herramienta Degradado (G) y con el color gris oscuro haz un pequeño degradado de derecha a izquierda.

Paso 21

(Ctrl + Shift + N) para crear una nueva capa para sombras, la herramienta Degradado (G), selecciona un color gris oscuro y realiza un pequeño toque de degradado de izquierda a derecha.

Paso 22

Ahora es el momento de comenzar a trabajar en la parte interna del reloj. Abre la ventana de Capas presionando (F7), seleccione la capa Guía y házla visible. Debe estar por encima de todas las otras capas. (Ctrl + Shift + N) para crear una nueva capa, llámala "círculo". Con la herramienta Elipse (Shift + U) dibuja un círculo blanco en la parte inferior y con la herramienta Degradado (G) y el color gris oscuro, haz las sombras superiores mas oscuras y las inferiores mas brillantes. En la parte superior de esto, haz una Nueva Capa y dibuja un círculo negro sólido. Abre la ventana de Capas (F7), mantén presionada la tecla Ctrl y haz clic en la capa del círculo y una arriba (círculo negro sólido) y ve a Capas> Nuevo> Grupo de capas, asígnale el nombre Cronometro.    En la ventana de Capa, haz clic derecho en Cronometro y duplica el Grupo dos veces. Arrástralo a las posiciones como en la imagen de abajo.

Paso 23

Ahora harás marcas de tiempo por cada hora. (Ctrl + Shift + N) para crear una nueva capa y denominarla "triángulo", luego selecciona la herramienta Polígono (Shift + U) en el menú superior para ver las opciones de la herramienta Polígono, coloca el número 3 en el campo de entrada.      Dibuja el triángulo en la parte superior del anillo del reloj donde debería estar el número 12. Duplica la capa del triángulo 11 veces, de modo que tengas 12 triángulos en el mismo lugar, uno encima del otro.

Paso 24

Todo lo que tienes que hacer ahora es seleccionar cada triángulo uno por uno y girarlo 30 grados. Como 360 grados es en un círculo completo, debes dividir eso en 12 y el resultado es 30. Selecciona un triángulo con la herramienta Mover (M), ve a Edición> Transformar> Rotar, ahora debes configurar el centro de rotación en el centro de el reloj, mantén presionada la tecla Alt y arrastra el círculo con la cruz desde el centro del triángulo hasta el centro del reloj, introduce 30 en el campo de grados. El triángulo seleccionado se rotará 30 grados. Sigue este paso para todos los triángulos, agregando 30 por cada triángulo (30, 60, 90, 120, etc.). Después de eso debes tener triángulos alrededor de todo el reloj.

Paso 25

Ctrl + Shift + N, crea una nueva capa y asígnale el nombre de rectángulo, selecciona la Herramienta de Rectangulo (Shift + U) y dibuja el rectángulo negro a la misma altura que el triángulo. Ve a Edición> Transformar> Rotar y gíralo 15 grados. Luego duplica esta capa 11 veces, de modo que tengas 12 rectángulos uno encima del otro y sigue los mismos pasos que en el Paso 24, con una rotación de 30 grados para cada rectángulo. Eso te dará 12 rectángulos alrededor del anillo del reloj.    Abre la ventana Capa con F7 y selecciona todas las capas de rectángulo y triángulo, haz clic con el botón derecho y selecciona Convertir en objeto inteligente, haz clic con el botón derecho y rasteriza. Esto hace que todos los círculos y triángulos sean un objeto.

Paso 26

Abre la ventana Capa (F7) manteniendo presionada la tecla Ctrl, selecciona todas las capas de triángulos y todas las capas de rectángulo, haz clic con el botón derecho y selecciona Convertir en objeto inteligente, haz otro clic derecho y rasteriza. Esto hace de todos los círculos y triángulos un objeto. Ve a Capa> Estilo de capa> Resplandor externo y establece los parámetros como se muestra en la siguiente imagen. Esto le dará a las marcas una mayor profundidad y un aspecto 3D, como si estuvieran grabados en el metal.

Paso 27

Selecciona la Capa marcas y duplícala, ve a Edición> Transformar> Escalar, y disminuye hasta el tamaño de los anillos pequeños. Duplícala 2 veces más y arrastra a las posiciones como en la imagen. (F7) para abrir la ventana de Capa y selecciona las capas de pequeñas marcas duplicadas, haz clic derecho en una por una y borra el estilo de capa en el menú emergente.

Paso 28

Descarga esta textura de metal cepillado y selecciona la Herramienta de marco elíptico (M) para seleccionar el área del círculo. (Ctrl + C) vuelve a nuestro archivo de reloj y (F7) para abrir la ventana de Capa, selecciona la capa superior en la lista y (Ctrl + V) para pegar la textura. Ve a Edición> Transformar> Escalar y hazlo un poco más chico que los pequeños círculos negros para el cronometro. Duplica la capa de textura tres veces y arrastra el círculo con textura a las posiciones.

Paso 29

(Ctrl + Shift + N) para crear una nueva capa y asígnale el nombre "anillo", y configúrala para que se llene al 0%

Paso 30

Selecciona la capa del anillo, ve a Capa> Estilo de capa> Trazo y configura las propiedades como se muestra en la ventana de abajo. Luego duplica la capa “anillo” dos veces y arrastra los anillos circulares rojos a las posiciones de los otros dos círculos del cronometro.

Paso 31

(F7), crea una nueva capa llamada números, usa la herramienta Texto (T), escribe números de color rojo como en la imagen y arrástralos a las posiciones. Establece el modo de fusión de capas en Multiplicar.

Paso 32

Crea una nueva capa (Ctrl + Shift + N) y llámala mantissa. Haremos tres de ellas para tres círculos pequeños. Con la herramienta de lápiz (P) dibuja la forma de una mantissa, usa la Herramienta de selección directa (A) Haz clic derecho en el trazo y selecciona Rellenar trazo> Aceptar. Ahora dibuja un círculo pequeño con la herramienta Elipse (Shift + U) y selecciona estos dos objetos y combínalos en un Objeto Inteligente> Rasterizar. Haz una nueva capa y con la herramienta Elipse dibuja un pequeño círculo oscuro sobre la mantissa.

Paso 33

Selecciona la mantissa y presiona (F7) para abrir la ventana de Capa, selecciona la capa de la mantissa, (Ctrl-Clic) en la miniatura de la capa para hacer la selección, usa la herramienta Marco Rectangular (M) con la opción Sustraer de la selección activada y borra la mitad de la selección. Usa la herramienta de degradado (G) con un color gris brillante y haz un degradado pequeño, casi un píxel. Así que ahora tienes un poco de borde en el medio de la mantisa. Ve a Edición> Transformar> Rotar, y gira la mantissa hasta cierto punto. Duplica esta capa de mantisa dos veces y arrástralas a las posiciones. A la izquierda, debes seleccionar e ir a Edición> Transformar> Rotar horizontalmente para obtener sombras realistas.   

Paso 34

Ahora haremos algunos anillos alrededor de los círculos del cronometro para obtener algo de profundidad. Abre la ventana de Capa (F7), selecciona el anillo de metal del cronometro y haz una Nueva Capa debajo. Selecciona La Herramienta de Elipse (Shift + U) y dibuja unos píxeles más grandes, círculo de color blanco. (F7), selecciona la capa del círculo, Bloquea los píxeles transparentes y selecciona la herramienta Degradado (G), del color gris oscuro a transparente y haz algunas sombras de abajo hacia arriba. Agrega algunos degradados blancos en el medio para obtener un aspecto más metálico. Duplica la capa dos veces y ponla en posición.

Paso 35

Vuelve a usar la textura del círculo de metal cepillado, recorta el círculo y pégalo en el archivo del reloj sobre el círculo negro del fondo del reloj. Usa Edición> Transformar> Escala, para escalar hasta el tamaño del círculo negro. (F7) para seleccionar la Capa y establecer la opacidad al 45%. Capa> Estilo de capa> Sombra interior y configura los parámetros como se muestra en la siguiente imagen. A continuación, sigue los mismos pasos para la configuración de Resplandor exterior.

Paso 36

Usa la Herramienta de Texto con el color de Fuente blanco para agregar algunos números como se muestra a continuación. Haz clic derecho en la capa de número y rasteriza. Luego, mientras esta seleccionada la capa Bloquea los píxeles transparentes (en la parte superior de la ventana de capa) y con la herramienta Degradado (G), haz un poco de degradado en el número para una apariencia más realista.    Mientras está seleccionada, ve a Capa> Estilo de capa> Sombra paralela y configura una sombra pequeña.

Paso 37

El proceso de hacer mantissas grandes para las horas, minutos y segundos es el mismo que para las pequeñas. Así que dibuja con la herramienta Pluma (P), con la Herramienta directa (A) Haz clic con el botón derecho en el trazo, Realiza la selección, pinta con la Herramienta Pincel (B), con la herramienta de Marco Rectángular (M) anula la selección de la mitad de la mantissa, usa la herramienta Degradado ( G) de  gris oscuro a transparente para añadir algo de sombra. (Ctrl + D) para deseleccionar todo, ve a Capa> Estilo de capa, Sombra paralela. Ve a Capa> Estilo de capa> Resplandor interior. Ese es el proceso. Dibuja un pequeño círculo blanco con la herramienta Elipse (Shift + U) y agrega un pequeño degradado con gris brillante desde la parte superior. Tienes la mantissa hecha.

Paso 38

Duplica la capa mantissa, (F7) abre la ventana Capa y haz clic con el botón derecho en duplicar mantissa, selecciona Copiar Estilo de Capa, luego haz lo mismo pero seleccionando Borrar Estilo de Capa. Selecciona la herramienta Marco Rectangular (M) y selecciona los 2/3 superiores de la mantissa. (Ctrl + X) para Cortar y (Ctrl + V) para pegar la parte, arrástrala hacia abajo para que quede más corta. Selecciona esas dos partes y en la Ventana de capa (F7) Haz clic con el botón derecho y luego pulsa Convertir en objeto inteligente, nuevamente haz clic con el botón derecho y Rasteriza. Ve a Edición> Transformar> Voltear horizontalmente. Ve de nuevo a Editar> Transformar> Girar, (Alt + arrastrar) el centro de rotación y gira la mantisa hasta cierto punto. Abre la ventana de capa (F7), selecciona la capa de la mantissa, haz clic derecho sobre ella, pega el estilo de capa.

Paso 39

Con la herramienta Pluma (P) y la Herramienta de dibujar Elipse (Mayús + U) dibuja las segundas mantisas en color rojo. Abre la ventana de capa, haz clic derecho en la capa de la mantissa, y selecciona Pegar estilo de capa, ve a Capa> Estilo de capa> Resplandor interior y desactivalo. No lo necesitas en las segundas, son demasiado delgadas.

Paso 40

Crea una nueva capa (Ctrl + Shift + N), llámala "Cristal", dibuja un círculo blanco con la herramienta Elipse (Shift + U) y con la herramienta  de Degradado (G) configurada en Radial agrega un poco de tono gris en el centro.

Paso 41

En la ventana de capa, establece el Relleno de capa en 0%. Y ve a Capa> Estilo de capa> Resplandor interior. Luego, mientras aún estás en la misma ventana, verifica también el Satinado y configuralo como en las imágenes.

Paso 42

Haz Nueva Capa y agrega un poco de reflejo para el Cristal. Crea una nueva capa en la parte posterior del reloj, con la herramienta Pluma (P) dibuja un trazo alrededor del reloj y rellena la selección con color negro. (Ctrl + D) para deseleccionar todo. Ve a Efectos> Desenfocar> Desenfoque de movimiento y configura el parámetro de desenfoque en 20. Presiona el 5 en el teclado para configurar la opacidad en 50%.

Paso 43

(Ctrl + Shit + N), haz una nueva capa, nómbrala obscuro y selecciona la herramienta de degradado (G), con negro a transparente, haz un degradado en la parte inferior de la composición y uno en la parte superior. Así escondes los extremos de la pulsera. Ve a la capa de fondo y ve a Imagen> Ajustes> Brillo / Contraste, y haz que la capa de fondo sea más obscura, para que el diseño del reloj pueda resaltar. En la ventana de capas, arrastra la capa de guía hacia abajo a un lugar sobre el fondo, luego ve a Edición> Transformar> Escalar, incrementa un poco el u y presiona 3 en el teclado para establecer la transparencia al 30%. Eso le da a la presentación un poco de aspecto técnico.

Conclusión

Eso es todo. Espero que hayas aprendido algunos consejos interesantes en este tutorial. Podrías usar esta técnica para hacer una plantilla para más diseños. Gracias por tu tiempo. ¡Salud!