Crea un'icona di casa in legno in Photoshop

Potresti essere sorpreso di ciò che puoi fare con gli strumenti di disegno di Photoshop, alcune trame e una comprensione di base di luci e ombre. Nel tutorial di oggi dimostreremo come creare un'icona di casa in legno in Photoshop applicando le trame alle forme di base.


risorse

Durante la produzione di questo tutorial sono state utilizzate le seguenti risorse, anche se sei libero di utilizzare qualsiasi altra texture che hai a disposizione.

  • Texture di legno
  • Texture del muro

Passo 1

Nel nuovo documento, crea un nuovo livello, disegna come mostrato in (1a). Premi Comando + J per duplicare questo livello e premi Comando + T, fai clic con il pulsante destro del mouse sull'immagine e scegli Rifletti orizzontale per invertire il secondo livello. Posizionalo come mostrato in (1b). Quindi premi Comando + E per unire i due livelli in uno, rinominare il nuovo livello "H1".


Passo 2

Premi Comando + T. Mentre tieni premuto "Comando" modifica "H1" come mostrato sotto (2a). Quindi premi Comando + J per duplicare "H1", rinomina il nuovo livello "H2" e posiziona come mostrato in (2b).


Passaggio 3

Crea un nuovo livello in cima e chiamalo "h2". Disegna come mostrato di seguito.


Passaggio 4

Crea un nuovo livello in cima e chiamalo "Tetto sinistro 1", disegna come mostrato in (4a). Quindi premi Comando + T, mentre tieni premuto "Maiusc" + "Alt" ingrandisci (4b).


Passaggio 5

Crea un nuovo livello sotto "tetto sinistro 1", chiamalo "tetto sinistro 2" e disegna come mostrato in (5).


Passaggio 6

Continua a disegnare il tetto come mostrato di seguito.


Passaggio 7

Crea 2 nuovi livelli, una "porta" e una "finestra". Disegna come mostrato di seguito.


Passaggio 8

Ora aggiungiamo un po 'di consistenza alla casa. Aprire una trama di legno. Qualsiasi cosa farà ma la mia proviene da bigstockphoto.com.


Passaggio 9

Applica uno stile di livello a "H1 texture" e utilizza le impostazioni seguenti.


Passaggio 10

Applica uno stile di livello a "texture h2" e utilizza le impostazioni seguenti.


Passaggio 11

Ora applica i seguenti stili di livello a "Tetto sinistro 1", "Tetto sinistro 2", "Tetto sinistro 3" e "Tetto destro 1".


Passaggio 12

Crea un nuovo livello sotto "tetto sinistro 1". Selezionalo e "left roof 1" quindi premi Command + E per unire questi layer a uno. Mantieni il nome "tetto sinistro 1" (12a).

Tenendo premuto "Command", fai clic su "left roof 1" per ottenere la sua selezione. Vai al menu Seleziona> Modifica> Contratto, imposta Contratto per: 1 px. Quindi premi Comando + Maiusc + I per invertire questa selezione. Scegli Strumento scherma (pennello liscio, 35px) e disegna come mostrato in (12b).


Passaggio 13

Ripeti il ​​passaggio 12 per "Tetto sinistro 2", "Tetto sinistro 3" e "Tetto destro 1".


Passaggio 14

Premi Command + J per duplicare "left roof 1", rinominare il nuovo layer "light roof 1" e riempirlo con il bianco come mostrato in (14a). Effettua una selezione come mostrato in (14b). Premi Command + Alt + D e imposta Feather Raggio su 20px, quindi premi Elimina. Cambia la modalità di fusione in Sovrapposizione (14c).


Passaggio 15

Premi Command + J per duplicare "light roof 1". Rinomina nuovo strato "tetto leggero 2" e riduci l'opacità al 50%.


Passaggio 16

Selezionare "Tetto sinistro 1", "Tetto sinistro 2", "Tetto sinistro 3", "Tetto destro 1", "Tetto luminoso 1" e "Tetto luminoso 2", premere Comando + E per unire questi livelli a uno. Rinomina nuovo livello "tetto". Apri l'immagine della trama del muro (da bigstock.com), copia e incolla sopra "tetto". Seleziona il layer texture del muro tenendo premuto "Command" e clicca su "roof" per ottenere la sua selezione. Premi Command + J per duplicare questa selezione, rinomina il nuovo layer "texture del tetto" (16a). Quindi modifica la modalità di fusione in Moltiplica e riduci l'opacità al 30% - 40% (16b).


Passaggio 17

Aggiungi uno strato di struttura di legno alla porta chiamalo "struttura della porta 1" (17a). Applica un layer stle e usa le impostazioni come mostrato in (17b).


Passaggio 18

Aggiungi un altro strato di struttura in legno per la porta (su "trama porta 1"), chiamalo "trama porta 2" (18a). Mentre tieni premuto "Comando" fai clic su "porta" per ottenere la sua selezione. Quindi mentre si seleziona lo strumento selezione (M), premere il tasto Su e il tasto Giù e posizionare come mostrato in (18b). Premi Elimina (18c) e rimuovi "porta" (non ne abbiamo bisogno).


Passaggio 19

Scegli lo strumento Schiva e lo strumento Brucia (pennello liscio, circa 10px - 35px) e applica l'ombreggiatura come mostrato su "trama porta 2".


Passaggio 20

Aggiungi un layer texture legno per la finestra (su "window"), chiamalo "window texture" e usa i profili delle tecniche nei passaggi 18 e 19.


Passaggio 21

Crea un nuovo livello sotto "tetto" e chiamalo "ombra del tetto 1". Scegli lo strumento Pennello con il nero (imposta come in (21a)) per disegnare l'ombra (21b).


Passaggio 22

Crea un nuovo livello sotto tutti gli altri livelli e chiamalo "colonna" e disegna come in (22a). Quindi aggiungi una trama di legno per il pilastro, chiama il nuovo livello "trama del pilastro" (22b). Applicare uno stile di livello e utilizzare le impostazioni come mostrato in (22c).


Passaggio 23

Crea un nuovo livello in cima a "trama del pilastro" e chiamalo "ombra casa 1". Scegli lo strumento Pennello con colore nero (impostato come in (21a)) per disegnare l'ombra (23a). Quindi su "trama del pilastro", usa lo strumento Brucia per disegnare come mostrato in (23b).


Passaggio 24

Crea un nuovo livello sotto "pilastro", chiamalo "supporto casa 1" e aggiungi una trama di legno come in (24a). Passare al menu Immagine> Regolazioni> Luminosità / Contrasto, impostare come in (24b). Tenendo premuto "Command", fare clic su "house support 1" per ottenere la sua selezione. Quindi scegli lo strumento pennello con colore nero (impostato come in (21a)) per disegnare l'ombra all'interno della selezione (24c).


Passaggio 25

Aggiungi un'altra texture di legno per il supporto della casa. Tenendo premuto "Command", fare clic su "house support 1" per ottenere la sua selezione. Vai al menu Seleziona> Modifica> Espandi, imposta Espansione per: 3px per ottenere la selezione più ampia. Sulla texture del legno, premi Comando + J per duplicare la selezione. Rinomina nuovo livello "supporto casa 2".


Passaggio 26

Effettuare le seguenti operazioni.


Passo 27

In "supporto casa 1", usa lo strumento Pennello e disegna un'ombra come mostrato di seguito.


Passaggio 28

Crea un nuovo livello sotto "supporto casa 2", chiamalo "ombra supporto casa" e disegna come in (28a). Quindi crea un nuovo livello sotto "pilastro", chiamalo "casa ombra 2" e disegna come in (28b).


Conclusione

Spero che tu abbia imparato qualcosa di nuovo e ti sia divertito. L'immagine finale può essere vista sotto.