¡Usando gradientes para hacer luz y sombra - y una taza de café!

En este tutorial, usaremos algunos círculos y degradados simples para hacer una taza de café desde arriba. El resultado final no es tan útil, pero el proceso es interesante..

Paso 1:

Comenzamos con un bonito degradado azul pastel. Tenga en cuenta que con el gradiente, he puesto la parte más clara en la parte superior derecha. Esto es importante porque estamos dando la impresión de que la luz viene de la parte superior derecha y esto decidirá qué dirección deben tomar los otros gradientes..

Encima de eso dibuja un círculo y rellénalo con blanco..

Paso 2:

A continuación, mantenga presionada la tecla Ctrl y haga clic en la capa para seleccionar sus píxeles, luego vaya a Seleccionar> Modificar> Contrato y use un valor de alrededor de 12px.

Paso 3:

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

Tenga en cuenta que vamos en esta dirección porque es lo contrario a donde proviene la luz de fondo. Esto se debe a que el gris oscuro instantáneamente nos da un poco de sombra, lo que hace que para un efecto 3D.

Etapa 4:

A continuación, mantenga presionada la tecla Ctrl y seleccione el círculo posterior, luego presione la tecla Alt y Ctrl para seleccionar el círculo frontal. Esto debería darle una selección que es solo el anillo como se muestra.

Ahora en este anillo, dibuja un Gradiente lineal desde la parte inferior izquierda hasta la parte superior derecha. De nuevo, esto hará que para un look 3D. Por si no lo habías adivinado, este es nuestro platillo..

Paso 5:

Luego, cree una capa en la parte inferior y presione Ctrl y haga clic en la capa del círculo original para seleccionarla, luego presione las flechas hacia abajo y hacia la izquierda varias veces y complete la selección con un azul más oscuro para hacer una sombra para nuestro platillo..

Como puede ver, la sombra está siendo proyectada por el platillo hacia abajo y hacia la izquierda, lo cual tiene sentido nuevamente porque la luz está en la parte superior y derecha.

Paso 6:

Ahora, en una nueva capa en la parte superior, presione Ctrl y haga clic en la capa de anillo y en nuestra nueva capa llénela de blanco. Luego, sin dejar de lado la selección, presione hacia abajo y hacia la izquierda dos veces y presione Eliminar. Esto dejará un poco de luz blanca..

Paso 7:

Ahora que hemos terminado el platillo, podemos comenzar con la taza.!

Así que creamos una nueva capa en la parte superior, dibujamos un círculo más pequeño y lo rellenamos con un gris muy claro..

Si no ha logrado alinear su círculo, está bien, simplemente seleccione todas las capas juntas y luego cambie a la herramienta de flecha (en realidad se llama la herramienta Mover (V) en Photoshop, pero probablemente lo sepa como el plano). (Flecha antigua), y verá en la parte superior de la pantalla, aparecen algunos botones de alineación. Puedes usar estos para alinear tus círculos juntos.

Paso 8:

Ahora, con la selección original aún activada, cree una nueva capa y vaya a Seleccionar> Modificar> Contrato y ponga un valor de aproximadamente 6 píxeles. Luego llene esa capa con un degradado lineal de gris oscuro a gris claro desde la parte superior derecha a la inferior izquierda. Al igual que con el platillo, nuevamente estamos haciendo sombras que son consistentes con la fuente de luz en nuestra imagen..

Paso 9:

Ahora en una nueva capa, dibuje otro círculo y rellénelo con un degradado lineal desde la parte superior derecha a la parte inferior izquierda, pasando de marrón oscuro a marrón claro. Como se mencionó anteriormente, puede alinearlos usando las herramientas de alineación de capas.

Tenga en cuenta que es mejor dibujar un nuevo círculo, ya que si contrata las selecciones del círculo demasiado, empiezan a ponerse un poco raros. Esto se debe a la forma en que Photoshop utiliza píxeles en lugar de una ruta del círculo..

Paso 10:

A continuación, use la herramienta Rectángulo redondeado (U) para dibujar una forma como se muestra en una nueva capa. Tenga en cuenta que dejé caminos para poder realizar una captura de pantalla correctamente, pero en realidad solo necesita la forma.

Paso 11:

A continuación, elija la herramienta de quemado (O) y con un cepillo suave y mediano, solo cepille el borde más cercano a la taza de café para darle un poco de sombra, como se muestra. También puedes darle un poco (menos) de sombra al otro lado de la forma, pero asegúrate de que haya luz en el medio.

Paso 12:

Ahora vaya a Editar> Transformar> Perspectiva y transforme la forma como se muestra. Este va a ser el mango de nuestra copa..

Paso 13:

Ahora presione Ctrl y haga clic en la capa de control para seleccionar sus píxeles, vaya a Seleccionar> Modificar> Expandir y use un valor de 1px. Luego, en una capa debajo de la capa de la manija, rellene su selección con blanco. Luego presione Ctrl + D para deseleccionar y luego presione la flecha derecha dos veces para moverlo hacia la derecha. Esto es sólo para dar a nuestro mango un poco de un resaltado blanco delgado.

Paso 14:

Ahora presione Ctrl y haga clic en la capa de control y, en una nueva capa, complete la selección con gris oscuro. Luego presione CTRL + T para transformar la nueva capa como se muestra para que esté en ángulo. Luego coloca esa capa debajo de la capa del mango.

Paso 15:

Ahora presione Ctrl y Shift juntos y haga clic en todas las capas de copa para seleccionar los píxeles para todos ellos juntos. Rellene esa capa con un gris claro como se muestra (tenga en cuenta que la he movido hacia la izquierda y hacia abajo para que esté visible). Asegúrese de que esta capa esté en la parte inferior de todas las capas de copa, pero antes de las capas de platillo. Es la sombra de la copa.

Paso 16:

Establezca su última capa en Multiplicar y 30%, luego presione Ctrl + T para transformar la capa y rotarla un poco como se muestra..

Paso 17:

Finalmente añadiremos un poco de vapor. Cree una nueva capa en la parte superior y con un pincel grande y suave, pinte un poco de blanco en algunas formas al azar como se muestra.

Paso 18:

Ahora vaya a Filtro> Distorsionar> Onda para distorsionar el blanco en una forma de humo. Realmente no entiendo este filtro y generalmente solo juego con la configuración hasta que obtengo el efecto que estoy buscando. ¡Por lo general, esto implica un poco de prueba y error y presionar los botones de Randomize! Lo siento, no tengo una mejor explicación de ese paso. Por suerte, la herramienta Wave es tan útil que probablemente es bueno para ti jugar un poco con ella y aprender cómo funciona..

Paso 19:

Finalmente, configure nuestra nueva capa de humo en Superposición para hacerlo un poco más sutil y listo.!

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