Es posible que se sorprenda de lo que puede hacer con las herramientas de dibujo de Photoshop, algunas texturas y una comprensión básica de la luz y la sombra. En el tutorial de hoy, demostraremos cómo crear un icono de casa de madera en Photoshop aplicando texturas a formas básicas.
Los siguientes recursos se utilizaron durante la producción de este tutorial, aunque es libre de usar cualquier otra textura que tenga a su disposición..
En el nuevo documento, cree una nueva capa, dibuje como se muestra en (1a). Presione Comando + J para duplicar esta capa y presione Comando + T, haga clic con el botón derecho del mouse en la imagen y elija Voltear horizontalmente para invertir la segunda capa. Colóquelo como se muestra en (1b). Luego presione Comando + E para fusionar las dos capas en una, cambie el nombre de la nueva capa "H1".
Presione Comando + T. Mientras mantiene presionado "Comando", edite "H1" como se muestra a continuación (2a). Luego presione Comando + J para duplicar "H1", cambie el nombre de la nueva capa "H2" y el lugar se muestra en (2b).
Cree una nueva capa en la parte superior y llámela "h2". Dibuje como se muestra a continuación.
Cree una nueva capa en la parte superior y llámela "Techo izquierdo 1", dibuje como se muestra en (4a). Luego presiona Comando + T, mientras mantienes presionado "Shift" + "Alt" lo hace más grande (4b).
Cree una nueva capa debajo del "techo izquierdo 1", llámelo "techo izquierdo 2" y dibuje como se muestra en (5).
Continúa dibujando el techo como se muestra abajo.
Cree 2 capas nuevas, una "puerta" y una "ventana". Dibuja como se muestra abajo.
Ahora vamos a añadir un poco de textura a la casa. Abrir una textura de madera. Lo haré, pero el mío vino de bigstockphoto.com.
Aplique un estilo de capa a la "textura H1" y use la configuración a continuación.
Aplique un estilo de capa a la "textura h2" y use la configuración a continuación.
Ahora aplique los siguientes estilos de capas a “techo izquierdo 1”, “techo izquierdo 2”, “techo izquierdo 3” y “techo derecho 1”.
Crear una nueva capa bajo "techo izquierdo 1". Selecciónelo y seleccione “techo izquierdo 1”, luego presione Comando + E para combinar estas capas en una. Mantenga su nombre “techo izquierdo 1” (12a).
Mientras mantiene presionado "Command", haga clic en "left roof 1" para obtener su selección. Vaya al menú Seleccionar> Modificar> Contrato, establezca Contrato por: 1 px. Luego presione Comando + Mayús + I para revertir esta selección. Elija la herramienta Dodge (cepillo suave, 35 px) y dibuje como se muestra en (12b).
Repita el paso 12 para "techo izquierdo 2", "techo izquierdo 3" y "techo derecho 1".
Presione Comando + J para duplicar "techo izquierdo 1", cambie el nombre de nueva capa "techo claro 1" y rellénelo con blanco como se muestra en (14a). Haga una selección como se muestra en (14b). Presione Comando + Alt + D y establezca Feather Radio en 20px luego presione Eliminar. Cambie su modo de fusión a superposición (14c).
Presione Comando + J para duplicar "light roof 1". Cambie el nombre de la nueva capa "techo ligero 2" y reduzca la opacidad al 50%.
Seleccione “techo izquierdo 1”, “techo izquierdo 2”, “techo izquierdo 3”, “techo derecho 1”, “techo ligero 1” y “techo ligero 2”, presione Comando + E para combinar estas capas en una. Renombrar nueva capa "techo". Abra la imagen de textura de la pared (desde bigstock.com), cópiela y péguela en la parte superior de "roof". Seleccione la capa de textura de la pared mientras mantiene presionado "Comando", haga clic en "techo" para obtener su selección. Presione Comando + J para duplicar esta selección, cambie el nombre de la nueva capa "textura de techo" (16a). Luego cambie su modo de fusión para multiplicar y reducir la opacidad al 30% - 40% (16b).
Agregue una capa de textura de madera a la puerta y llámela “textura de puerta 1” (17a). Aplique un estilo de capa y use la configuración como se muestra en (17b).
Agregue una capa de textura de madera más para la puerta (en “textura de puerta 1”), llámela “textura de puerta 2” (18a). Mientras mantiene presionado “Comando” haga clic en “puerta” para obtener su selección. Luego, mientras selecciona Marquee Tool (M), presione la tecla arriba y la tecla hacia abajo y colóquela como se muestra en (18b). Presione Eliminar (18c) y elimine "puerta" (no lo necesitamos).
Elija la herramienta de esquivar y la herramienta de quemado (pincel suave, aproximadamente 10px - 35px) y aplique el sombreado como se muestra en la “textura de la puerta 2”.
Agregue una capa de textura de madera para la ventana (en "ventana"), llámela "textura de ventana" y use los esquemas de las técnicas en los Pasos 18 y 19.
Cree una nueva capa debajo del "techo" y llámela "sombra del techo 1". Elija la herramienta Pincel con negro (establecido como en (21a)) para dibujar la sombra (21b).
Cree una nueva capa debajo de todas las demás capas y llámela "pilar" y dibuje como en (22a). Luego agregue una textura de madera para el pilar, llame a la nueva capa "textura de pilar" (22b). Aplique un estilo de capa y use la configuración como se muestra en (22c).
Cree una nueva capa sobre la "textura de pilar" y llámela "sombra de la casa 1". Elija la herramienta Pincel con color negro (establecido como en (21a)) para dibujar la sombra (23a). Luego, en “textura de pilar”, use la herramienta de quemado para dibujar como se muestra en (23b).
Cree una nueva capa debajo de "pilar", llámela "soporte de casa 1" y agregue una textura de madera como en (24a). Vaya al menú Imagen> Ajustes> Brillo / Contraste, configurado como en (24b). Mientras mantiene presionado "Command", haga clic en "house support 1" para obtener su selección. Luego elija la herramienta Pincel con color negro (establecido como en (21a)) para dibujar la sombra dentro de la selección (24c).
Añadir una textura de madera más para el soporte de la casa. Mientras mantiene presionado "Command", haga clic en "house support 1" para obtener su selección. Vaya al menú Seleccionar> Modificar> Expandir, configure Expandir por: 3px para obtener la selección más grande. En la textura de madera, presione Comando + J para duplicar la selección. Renombrar nueva capa "casa soporte 2".
Realiza los siguientes pasos.
En "house support 1", use la herramienta Pincel y dibuje una sombra como se muestra a continuación.
Cree una nueva capa bajo "house support 2", llámela "house support shadow" y dibuje como en (28a). Luego cree una nueva capa debajo de "pilar", llámela "house shadow 2" y dibuje como en (28b).
Espero que hayas aprendido algo nuevo y te hayas divertido. La imagen final se puede ver a continuación..