Creazione di un set di icone di pittura digitale Parte 1 - Sketchbook con icona matita

Questo è il primo tutorial di una serie chiamata "Creazione di un set di icone di pittura digitale". Progetteremo cinque icone che descrivono strumenti comuni associati alla pittura digitale: uno sketchbook con la matita, una fotocamera per scattare foto di riferimento, un pennello, una pen tablet e un grande schermo con un dipinto opaco completo visualizzato su di esso. Iniziamo con l'icona del taccuino!

Puoi vedere l'anteprima dell'immagine finale qui sotto.

Tutorial e dettagli di serie

Di seguito sono elencate le cinque icone che stiamo creando in questa serie.

Ecco l'icona che creeremo in questo tutorial. Ogni opera d'arte inizia con la combinazione di base, matita e carta, quindi facciamolo prima.

  • Programma: Adobe Photoshop CS4
  • Difficoltà: Intermedio
  • Tempo di completamento stimato: 1 ora

Passo 1

Creeremo prima la matita perché è l'elemento più difficile nella nostra icona. Disegna un piccolo cerchio verde nella parte centrale superiore della tela utilizzando lo strumento Selezione ellittica (M). Quindi crea due copie più piccole, una per lato.

Passo 2

Attiva Snap dal menu Visualizza (Shift + Comando +;) e crea le guide per la matita. Agganciare i tre cerchi per contrassegnare dove saranno i bordi verticali della matita. Disegna un triangolo giallo chiaro su un livello separato sotto i cerchi usando lo strumento Penna (P) o lo strumento lazo poligonale (L), agendo sulle guide per garantire la simmetria. Dai il nome a questo "suggerimento" del triangolo.

Passaggio 3

Disegna un cerchio nero sopra il "tip" su un livello separato e chiamalo "lead" (3a). Comando-clic sul livello "tip" e utilizzare questa selezione per mascherare il "lead". Fai clic con il tasto destro del mouse sulla maschera nella palette Livelli e seleziona Applica maschera di livello per ritagliare il "piombo" alla "punta" (3b).

Passaggio 4

Aggiungi due ellissi grigie alle guide inferiori, proprio dove sarà la fibbia metallica, usando lo strumento Ellisse (U) (4a). Copia l'ellisse inferiore, chiamalo "gomma" e spostalo verso il basso. Cambia il suo colore in un arancio rosato, quindi rasterizza tutte e tre le forme. Con una semplice selezione rettangolare riempire lo spazio tra l'ellisse grigia inferiore e la "gomma" (4b).

Passaggio 5

Sposta il cerchio verde più grande verso il basso un po ', quindi usando lo strumento Penna (P) traccia la forma per il corpo della matita, facendo scorrere le guide (5a). Regola la posizione dei tre cerchi in modo che assomiglino a una corona in cima alla forma principale, quindi unisci tutte le forme verdi insieme (5b).

Passaggio 6

Usando lo strumento Selezione rettangolare (M) e scattando ai bordi dei cerchi in alto, seleziona ciascun lato verticale del corpo della matita, poi premi Maius + Comando + J per creare un nuovo livello dalla selezione, o vai a Livello> Nuovo > Livello tramite taglio. Otterrete così tre strati. Da sinistra a destra chiamali come segue: "top", "front" e "bottom".

Quando ruotiamo la matita in modo che punti verso l'album da disegno, il lato sinistro sarà in alto, il lato centrale sarà davanti e il lato destro sarà in basso (6a). Immaginiamo che la luce provenga da sinistra, quindi quando ruotiamo la matita per farla scrivere sullo sketchbook sembrerà che provenga dall'alto. Per rispettare la direzione della luce, dobbiamo rendere più chiaro il livello "superiore" e lo strato "inferiore" più scuro. Puoi usare Luminosità / Contrasto, Tonalità / Saturazione (Comando + U) o la finestra Livelli per ottenere ciò. È una tua scelta (6b).

Passaggio 7

Facciamo ombra alla punta ora. Aggiungi uno stile di Sovrapposizione sfumatura orizzontale giallo pallido al livello "punta" (7a) in modo che la parte destra, che sarà la parte inferiore una volta ruotata la matita, sia più scura (7b). Per rafforzare l'illuminazione dobbiamo anche illuminare il lato sinistro del "piombo".

Blocca la trasparenza in modo da non poter dipingere all'interno dei pixel esistenti (7c). Premi B per selezionare lo strumento Pennello e assicurati che il colore sia bianco puro. Quindi dipingi un singolo tratto lungo il lato sinistro con un pennello grande, morbido, bianco, mantenendo l'opacità su un numero basso (7d). Ciò aggiunge un punto culminante piacevole e sottile.

Passaggio 8

Digitare D per attivare i colori predefiniti (bianco e nero). Crea un quadrato nero su un nuovo livello tra "tip" e "lead" e chiamalo "wood texture" (8a). Vai a Filtro> Render> Fibers e scegli gli stessi valori dell'immagine 8b. La texture risultante (8c) nasconde il "suggerimento" in modo da ridurre l'opacità al 50% e scegliere la modalità di fusione Sovrapposizione (8d). La punta in legno ora ha un bel colore e una grana realistica (8e).

Passaggio 9

Tutto ciò che dobbiamo fare ora è deformare la "struttura del legno" in modo che segua il contorno della "punta". Per fare quel tipo, premi + T per attivare Trasformazione libera, quindi fai clic con il pulsante destro del mouse sulla trama nell'area di disegno e seleziona Prospettiva. Trascina verso l'interno i punti di ancoraggio superiori per adattarli alla "punta" (9a). Dai un'occhiata a ciò che abbiamo finora (9b). Vogliamo aggiungere un po 'di brillantezza alla matita, quindi dipingiamo l'evidenziazione principale sulla "punta" su un nuovo livello, usando un pennello morbido e bianco. Riduci l'opacità dell'evidenziatore per lasciare trasparire la trama (9c).

Passaggio 10

Introduciamo una variazione di colore sul corpo della matita, sembra piatta in questo momento.

Seleziona lo strumento Brucia (O) dalla barra degli strumenti e impostalo come nell'immagine 10a. È importante utilizzare un pennello grande e morbido e un'opacità molto bassa. Usa diverse pennellate per scurire la parte superiore e inferiore di tutti e tre i lati, rendendo il fondo più scuro (più pennellate). Provalo prima sul livello "inferiore" per avere un'idea dello strumento Brucia. Una volta che sei soddisfatto dell'ombreggiatura (10b), ripeti questo per i restanti due livelli. Assicurati che la matita diventi progressivamente più scura mentre vai a destra e in fondo (10c).

Passaggio 11

Facciamo risaltare i bordi. Con le guide che mostrano e lo Snap attivo, traccia un percorso lungo il lato verticale sinistro (11a). Nella palette Tracciati, fai doppio clic su di esso per denominarlo "bordo" (11b). Ora imposta un pennello bianco 3px, con bordi netti (11c). Crea un nuovo livello sopra i tre lati e selezionalo.

Nella palette Tracciati, fai clic con il pulsante destro del mouse sul "bordo" e seleziona Tracciato tracciato. Dalla finestra a comparsa seleziona il pennello e attiva l'opzione "Simula pressione" (11d). Questo è quello che sembra: un bel punto luce affusolato (11e). Denominare il livello "bordo". Crea un secondo vantaggio copiando il primo. Rendi la copia un po 'trasparente poiché è più vicina alla parte inferiore dove arriva meno luce (11f).

Passaggio 12

Sulla fibbia di metallo ora. Nascondi i livelli "body" e "tip". Scurisci l'ellisse superiore. Sarà il buco dove si inserisce la matita di legno. Riempi l'ellisse più chiara per chiudere lo spazio (12a). Applicare uno stile Sovrapposizione sfumatura con molti punti salienti per ottenere una bella superficie metallica (12b).

Passaggio 13

Duplica l'ellisse "buca". Assegna un nome alla copia "ring", riduci il suo Fill allo 0% quindi aggiungi un tratto scuro (13a). Cancellare la metà superiore (13b). Ora aggiungi un'ombra bianca (13c) per simulare un'evidenziazione (13d). Fai un mucchio di copie dell '"anello" e disponili sopra la chiusura di metallo (13e). Raggruppa tutti i livelli simili insieme.

Passaggio 14

Prima di andare avanti diamo un'occhiata alla struttura del livello che abbiamo. È importante mantenere i file in ordine. Possiamo facilmente attivare e disattivare i livelli, il che accelera la produttività. Rende anche le strutture di livello complesse meno spaventose da guardare (14a).

Sposta il gruppo "CLASP" sopra il "BODY". Aggiungi un'ombra interna dipingendo con un pennello morbido e nero su un livello separato (14b). Per completare la matita dobbiamo sfumare la gomma. Per prima cosa ridimensioniamo un po 'in modo che sia più piccolo della chiusura in metallo. Quindi schiarire la parte sinistra e scurire la parte destra. Come si fa a farlo? Proprio come abbiamo fatto per il "piombo", bloccare la trasparenza della gomma, quindi dipingere con pennelli a bassa opacità lungo i bordi, bianco per schiarire e nero per scurire (14c).

Passaggio 15

La matita è completa Seleziona tutti i livelli e raggruppali come "MATITA". Duplica il gruppo e premi Comando + E per unire tutti i livelli in uno solo. Mantieni il gruppo originale per le regolazioni successive, per ogni evenienza, ma lavora sul singolo strato da ora in poi (15a). Ruota la matita di 135 gradi in senso orario in modo che punti in diagonale (15b). Blocca questo livello per evitare di rovinarlo. Ora puoi vedere che l'ombreggiatura suggerisce che la luce provenga dall'alto. Teniamolo in mente.

Passaggio 16

Usando lo strumento Penna (P) disegnare la pagina superiore dello sketchbook (16a). L'orientamento del quaderno contrasta piacevolmente quello della matita per una composizione equilibrata.

Passaggio 17

Ombreggia la pagina con un gradiente morbido, da quasi bianco (in alto) a grigio chiaro (in basso) (17a). Usando lo strumento Penna, si aggiunge di nuovo spessore allo sketchbook. Usa due tonalità di grigio, rendendo il fondo più scuro (17b).

Passaggio 18

Blocca la trasparenza di tutti e tre i livelli (pagina, lato e fondo). Usando pennelli morbidi, neri con bassa opacità, scurisci la pagina in alto e in basso. Inoltre, scurisci lo spessore inferiore vicino al suo centro. Queste variazioni di colore suggeriscono una leggera irregolarità che rende gli oggetti un po 'più naturali (18a, 18b, 18c).

Passaggio 19

Utilizzando lo strumento Linea (U) impostato su bianco, tracciare linee parallele sul lato inferiore e sul lato (19a e 19b). Rappresentano la pila di pagine, ovviamente, quindi regola la loro opacità a tuo piacimento. Raggruppali insieme una volta che hai finito.

Passaggio 20

Ora puoi duplicare tutti i livelli del quaderno degli schizzi e unirli insieme. Di nuovo, mantieni la struttura del livello originale per eventuali modifiche necessarie lungo la linea. Quando crei le icone, ottimizzi le dimensioni più piccole (48px, 32px, 16px) eliminando quegli elementi che non saranno più leggibili, ad esempio le linee della pagina. Aggiungi un'ombra esterna allo sketchbook usando un semplice stile di livello.

Passaggio 21

La luce viene dall'alto e la matita proietta un'ombra sullo sketchbook. Duplica lo strato di matita e giralo in nero. Di solito premo Command + U per far apparire Hue / satation e spostare il cursore Lightness completamente verso sinistra. Ma ognuno sviluppa un flusso di lavoro unico.

Inclina l'ombra (Comando + T, fai clic con il pulsante destro del mouse e scegli Inclina) in modo che si trovi parallela ai lati superiore e inferiore del libro da disegno (21a). Alt-clic sulla linea tra i livelli "sketchbook" e "ombra" per mascherare l'ombra con il contorno del quaderno degli schizzi (21b).

Passaggio 22

Riduci il riempimento dell'ombra allo 0%. Aggiungi un Sovrapposizione sfumatura, facendo in modo che il colore sinistro si fermi trasparente e il colore destro si fermi nero (22a). L'ombra ora svanisce dalla punta della matita fino al bordo della pagina. Sfoca l'ombra usando lo strumento sfocatura. Più lontano dalla punta, più sfocato (22b).

Passaggio 23

L'icona è ora completa. Tutto ciò che dobbiamo fare ora è disegnare un piccolo schizzo sulla pagina. Ti lascerò libero di disegnare quello che vuoi. Scegli un pennello con un po 'di texture dai Preset dei pennelli (premi F5) e sei a posto.

Conclusione

La prima icona di questa serie "Creazione di un set di icone di pittura digitale" è completa. Abbiamo imparato a usare pennellate sottili per dare la presenza a oggetti dall'aspetto altrimenti semplice. Abbiamo anche utilizzato un trucco compositivo semplice ma efficace per riempire bene la tela quadrata. Restate sintonizzati per il prossimo tutorial di questa serie, che è l'icona della fotocamera!