Come disegnare un'icona videocamera da Scratch in Photoshop

In questo tutorial, spiegheremo come disegnare un'icona videocamera da zero in Photoshop utilizzando i livelli di forma, i pennelli e gli stili di livello. Iniziamo!


Passaggio 1: schizzo

Ho iniziato con un semplice schizzo e poi ho utilizzato strumenti vettoriali per disegnare la forma di base. Ho usato colori brillanti per aiutarmi a distinguere ogni area.


Passo 2

Aggiungi un nuovo livello e quindi dipingi le luci e le ombre ruvide manualmente usando lo strumento Pennello.


Step 3: Main Body

Utilizzando lo schizzo come riferimento, utilizzare lo strumento penna per disegnare il suo corpo principale. Usa il colore # 4e4d52.


Passaggio 4

Aiuta a ridurre l'opacità in modo che possiamo vedere il riferimento allo stesso tempo.


Passaggio 5

Disegna poligono più piccolo e più scuro. Fare doppio clic sulla forma del livello e applicare Inner Shadow con dimensioni molto grandi per aggiungere disturbo.


Passaggio 6

Disegna la seguente forma alla fine della videocamera con il colore # 40474d


Passaggio 7

Seleziona parte della forma e evidenzia la pittura.


Passaggio 8

Aggiungi più luci e ombre per dargli un aspetto tridimensionale. Come puoi vedere qui sotto, lavoro solo sulla sua parte superiore. Questo perché il suo lato inferiore sarà coperto dal suo LCD.


Passaggio 9

Seleziona il corpo principale della videocamera. Aggiungi un nuovo livello e quindi dipingi di bianco usando il pennello Opacity basso. Fatelo un paio di volte.


Passaggio 10

Riduci il suo livello Opacità.


Passaggio 11

Usa la stessa tecnica per dipingere l'ombra sul corpo. Puoi anche premere Command / Ctrl + H per nascondere temporaneamente la selezione.


Step 12: Lens

Disegna una forma a mezzaluna e applica una leggera sfumatura di sfumatura dal bianco al nero.


Passaggio 13

Attiva lo strumento Pennello con bassa opacità e dipingi di bianco su un nuovo livello, proprio sopra la forma a mezzaluna.


Passaggio 14

Comando / Ctrl-clic sulla forma a mezzaluna per effettuare una nuova selezione in base alla sua forma.


Passaggio 15

Posiziona l'evidenziazione e la forma a mezzaluna all'interno di un livello di gruppo. Fai clic sull'icona Aggiungi maschera di livello. I punti salienti ora vanno nella forma.


Passaggio 16

Aggiungi un nuovo livello e quindi disegna una selezione rettangolare. Riempi di bianco. Fai clic su Filtro> Disturbo> Aggiungi disturbo.


Passaggio 17

Fai clic su Filtro> Sfocatura> Sfocatura movimento con angolo 90 °.


Passaggio 18

HIt Comando / Ctrl + T e quindi ruotalo di 90 °.


Passaggio 19

Hit Command / Ctrl + T. Dalla barra delle opzioni, seleziona Warp: Arch.


Passaggio 20

Ruota di nuovo la forma e posizionala sul lato dell'obiettivo. Potrebbe essere necessario sperimentare alcune volte con l'impostazione Warp fino a ottenere una curvatura adeguata.


Passaggio 21

Ruota la forma e cancella entrambe le estremità.


Passaggio 22

Cambia la modalità di fusione in Moltiplica e riduci la sua Opacità. Cancellare entrambe le estremità con lo strumento gomma morbida.


Passaggio 23

Disegna un'ellisse sulla parte anteriore della forma.


Passaggio 24

Aggiungi un nuovo livello e poi convertilo in Maschera di ritaglio (Command / Ctrl + Alt + G). Disegna alcune luci e ombre usando lo strumento Pennello Opacità basso.


Passaggio 25

Aggiungi un'altra ellisse che copre la forma precedente.


Passaggio 26

Aggiungi un nuovo livello e convertilo in Clipping Mask. Dipingi bianco e nero per evidenziare e ombre.


Passo 27

Disegna un'altra ellisse e aggiungi Sovrapposizione sfumatura.


Passaggio 28

Aggiungi un nuovo livello e convertilo in Clipping Mask. Dipingi delle ombre.


Passaggio 29

Disegna un'ellisse più scura e applica nuovamente la Sovrapposizione sfumatura.


Passaggio 30

Seleziona la forma più in alto. Crea un nuovo livello e quindi riempilo con #efefef. Sposta la selezione 1 px a sinistra e poi premi il tasto Cancella.


Passaggio 31

Applica l'evidenziazione e quindi disegna un tratto nero. Copritelo con un'ellisse.


Passo 32

Aggiungi un'altra forma di mezzaluna bianca usando la tecnica precedente. Disegna un'ellisse più piccola e aggiungi più forma a mezzaluna.


Passaggio 33

Dipingi la luce morbida usando lo strumento Pennello e quindi coprila con una forma ellittica grigia. Applica il Sovrapposizione sfumata sottile.


Passaggio 34

Aggiungi un nuovo livello e dipingi un'ombra sottile ed evidenzia sulla superficie dell'obiettivo.


Passaggio 35

Disegna una piccola ellisse e un parallelogramma sul centro dell'obiettivo. Imposta la sua modalità per intersecare. Applica l'ombra interiore e la sfumatura sottile.


Passaggio 36

Disegna un poligono con il colore # 222423.


Passaggio 37

Seleziona il lato sinistro del poligono. Aggiungi un nuovo livello e dipingi il nero in alto e il grigio più chiaro in basso. Questo aggiungerà l'aspetto tridimensionale.


Passaggio 38

Comando / Ctrl-clic sul poligono. Crea un nuovo livello e dipingi alcuni punti salienti al suo interno.


Passaggio 39

Non rimuovere l'ultima selezione. Crea un nuovo livello e riempilo di nero. Fai clic su Filtro> Rendering> Riflesso sull'obiettivo.


Passaggio 40

Cambia la sua modalità di fusione su Schermo e riduci la sua Opacità.


Passaggio 41

Seleziona la parte esterna dell'obiettivo della fotocamera e poi dipingi le ombre.


Passaggio 42

Seleziona l'obiettivo e riempilo con il nero. Aggiungi nuovamente i riflessi dell'obiettivo.


Step 43

Applica sfocatura gaussiana.


Passaggio 44

Imposta la sua modalità di fusione su Schermo.


Passo 45: Pannello superiore

Disegna la seguente forma usando lo strumento Penna. Applica sovrapposizione gradiente.


Passaggio 46

Aggiungi un nuovo livello e ombreggiatura e evidenzia la parte superiore della forma. Vedi l'immagine qui sotto per riferimento.


Passaggio 47

Continua ad aggiungere più luci sulla forma per conferire un aspetto tridimensionale convincente. Potrebbe essere d'aiuto se metti tutte le pennellate su livelli separati. In questo modo, puoi aggiungere facilmente evidenziazioni più forti accatastandole.


Passaggio 48: pulsanti

Disegna la forma sotto usando lo strumento Penna, usa il bianco come colore. Applica il Sovrapposizione sfumata sottile.


Passaggio 49

Aggiungi un nuovo livello e quindi disegna manualmente luci e ombre per conferirgli un aspetto tridimensionale.


Passaggio 50

Aggiungi ombra sotto il pulsante.


Passaggio 51

Usa le stesse tecniche per disegnare un altro pulsante.


Passo 52: Sotto la lente

Disegna la forma nera sotto l'obiettivo


Passaggio 53

Dipingi nero sotto la forma.


Passaggio 54

Aggiungi punti salienti usando il pennello Opacity basso.


Passaggio 55

Disegna alcuni cerchi. Spostateli in modo che i cerchi appaiano realisticamente sulla superficie.


Passaggio 56

Applicare Inner sui cerchi.


Passaggio 57

Disegna un'altra forma e applica Sovrapposizione sfumatura. Vedi l'immagine qui sotto per riferimento.


Passaggio 58: LCD

Iniziamo disegnando le cerniere LCD. Disegna un rettangolo arrotondato. Modifica i suoi punti a sinistra e avvicinala. Aggiungi un nuovo livello e convertilo in Clipping Mask. Aggiungi l'evidenziazione all'interno della forma per trasformarla in un buco.


Passaggio 59

Aggiungi un altro livello per aggiungere punti salienti della modalità.


Passaggio 60

Disegna seguendo la forma per coprire il buco.


Passo 61

Aggiungi un nuovo livello e quindi colora le luci e le ombre all'interno della copertina.


Passaggio 62

Pennellate molto sottili sul lato della copertina usando un piccolo pennello morbido.


Passaggio 63

Disegna la seguente forma e aggiungi una leggera sfumatura di sfumatura. Dipingi l'evidenziazione in cima alla forma.


Passaggio 64

Disegna una forma rettangolare a metà arrotondata che copre la forma precedente. Dipingi luce e ombra sul bordo.


Passaggio 65

Disegna un rettangolo arrotondato e modifica il suo angolo finché non seguiamo la forma. Applica il Sovrapposizione sfumata sottile.


Step 66

Comando / Ctrl-clic su forma per selezionarlo.


Passaggio 67

Aggiungi una forma più piccola con un colore più scuro. Aggiungi bagliore interno e sovrapposizione gradiente.


Passaggio 68

Aggiungi un nuovo livello e quindi disegna una linea nera morbida sopra. Riduci la sua opacità.


Passo 69

Disegna un rettangolo arrotondato più piccolo. Come al solito, applica Sovrapposizione sfumatura.


Passaggio 70

Disegna un rettangolo arrotondato ancora più piccolo. Aggiungi ombra interiore.


Passo 71

Aggiungi un'immagine nella parte superiore dello schermo e poi premi Comando / Ctrl + Alt + G per convertirla in Maschera di ritaglio. L'immagine ora va all'interno della forma.


Passo 72: Pulsanti LCD

Disegna un cerchio. Applica alcuni stili di livello.


Passaggio 73

Disegna il cerchio più piccolo al centro del precedente. Applica altri stili di livello.


Passaggio 74

Disegna un cerchio più piccolo con un colore più chiaro. Riduci la sua opacità.


Passaggio 75

Disegna la forma del cerchio rosso e applica gli stili di livello seguenti.


Passaggio 76

Aggiungi un nuovo livello e disegna manualmente l'evidenziazione e l'ombra sul pulsante.


Step 77

Disegna altri pulsanti sul display LCD.


Passaggio 78

Disegna una forma di ellisse sul lato destro. Aggiungi sovrapposizione di tratti e sfumature.


Passo 79

Dipingi delle ombre.


Passaggio 80

Disegna un'ellisse scura sul corpo della videocamera. Dipingi alcune ombre e evidenzia il pulsante. Vedi l'immagine qui sotto per riferimento.


Passaggio 81

Aggiungi un'ellisse più piccola e poi dipingi più evidenziazioni sopra usando lo strumento Pennello.


Passaggio 82

Disegna una linea bianca al di fuori dell'area del pulsante.


Passaggio 83

Applica la sfocatura gaussiana per ammorbidirla.


Passaggio 84

Riduci la sua opacità. Cancellare parte dell'ictus. Assicurati di usare una gomma per opacità bassa.


Passaggio 85

Posiziona il pulsante in un livello di gruppo. Trascinare tenendo premuto Alt per duplicare il pulsante.


Step 86

Disegna una forma rettangolare nera arrotondata e poi inclinala.


Passaggio 87

Duplica la forma. Sposta 1 px a destra. Dipingi l'evidenziazione sopra di esso. Ancora una volta, duplica la forma. Spostalo di alcuni pixel verso destra e cambia il suo colore in grigio più chiaro.


Passaggio 88

Aggiungi un nuovo livello e quindi disegna l'evidenziazione e l'ombra sulla superficie del pulsante. Non dimenticare di dipingere l'ombreggiatura del pulsante sul corpo della videocamera.


Passaggio 89

Disegna un poligono nero e applica una leggera sfumatura di sfumatura. Aggiungi un altro rettangolo per il suo altro lato. Vedi l'immagine qui sotto per riferimento.


Passaggio 90

Disegna la seguente forma e applica Sovrapposizione sfumatura.


Passo 91: slot per schede di memoria

Disegna la seguente forma sulla parte superiore del camcorder. Aggiungi un nuovo livello, convertilo in Maschera di ritaglio e quindi dipingi alcuni punti salienti.


Passaggio 92

Disegna seguendo la forma. Come in precedenza, dipingi il suo punto saliente.


Passaggio 93

Ci occuperemo della cover della memory card. Inizia disegnando seguendo la forma. Dipingi l'evidenziazione sottile usando il piccolo strumento Pennello morbido.


Passaggio 94

Disegna una forma più piccola con un colore più chiaro. Dipingi l'evidenziazione sulla sua superficie.


Passaggio 95

Aggiungi un nuovo livello. Comando / Ctrl-clic sulla forma. Fai clic su Modifica> Traccia con bianco come colore.


Passaggio 96

Applicare un piccolo sfocatura gaussiana per ammorbidirlo. Cancellare parte della linea di tratto usando lo strumento gomma morbida. Riduci la sua opacità.


Passaggio 97

Disegna il lato anteriore dell'area. Come al solito, dipingi il suo punto culminante.


Passaggio 98

Disegna la seguente forma dietro lo slot della memory card. Aggiungi alcune luci e ombre.


Passo 99: maneggiare

Vogliamo anche aggiungere un'area maniglia dove possiamo attaccare il cinturino. Inizia disegnando il suo gancio. E applica una leggera sfumatura di sfumatura.


Step 100

Seleziona il suo lato esterno. Aggiungi un nuovo livello e dipingi il colore più chiaro per aggiungere l'evidenziazione.


Passaggio 101

Aggiungi un nuovo livello e aggiungi un'evidenziazione più forte. Per fare ciò, usa un pennello più piccolo.


Passaggio 102

Disegna la sua forma interna e dipingi le sue luci e ombre.


Passaggio 103

Continua a disegnare una cinghia attaccata su di essa. Inizia disegnando seguendo la forma. Applica il seguente Sovrapposizione modello. Possiamo usare il pattern di default disponibile su ogni Photoshop. Aggiungi anche Sovrapposizione sfumatura per aggiungere luce naturale alla forma.


Step 104

Comando / Ctrl-clic sul cinturino per selezionarlo. Aggiungi il livello di regolazione Bianco e nero. Ciò assicurerà che il cinturino sia convertito in bianco e nero.


Passaggio 105: testo

Aggiungiamo alcune etichette sulla superficie della videocamera. Inizia aggiungendo un testo usando lo strumento Tipo standard. Premi Comando / Ctrl + T e seleziona Inclina.


Passaggio 106

Aggiungi nuovo testo e applica Warp. Puoi trovare il suo pulsante nella barra delle opzioni.


Passaggio 107

Ruota il testo finché non si adatta alla superficie.


Passaggio 108

Aggiungi più testo sulla superficie.


Passaggio 109

Per renderlo più realistico, aggiungiamo un'ombra sul testo. Aggiungi un livello sopra il testo e poi convertilo in Maschera di ritaglio. Usa il pennello morbido per dipingere l'ombra sul testo.


Immagine finale