Share
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 parecen poco realistas debido a la forma en que están iluminados y sombreados. En esta serie de tutoriales de dos partes, 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. Comencemos creando nuestro tablón de anuncios y colocando nuestro primer elemento..
Crear un nuevo documento (Tamaño: 600 px por 400 px). El tamaño depende de usted, pero estas son las dimensiones que usaremos en este tutorial..
Cambiar el nombre de la primera capa "panel de corcho".
Consejo: asegúrese de seleccionar Rutas para la herramienta Rectángulo y la herramienta Rectángulo redondeado en este tutorial.
Usando la herramienta Rectángulo, cree un rectángulo (Tamaño: 480 px por 280 px).
Consejo: para darle a una forma un tamaño fijo, acceda al panel en la barra de opciones.
Haga clic derecho en el rectángulo y seleccione Hacer selección.
Consejo: CTRL o CMD + ENTRAR como sustituto al hacer clic derecho en una ruta y seleccionar Realizar selección.
Haga su color de fondo # a37d54 y su color de fondo # 4e2f0d. Estos dos colores son tonos marrones, pero puedes elegir colores similares.
Para producir la textura de corkboard. Vaya a Filtro> Render> Nubes, luego deseleccione la selección y siempre deseleccione una selección después.
Consejo: CTRL o CMD + D como sustituto para deseleccionar una selección.
Continuando en Vaya a Filtro> Boceto> Papel de nota (Balance de imagen: 32, Granulado: 11 y Relieve: 12).
Vaya a Filtro> Trazos de pincel> Salpicadura (Radio de pulverización: 15 y Suavidad: 10).
Por último, vamos a darle un color más oscuro, vaya a Imagen> Ajustes> Sombras / Resaltados (Sombras - Cantidad: 50%, Ancho tonal: 83%, Radio: 208 píxeles. Puntos culminantes - Cantidad: 0%, Anchura tonal: 50%, Radio : Ajustes de 30px. Corrección de color: +20, Contraste de tono medio: -17.)
La imagen de abajo es el resultado..
En este paso, produciremos los bordes de madera del panel de corcho..
Haz una nueva capa debajo de la capa "panel de corcho" y renómbrela como "bordes".
Usando la herramienta Rectángulo redondeado, cree un rectángulo redondeado (Tamaño: 502px por 302px y Radio: 10px.). Haga clic derecho en el rectángulo y seleccione "Hacer selección".
Sugerencia: ALT + RETROCESO para completar una selección con el Color de primer plano actual. CTRL o CMD + RETROCESO para completarlo con el color de fondo actual.
Rellene este rectángulo con el color # 4e2f0d y luego deseleccione la selección.
Sugerencia: para seleccionar dos o más capas, MAYÚS + CLIC en ellas.
Sugerencia: para centrar dos o más capas entre sí, seleccione las capas que desea alinear, elija la herramienta Mover, en la barra de opciones, haga clic en Alinear centros horizontales y Alinear centros verticales:
Ahora, centre las capas "panel de corcho" y "bordes".
La imagen de abajo es el resultado..
Para que cada lado de los bordes se vea auténtico, necesitamos crear espacios entre sus esquinas..
Las pautas que haremos en este paso se utilizarán para seleccionar correctamente cada lado de los bordes y colocarlos en diferentes capas..
Deberá aplicar los procedimientos de este paso en todos los rincones del panel de corcho..
Cree una nueva capa sobre "bordes" y debajo de "panel de corcho", y asígnele el nombre de "líneas de borde diagonales" o algo similar. Usaremos estas líneas como pautas para crear las brechas diagonales mencionadas anteriormente.
Amplíe su imagen y use la herramienta Pluma, mantenga presionada la tecla MAYÚS y cree una trayectoria diagonal en ángulo de 45 grados en la esquina superior derecha como se muestra a continuación.
Consejo: asegúrese de que el Tamaño del diámetro del pincel para la herramienta Lápiz sea 1px.
Con la herramienta Pluma y la capa "líneas de borde diagonales" seleccionadas, haga clic con el botón derecho, seleccione Trazar ruta, seleccione Lápiz en el menú desplegable, haga clic en Aceptar, haga clic con el botón derecho nuevamente y elija Eliminar ruta.
Repita el paso 2 en todos los otros lados del panel de corcho..
Usando las líneas diagonales que acabamos de hacer, vamos a usarlas como pautas para seleccionar el borde derecho del panel de corcho con la herramienta Pluma.
Después de seleccionar el borde derecho con la herramienta Pluma, haga clic con el botón derecho y elija Realizar selección.
Para colocar el borde derecho en una nueva capa separada, con la capa "bordes" seleccionada, duplique la capa. Renombra la capa recién producida a "borde derecho".
Repita el paso 3 en todos los otros lados del panel de corcho..
Después de hacer esto, debe tener cada borde del panel de corcho en capas separadas. Entonces, ahora podemos eliminar las capas "líneas de borde diagonales" y "bordes".
Es hora de aplicar algunos gradientes en nuestras fronteras. Empecemos por el borde derecho..
Consejo: para acceder a las opciones de fusión de una capa, haga clic con el botón derecho en esa capa y seleccione Opciones de fusión.
Sugerencia: para agregar un nuevo control deslizante de degradado, coloque el cursor justo debajo de la vista previa del degradado.
En las Opciones de fusión para la capa "borde derecho", aplique una Superposición de degradado (Ángulo: 0 grados, Control deslizante del primer degradado: # e77d15, Control deslizante del segundo degradado: # f69834, Control deslizante del tercer degradado: # 804504).
Ahora, la capa "borde superior", aplique otra Superposición de degradado (Control deslizante del primer degradado: # e77d15, Control deslizante del segundo degradado: # f4942d, Control deslizante del tercer degradado: # d16f04).
A continuación, la capa "borde izquierdo", aplique otra Superposición de degradado (Control deslizante del primer degradado: # 0d550e, Control deslizante del segundo degradado: # f4942d, Control deslizante del tercer degradado: # d16f04).
Por último, la capa "borde inferior", aplique otra Superposición de degradado (Control deslizante del primer degradado: # 6e3c0b, Segundo control deslizante del degradado: # f4942d, Control deslizante del tercer gradiente: # d16f04).
La imagen de abajo es el resultado..
Recuerda, tendrás que repetir este paso en todos los otros lados del panel de corcho..
Duplique la capa "borde derecho", haga clic con el botón derecho en la nueva capa duplicada que debería llamarse "copia de borde derecho" y elija Borrar estilo de capa.
Consejo: CTRL o CMD + J para duplicar una capa.
Consejo: presione CTRL o CMD + HAGA CLIC en la miniatura de una capa para seleccionar su contenido.
Seleccione el contenido de la capa "borde derecho de copia" (CTRL o CMD + HAGA CLIC en la miniatura de la capa). Rellena la selección con el color # d48631..
Vaya a Filtro> Ruido> Agregar ruido (Cantidad: 33.03%, gaussiana y monocromática).
Vaya a Filtro> Desenfoque> Desenfoque de movimiento (Ángulo: 90 grados y Distancia: 24 píxeles).
Aquí está la parte divertida; Haremos nudos en nuestros bordes de madera..
Vaya a Filtro> Licuar (Tamaño del pincel: 8, Densidad del pincel: 50 y Presión del pincel: 100). Usando la cruz en la ventana de Licuar, tire, estire y gire el contenido de la capa "borde derecho" para hacer nudos de madera.
Sugerencia: puede cambiar la opacidad de una capa en el panel Capas:
Baje la opacidad de la capa "borde derecho de copia" a 50%.
Cambie el nombre de esta capa "borde derecho textura de madera", agrúpela con la capa "borde derecho" y cambie el nombre del grupo como "borde derecho".
La imagen de abajo es el resultado..
Repita el paso 5 en todos los otros lados del panel de corcho..
Añadamos una ligera sombra en la parte superior del interior del panel de corcho..
En las Opciones de fusión de la capa "panel de corcho", aplique una Sombra interior (Modo de fusión: Normal, Color: # 000000, Opacidad: 100%, Ángulo: 90 grados, Distancia: 1px, Choke: 0%, Tamaño: 3px).
La imagen de abajo es el resultado..
Crea una nueva capa y renómbrela como "papel". Elija la herramienta Rectangular Marquee y haga una selección de la siguiente manera:
Seleccione la capa "papel" y complete la selección con blanco.
En las Opciones de fusión de la capa de papel, aplique una Superposición de degradado (Control deslizante del primer degradado: # d1d1d1, Control deslizante del segundo degradado: # editado).
Luego, aplique una Sombra (Opacidad: 100%, Ángulo: 90 grados, Distancia: 1px, Extensión: 0%, Tamaño: 5px).
Haga clic derecho en la capa "papel" y seleccione Crear capas. Haga clic en Aceptar cuando vea este cuadro de diálogo:
La herramienta clave utilizada aquí es la herramienta de deformación..
Sugerencia: CTRL o CMD + T para mostrar la herramienta de transformación gratuita, haga clic con el botón derecho en la selección y elija Warp para acceder a la herramienta Warp.
Seleccione la capa "papel" y acceda a la herramienta de deformación.
Agarre la parte inferior derecha del papel y tire hacia arriba para que parezca que el viento lo sopla.
Tire de todas las otras esquinas.
La imagen de abajo es el resultado..
Ahora, vamos a crear algunos puntos destacados en estos rincones..
Consejo: Comando + ALT + MAYÚS + N para crear una nueva capa de recorte en la capa seleccionada actualmente.
Sugerencia: arrastre una capa en el panel Capas para moverla por debajo o por encima de otra capa.
Cree una nueva capa de recorte justo encima de "Relleno degradado de papel", cámbiele el nombre como "resalte la parte inferior derecha", haga clic en el menú desplegable Modo de fusión y seleccione Pantalla.
Consejo: El panel de degradado se ve así:
Seleccione la herramienta Degradado, haga clic en el panel Degradado y aplique un degradado (Control deslizante del primer degradado: # 000000, Control deslizante del segundo degradado: #ffffff, Control deslizante del tercer degradado: # 000000).
Arrastre un degradado en la esquina inferior derecha del papel como se muestra a continuación:
Utilice la herramienta Transformación libre para cambiar el tamaño, modificar y rotar el resaltado. También puedes bajar la opacidad del resaltado para que se vea más creíble.
Haz más resaltados en las otras esquinas del papel..
La imagen de abajo es el resultado..
Ahora, para hacer la sombra del papel más realista. Seleccione la capa "Sombra de papel", mueva la sombra unos pocos píxeles y baje la Opacidad al 60%. Al igual que hicimos en el papel, deforme la sombra como se muestra a continuación:
La imagen de abajo es el resultado..
Vamos a escribir algo en el papel..
Cree una nueva capa, seleccione la Herramienta de texto, elija un tipo de fuente de escritura a mano, seleccionamos "Diario" (Tamaño: 26px), cambiamos el color de la fuente a # 414040 y comenzamos a escribir texto en el papel.
La imagen de abajo es el resultado..
En la última parte II de esta serie, colocaremos más elementos en nuestro tablero y finalizaremos este diseño..
Accentsconagua