Crear un tablón de anuncios con sombras realistas, Parte II

Las sombras y las luces pueden hacer o deshacer una composición. Los tableros de anuncios (o paneles de corcho) son tipos populares de gráficos para usar en diseños web e impresos, pero a menudo se ven poco realistas debido a la forma en que están iluminados y sombreados. En el tutorial de hoy, demostraremos cómo crear una textura de madera y luego cómo crear sombras y luces de apariencia auténtica utilizando los objetos de naturaleza muerta que incluiremos en nuestra pizarra. Continuemos esta serie (o saltemos a la Parte I para comenzar), y coloquemos más elementos en nuestro tablero y finalicemos este diseño.

Paso 12 - El Pin y destacados

Ahora necesitaremos un alfiler para pegar el papel en el panel de corcho..

Consejo: mantenga presionada la tecla MAYÚS mientras arrastra una selección con la herramienta Marquee para hacer que la selección sea proporcional.

Cree una nueva capa, seleccione la herramienta Elíptica, marque una selección de círculo y complete la selección con cualquier color, elegimos el negro como se muestra a continuación:

En las Opciones de fusión de la capa de pines, coloque una Superposición de degradado en el pin (Control deslizante del primer degradado: # 9a9600, Control deslizante del segundo degradado: # e2dc00).

La imagen de abajo es el resultado..

Vamos a dar detalles sobre el pin. Aplique un brillo interno en el pin (Modo de fusión: Pantalla, Opacidad: 40%, Color de resplandor: # ffffc8, Tamaño: 7 px).

Haga una nueva capa en la parte superior del pin, presione CTRL o CMD + HAGA CLIC en la miniatura de la capa del pin y con la herramienta Pincel (tamaño: 20 px suave), pinte un punto blanco en la parte superior del pin dentro de la selección para representar un realce.

Paso 13 - El Pin - Sombras

Ahora, vamos a darle la primera sombra al pin. Coloque una Sombra en el pin (Opacidad: 14%, Ángulo: 90 grados, Distancia: 1px, Spread: 0%, Tamaño: 2px). Agregar solo una sombra al pin no es suficiente, así que vamos a agregar una segunda sombra.

Cree una nueva capa debajo de la capa "pin" y cámbiele el nombre como "pin shadow". Dibuje una selección de marco elíptica y rellénela con negro. Vaya a Filtro> Desenfocar> Desenfoque de Gassian (Radio: 5.1 píxeles).

Duplique la capa "sombra de alfiler" y use la Herramienta de transformación libre (CTRL o CMD + T) para cambiar el tamaño de la sombra para que sea más larga y más estrecha y disminuya la opacidad hasta que parezca realista..

Siga duplicando las capas de sombra, redimensionándolas y reduciendo su opacidad hasta que las sombras del pin se vean lo suficientemente auténticas..

La imagen de abajo es el resultado que desea obtener..

Paso 14 - La Fotografía

Las técnicas utilizadas para crear los aspectos destacados de la foto de la Ópera de Sydney son similares a las utilizadas en el Paso 8 - El documento - Aspectos destacados.

Paso 15 - El palito de paleta

Con la herramienta Rectángulo redondeado, cree un contorno de paleta (Radius: 10px), haga clic con el botón derecho, seleccione Crear selección y complete la selección con el color # b9752a.

Vaya a Filtro> Ruido> Agregar ruido (Cantidad: 28.33%). CTRL o CMD + HAGA CLIC EN la miniatura de la capa de paleta, vaya a Filtro> Desenfocar> Desenfoque de movimiento (Ángulo: 90 grados y Distancia: 21 píxeles). Vaya a Filtro> Galería de filtros> Grano de película (Grano: 3, Área resaltada: 6, Intensidad: 2).

Aplique una Sombra en esta capa (Opacidad: 32%, Ángulo: 90 grados, Distancia: 2px, Extensión: 0%, Tamaño: 1px).

Luego, aplique una Sombra interior en esta misma capa (Color de sombra: # 784206, Opacidad: 100%, Ángulo: 90 grados, Distancia: 1px, Extensión: 0%, Tamaño: 5px).

Duplique esta capa, baje la opacidad de la nueva capa al 10% y agrupe estas dos capas.

Duplique este grupo para hacer otra paleta de paleta y cree la letra 'A' girando las dos paletas de paleta con la herramienta Transformación gratuita.

La imagen de abajo es el resultado..

Paso 16 - El palito de paleta - El pegamento

Elija la herramienta de pincel (Brush Master Diameter: 9px hard). Haz que el color de primer plano sea blanco y dibuja un poco de pegamento en el palito de paleta..

Dale al pegamento una Superposición de degradado (Control deslizante del primer degradado: # b9b9b9 y Control deslizante del segundo degradado: #ffffff), una Sombra paralela (Opacidad: 48%, Ángulo: 90 grados, Distancia: 1px, Extensión: 0%, Tamaño: 1px) y Baja la opacidad de esta capa al 40%..

Dibuja un poco más de pegamento para darle un aspecto desbordante si quieres.

La imagen de abajo es el resultado..

Paso 17 - El palito de paleta - Rómpelo

Ahora, cree el vástago de puente de la letra 'A' duplicando otro palo de paleta y girándolo.

Después de eso, seleccione todas las capas de paletas de paleta, haga clic con el botón derecho y seleccione "Combinar capas". Elija la herramienta Pluma y dibuje algunas líneas en zigzag para que parezca que el palito de paleta se ha roto. Haga clic con el botón derecho en la ruta, elija Hacer selección y presione RETROCESO para eliminar todo lo que está dentro de la selección en esa capa.

La imagen de abajo es el resultado..

Paso 18 - El palito de paleta - Mamá (corazón)

Haga una nueva capa, con la herramienta Pincel (Brush Master Diameter: 2px duro), haga zoom y pinte texto en la paleta, escribimos "I (heart) Mom". Dale a este texto un Resplandor interno (Modo de fusión: Normal, Opacidad: 44%, Ruido: 100%, Color de resplandor: # ed57ff, Tamaño: 5 px).

La imagen de abajo es el resultado..

Paso 19 - El palito de paleta - La cuerda

Cree una nueva capa con la herramienta Pluma, dibuje una pequeña cadena en la parte superior de la paleta, haga clic con el botón derecho en la ruta y seleccione Hacer selección. Elija la herramienta Marquee, haga clic con el botón derecho en la selección y elija Trazo (Ancho: 2, Color: Negro, Ubicación: Dentro). Deselecciona la selección.

Usa la herramienta de transformación libre para rotar la cadena a tu gusto y usa las FLECHAS DE FLECHA para mover la cadena al centro de la paleta..

Ahora, use la herramienta Borrador (Tamaño del pincel: 20px duro) y borre la parte inferior de la cuerda como se muestra a continuación:

Coloque una Superposición de degradado en esta cadena (Control deslizante del Primer degradado: # b5b4b4, Control deslizante del Segundo degradado: # editado), una Sombra paralela (Opacidad: 70%, Ángulo: 90 grados, Distancia: 1px, Extensión: 0%, Tamaño: 1px) . Duplique esta capa, haga clic derecho en la nueva capa producida y elija Borrar estilo de capa.

Seleccione la nueva capa, vaya a Filtro> Ruido> Agregar ruido (Cantidad: 37.74%, Gaussiano y Monocromático) y baje la opacidad de la capa de ruido al 10%.

Es bastante imposible que una cuerda se pueda pegar en un palo sin ningún material adhesivo, así que agregue un poco de pegamento en la cuerda utilizando la misma técnica que usamos en el Paso 16 - La barra de paletas - El pegamento.

La imagen de abajo es el resultado..

Por último, duplique un pin, cambie el color si lo desea y muévalo sobre la cuerda para que parezca que el pin sostiene el palito de paleta sobre el panel de corcho..

La imagen de abajo es el resultado..

Paso 20 - El fondo

Crea una nueva capa debajo de todas las demás capas, renómbrela como "fondo" y rellénala con el color, # 8e4917. Siéntete libre de añadir textura y efectos al fondo..

Haga otra capa en la parte superior de la capa "fondo", elija la herramienta Pincel (Brush Master Diameter: 600px suave), haga su color de primer plano # ffc000 y pinte algunos reflejos en la parte superior.

Agrupa estas dos capas juntas

La imagen de abajo es el resultado..

Paso 21 - La sombra de la tabla de corcho

En este último paso, crearemos la sombra del panel de corcho..

Cree una nueva capa sobre el fondo pero debajo de todas las cosas en el panel de corcho, haga una selección rectangular aproximadamente 20 píxeles más pequeña que el tamaño del panel de corcho y rellénela con negro. A continuación, vaya a Filtro> Desenfoque> Desenfoque gaussiano (Radio: 8.8 píxeles), mueva la sombra hacia abajo.

La imagen de abajo es el resultado..

Conclusión

Añade más objetos para darle más variación a tu panel de corcho..

Enhorabuena, hemos terminado! Como puede ver, producir efectos de luz y sombra realistas en Photoshop es fácil. La sutileza es clave. Gracias y por favor no olviden publicar sus resultados.!