Crear un icono de casa de madera en Photoshop

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.


Recursos

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..

  • Textura de madera
  • Textura de la pared

Paso 1

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".


Paso 2

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).


Paso 3

Cree una nueva capa en la parte superior y llámela "h2". Dibuje como se muestra a continuación.


Etapa 4

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).


Paso 5

Cree una nueva capa debajo del "techo izquierdo 1", llámelo "techo izquierdo 2" y dibuje como se muestra en (5).


Paso 6

Continúa dibujando el techo como se muestra abajo.


Paso 7

Cree 2 capas nuevas, una "puerta" y una "ventana". Dibuja como se muestra abajo.


Paso 8

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.


Paso 9

Aplique un estilo de capa a la "textura H1" y use la configuración a continuación.


Paso 10

Aplique un estilo de capa a la "textura h2" y use la configuración a continuación.


Paso 11

Ahora aplique los siguientes estilos de capas a “techo izquierdo 1”, “techo izquierdo 2”, “techo izquierdo 3” y “techo derecho 1”.


Paso 12

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).


Paso 13

Repita el paso 12 para "techo izquierdo 2", "techo izquierdo 3" y "techo derecho 1".


Paso 14

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).


Paso 15

Presione Comando + J para duplicar "light roof 1". Cambie el nombre de la nueva capa "techo ligero 2" y reduzca la opacidad al 50%.


Paso 16

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).


Paso 17

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).


Paso 18

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).


Paso 19

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”.


Paso 20

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.


Paso 21

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).


Paso 22

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).


Paso 23

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).


Paso 24

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).


Paso 25

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".


Paso 26

Realiza los siguientes pasos.


Paso 27

En "house support 1", use la herramienta Pincel y dibuje una sombra como se muestra a continuación.


Paso 28

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).


Conclusión

Espero que hayas aprendido algo nuevo y te hayas divertido. La imagen final se puede ver a continuación..