Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Effects

Uso de degradados para crear luces y sombras, ¡y una taza de café!

by
Read Time:6 minsLanguages:

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

En este tutorial, haremos uso de algunos círculos y degradados simples para crear una taza de café vista desde arriba. El resultado final no es tan útil, pero el proceso es interesante en todo caso.

Paso 1:

Comenzamos con un bonito degradado azul pastel. Observa que, con el degradado, he colocado la parte más clara en la esquina superior derecha. Esto es importante porque estamos dando la impresión de que la luz proviene de la parte superior derecha, y esto determinará en qué dirección deben ir los otros degradados.

Dibuja un círculo encima del degradado y rellénalo de blanco.

Paso 2:

A continuación, mantén presionada la tecla Ctrl y haz clic en la capa para seleccionar sus píxeles, luego ve a Selección > Modificar > Contraer y usa un valor de alrededor de 12 px.

Paso 3:

Luego, en una capa nueva, crea un degradado lineal sutil de gris claro a blanco, desde la parte superior derecha hasta la parte inferior izquierda.

Ten en cuenta que vamos a usar esta dirección porque es opuesta a la dirección de la que proviene la luz de fondo. Esto se debe a que el gris oscuro nos proporciona instantáneamente un poco de sombra, lo que crea un efecto tridimensional.

Paso 4:

A continuación mantén presionada la tecla Ctrl y selecciona el círculo posterior, luego presiona las teclas Alt y Ctrl para seleccionar el círculo frontal. Esto debería darte como resultado una selección que solamente corresponde al anillo, como se muestra a continuación.

Ahora, crea un degradado lineal en este anillo que vaya de la parte inferior izquierda hasta la parte superior derecha. Nuevamente, esto dará como resultado una apariencia tridimensional. En caso de que no lo hayas adivinado, este es nuestro platillo.

Paso 5:

A continuación crea una capa en la parte inferior y presiona Ctrl-clic en la capa del círculo original para seleccionarlo, luego presiona las teclas de flecha hacia abajo e izquierda varias veces y rellena la selección con un azul más oscuro, para crear una sombra para nuestro platillo.

Como puedes ver, el platillo está proyectando una sombra que va hacia abajo y a la izquierda, lo que tiene sentido nuevamente, ya que la luz se encuentra en la parte superior derecha.

Paso 6:

Ahora, en una capa nueva colocada en la parte superior, presiona Ctrl-clic sobre la capa del anillo y rellénalo de blanco en nuestra capa nueva. Después, sin soltar la selección, presiona las teclas de flecha hacia abajo e izquierda dos veces y presiona la tecla Suprimir. Esto dejará un pequeño destello blanco.

Paso 7:

Ahora que tenemos el platillo terminado, ¡podemos comenzar con la taza!

Así que vamos a crear una capa nueva en la parte superior, dibujemos un círculo más pequeño y rellenémoslo con un gris muy claro.

Si no lograste alinear tu círculo, no hay problema, simplemente selecciona todas las capas, luego cambia a la herramienta flecha (en realidad se llama herramienta Mover (V) en Photoshop, pero probablemente la conozcas como la vieja flecha) y verás que, en la parte superior de tu pantalla, aparecerán algunos botones de alineación. Puedes usarlos para alinear tus círculos.

Paso 8:

Ahora, con la selección original aún activa, crea una capa nueva, ve a Selección > Modificar > Contraer y coloca un valor de aproximadamente 6 px. Luego rellena esa capa con un degradado lineal de gris oscuro a gris claro, que vaya de la parte superior derecha a la parte inferior izquierda. Al igual que con el platillo, nuevamente estamos creando sombras que son consistentes con el lugar del que proviene la luz en nuestra imagen.

Paso 9:

Ahora, en una capa nueva, dibuja otro círculo y rellénalo con un degradado lineal, comenzando desde la parte superior derecha y hasta la parte inferior izquierda, yendo de un color café oscuro a un color café claro. Como mencioné anteriormente, puedes alinear estos círculos usando las herramientas de alineación de capas.

Ten en cuenta que es mejor dibujar un círculo nuevo, ya que, sin contraes demasiado las selecciones de los círculos, estas comienzan a verse un poco extrañas. Esto se debe a la forma en la que Photoshop usa los píxeles, en lugar de usar un trazo del círculo.

Paso 10:

A continuación usa la herramienta Rectángulo redondeado (U) para dibujar una forma en una capa nueva, como se muestra a continuación. Observa que dejé los trazos para poder crear una captura de pantalla adecuada, pero en realidad solamente necesitas la forma.

Paso 11:

Luego elige la herramienta Subexponer (O) y, usando un pincel suave mediano, simplemente pinta sobre el borde más cercano a la taza de café para darle un poco de sombra, como se muestra a continuación. También puedes darle un poco menos de sombra al otro lado de la forma, pero asegúrate de que tenga un color claro en la parte media.

Paso 12:

Ahora ve a Edición > Transformar > Perspectiva y transforma la forma como se muestra a continuación. Esta será el asa de nuestra taza.

Paso 13:

Ahora presiona Ctrl-clic en la capa del asa para seleccionar sus píxeles, ve a Selección > Modificar > Expandir y usa un valor de 1 px. Luego, en una capa debajo de la capa del asa, rellena tu selección de color blanco. Después presiona Ctrl+D para deseleccionar y luego presiona la tecla de flecha derecha dos veces para moverlo a la derecha. Esto es solamente para darle al asa un ligero y delgado destello blanco.

Paso 14:

Ahora presiona Ctrl-clic en la capa del asa y, en una capa nueva, rellena la selección de gris oscuro. Luego presiona Ctrl+T para transformar la capa nueva, como se muestra a continuación, para que esté inclinada. Después coloca esa capa debajo de la capa del asa.

Paso 15:

Ahora presiona Ctrl y Shift al mismo tiempo y haz clic en todas las capas de la taza para seleccionar los píxeles de todas ellas. Rellena esa capa de gris claro como se muestra a continuación (observa que la moví a la izquierda y hacia abajo para que sea visible). Asegúrate de que esta capa se encuentre abajo de todas las capas de la taza, pero antes de las capas del platillo. Se trata de la sombra de la taza.

Paso 16:

Configura tu capa más reciente con un modo de fusión de multiplicar y 30%, luego presiona Ctrl+T para transformar la capa y girarla un poco, como se muestra a continuación.

Paso 17:

Finalmente vamos a agregar un poco de vapor. Crea una capa nueva en la parte superior y, usando un pincel suave grande, pinta algunas formas aleatorias de blanco, como se muestra a continuación.

Paso 18:

Ahora ve a Filtro > Distorsionar > Onda para distorsionar el blanco, de manera que tenga forma de humo. Realmente no entiendo este filtro, y generalmente solo juego con la configuración hasta que obtengo el efecto que estoy buscando. Esto generalmente implica un poco de prueba y error ¡y hay que presionar mucho el botón Aleatorio! Lo siento, no tengo una mejor explicación para este paso. Afortunadamente, la herramienta Onda es tan útil que probablemente sea bueno que juegues un poco con ella y que aprendas cómo funciona.

Paso 19:

Finalmente, configura nuestra nueva capa de humo con un modo de fusión de superposición para que sea un poco más sutil, ¡y listo!

Como mencioné al principio, el resultado de este tutorial no es particularmente útil, pero es un interesante experimento de luces y sombras, que son útiles de aprender para tus composiciones generales.

One subscription.
Unlimited Downloads.
Get unlimited downloads