Tutorial Super Cute Easter Wallpaper Illustration

La domenica di Pasqua si avvicina molto rapidamente, quindi perché non festeggiarla con qualche carta da parati festosa? Cosa creeremo? Che ne dici di uno sfondo semplice, di una consistenza delicata e di alcuni pulcini: no, non quella specie di pulcino, l'altro tipo! Iniziamo…

Cosa faremo ...

Ecco lo sfondo che illustreremo da zero. Clicca l'immagine per vedere una versione grande.

Nota del redattore: questo tutorial è stato originariamente pubblicato in lingua ceca su Grafika Online. Grafika ha gentilmente dato il permesso a Vaclav di ripubblicare qui su Psdtuts + per quelli di noi che non hanno ancora padroneggiato il ceco ...

Passo 1

Crea un nuovo documento Photoshop (Ctrl + N). La dimensione non è importante per
adesso. Impostare uno sfondo bianco, selezionare lo strumento Ellisse (U) e
disegna due ellissi: la base del nostro pulcino. Durante il disegno, premere il tasto Maiusc
chiave per avere entrambe le ellissi in un livello. Inoltre, non dimenticare di disegnare le forme
come una forma
Layer (prima icona nella barra dei menu), quindi possiamo modificarli in seguito.

Passo 2

Successivamente, selezionare lo strumento selezione diretta (A). Seleziona i due lati
punti della seconda ellisse e spostali un po '...

Passaggio 3

... e allo stesso tempo, regola i punti di ancoraggio per renderli meno rotondi. Come
mostrato nell'immagine successiva, puoi anche ruotare il punto in alto.

Passaggio 4

Quando sei soddisfatto, fai clic sul pulsante Combina. Questa funzione
unisce le due forme in una sola.

Passaggio 5

Quindi, regola la connessione tra le forme (certo, esiste una sola forma
ora, ma la connessione è troppo nitida). Il metodo è abbastanza semplice. Seleziona il
Strumento penna (P), aggiungi due nuovi punti attorno a quello vecchio (i nuovi punti sono
evidenziato nella foto), e di eliminare il vecchio punto (contrassegnato da un X sul
immagine). Se la connessione non è ancora abbastanza rotonda, ripetere questo processo pochi
volte.

Passaggio 6

Se vuoi, puoi anche aggiungere la coda. Con lo strumento Penna (P), aggiungi un nuovo punto
e spostalo verso l'alto. Quindi ricolora lo strato nell'ultimo colore-luce giallo # FDED95.

Passaggio 7

La base è finita, quindi ora puoi continuare con altre parti. L'occhio
è solo un'altra ellisse nera, o cerchio se vuoi, quindi premi il tasto Maiusc
mentre stai disegnando. Tuttavia, premi il tasto Maiusc dopo aver iniziato
disegno, altrimenti si imposterà invece la modalità disegno aggiuntivo.

Passaggio 8

Il becco del pulcino può essere disegnato con un poligono. Pertanto, usa lo strumento Penna (P) e disegna a
forma simile a quella sullo screenshot. Non dimenticare di spostare questo livello
sotto lo strato di base. Il colore di questa forma è
# F7BF86. È possibile modificare facilmente il colore della forma quando si fa doppio clic sul
icona di anteprima nella palette Livelli o impostare il colore di sfondo e premere Alt + Backspace.

Passaggio 9

Disegna le gambe allo stesso modo, sono solo pochi altri punti e
clic del mouse. Non è necessario avere entrambe le gambe in uno strato. Se vuoi,
puoi disegnare solo una gamba e duplicarla (Ctrl + J). Ma questa volta
la regolarità non è importante, anzi, è meglio se non sono troppo regolari, in quanto ciò si adatta molto meglio allo stile dell'illustrazione.

Passaggio 10

Ecco la ragazza in vista al 100% ... carina!

Passaggio 11

L'unica cosa che manca è l'ala. Vogliamo un pulcino molto semplice, ma le ali mancanti sono forse un po 'troppo semplicistiche :-) Come base, usa di nuovo l'ellisse ...

Passaggio 12

... e di nuovo lo trasformi come il corpo spostando i punti laterali verso l'alto ...

Passaggio 13

... e ruotale un po 'in senso orario (Ctrl + T).

Passaggio 14

Ricolora il colore giallo più scuro (# FBE56E) e - whoa! L'ala
è troppo forte Forse potremmo fare solo un contorno. Quindi perche no? Seleziona lo strumento di selezione del percorso (A),
seleziona la forma, copiala (Ctrl + C), incollala (Ctrl + V),
ridimensionalo al 90% (Ctrl + T) ...

Passaggio 15

... e imposta Sottrai dalla modalità area forma. Come puoi vedere sul
Il prossimo
l'immagine, il ridimensionamento non è la stessa cosa dell'espansione, quindi il
il contorno è più ampio sui lati e più stretto nella parte superiore e inferiore.
Sfortunatamente, Photoshop non ha più funzioni per lavorare con i vettori (come
Illustrator), quindi se si desidera un contorno preciso, è necessario passare a
momento in Illustrator.

Questo ci porta a una domanda importante a cui risponderò prima di essere fiammeggiata nei commenti per questo ... Perché non creare questo in Illustrator?

La risposta è quella quando
stai creando una grafica per lo schermo (nel nostro caso uno sfondo) e non per la stampa
(per esempio un poster), non fa molta differenza se si tratta di Photoshop o
Illustratore. Entrambi hanno funzioni per lavorare con i livelli vettoriali, ma in
Photoshop puoi anche aggiungere facilmente effetti e modificare la grafica. Oltre a questo
sito è su Photoshop, e mi piace molto :)

Passaggio 16

Ma torniamo alla ragazza. Nella dimensione del 100%, sembra così. L'ala è
bello, cosa ne pensi di aggiungere un contorno attorno al corpo?

Passaggio 17

Perchè no? Usa lo stesso metodo. Duplica il livello di base (Ctrl + J),
selezionare la forma, copiarla, incollarla, ridimensionarla e impostare la modalità da sottrarre.
Qui puoi vedere molto chiaramente che il ridimensionamento non è la stessa cosa
come espandere la forma ...

Passaggio 18

... quindi è necessario selezionare lo strumento di selezione diretta (A) e spostare ogni punto
dove appartiene ...

Passaggio 19

Questo ti dà l'opportunità di giocare con la forma e sottolineare
qualcosa e prefigurano la forma del corpo del pulcino con le jags.

Passaggio 20

Presto capirai che il contorno creato come forma ti dà molti
possibilità; per esempio, per rendere l'ala ancora più irregolare e più larga
ai lati. Assicurati solo che l'aspetto irregolare assomigli alla tua mira,
non è un fallimento.

Passaggio 21

Ancora una volta ecco la nostra visualizzazione delle dimensioni al 100%. È possibile vedere il contorno irregolare ha aggiunto un sacco di carattere per l'illustrazione.

Passaggio 22

Quindi, cosa manca? Che ne dici di alcune piume stilizzate! Per
questo, usa un metodo di duplicazione molto semplice. Per prima cosa disegna una "piuma", ad esempio con il
Pen Tool (P), un quadrangolo semplice dovrebbe essere sufficiente.

Passaggio 23

E quando sei soddisfatto della dimensione, sposta la forma lateralmente, seleziona il
area con lo strumento Selezione rettangolare (M) e definirlo come nuovo pennello: Modifica
> Definisci pennello. La selezione può essere più grande della forma. L'importante è
per mantenere lo sfondo bianco e la forma nera.

Passaggio 24

Se vedi l'anteprima del pennello sullo sfondo grigio quando stai entrando in
nuovo nome, va bene (il bianco dallo sfondo diventa trasparente).

Passaggio 25

Quindi è necessario regolare il pennello per essere pronti a contornare il corpo del pulcino.
Pertanto, aprire la tavolozza Pennelli e iniziare regolando il
Spaziatura. La freccia sulla prossima immagine mostra il tratto del campione che tu
può provare sul nuovo livello temporaneo per vedere il risultato. Lo spazio è
ideale da qualche parte tra il 150 e il 200%.

Passaggio 26

Per avere il piumaggio più variegato, imposta il valore Jitter su circa
40% sulla scheda Dinamiche forme. Di nuovo, puoi vedere il pennello
anteprima nella parte inferiore della palette (e a sinistra nel documento).

Passo 27

L'ultima cosa che devi fare è regolare il pennello per ruotare intorno in modo che possiamo applicarlo al
il corpo di pulcino. Questo sarà fatto con la proprietà Angle Control,
dove imposti il ​​valore su Direzione. Ora non puoi vederne
differenza nella parte inferiore della tavolozza, ma prova a disegnare con questo pennello
nel nuovo livello. Il pennello ruota nella direzione in cui ti stai muovendo. Questo
è esattamente quello che vogliamo!

Passaggio 28

Ora puoi disegnare il piumaggio attorno al pulcino con il mouse, ma non lo è
un modo molto comodo di fare le cose, soprattutto quando Photoshop stesso può fare il lavoro. Tutti
è necessario un percorso e poiché il corpo del pulcino è uno strato di forma (o, in altre parole, un percorso), noi
hai già fatto metà del lavoro.

L'unica cosa necessaria è "spostare" il percorso dal livello forma nel percorso
Tavolozza. Seleziona il livello e con il percorso
Strumento di selezione (A), selezionare il percorso. Quindi mostra la palette dei percorsi, dove
puoi vedere il percorso di lavoro (il nome è in corsivo). Ciò significa che dopo
selezionando un altro livello, questo percorso scomparirà, il che non è ciò che desideri!
Pertanto, fare clic sulla piccola freccia nera nella tavolozza e selezionare Salva percorso.

Passaggio 29

Quindi crea un nuovo livello (Ctrl + Alt + Maiusc + N) e fai nuovamente clic sul
piccola freccia nera ma questa volta seleziona il tratto
Funzione di percorso.

Passaggio 30

Per lo strumento, seleziona Pennello (il pennello sarà l'ultimo usato), spegni
il simulato
Pressione e conferma OK.

Passaggio 31

Per una migliore visibilità del risultato, puoi ricolorare il livello in nero per un po ',
e se tutto sembra ok ...

Passo 32

Cambia il colore in giallo (# FBE56E). Perché il colore è molto leggero
e la piuma non è molto visibile, puoi duplicare il livello (Ctrl +
J). Oppure ripetere la procedura ancora una volta con un pennello leggermente diverso.

Passaggio 33

Ecco un'altra vista di dimensioni del 100%.

Passaggio 34

Non possiamo lasciare il nostro pulcino da solo, quindi, ne creeremo altri, più piccoli e in
colori differenti.

Spostare tutti i livelli pulcini nella nuova cartella, duplicare quella cartella, spostare
lateralmente e ridimensionarlo al 50% (Ctrl + T).

Passaggio 35

Ma dopo il ridimensionamento, le piume mancano i dettagli. Pertanto, elimina
i due strati di piume e ripetere la procedura che abbiamo usato per piumare il pulcino più grande. Come te
può vedere sulla prossima immagine, per una migliore visibilità è ancora una volta il piumino
nero, ma ovviamente cambia il colore in giallo, quando sei soddisfatto.

Passaggio 36

E ora vogliamo un altro paio di pulcini in diversi colori. Duplica la cartella e
carica la selezione di tutti gli strati tranne il becco e le gambe. È facile, giusto
clicca sulle miniature del livello con i tasti Ctrl e Shift.

Passaggio 37

Quindi nella tavolozza Livelli aggiungi un nuovo livello di regolazione per Tonalità / saturazione ...

Passaggio 38

Quale avrà la selezione precedente come maschera e, quindi, tutte le modifiche
sarà fatto solo sul corpo del pulcino. Muovi il primo cursore, Tonalità,
finché non sei soddisfatto del colore.

Passaggio 39

Quindi duplicare nuovamente la cartella e modificare la tonalità finché non si avrà
abbastanza pulcini :), proprio come in questa immagine.

Passaggio 40

Ma - whoa! Mentre il pulcino giallo è bello e pallido, gli altri sono lucenti
e molto, molto forte. Abbiamo davvero bisogno di fare qualcosa con questo.

Quindi, di nuovo, carica la selezione corrispondente. Questa volta, puoi caricare il
selezione dal livello Tonalità / Saturazione. Basta fare clic con il tasto Ctrl su
la miniatura della maschera. Quindi crea un nuovo livello di regolazione per Luminosità / Contrasto
sotto questo strato. Spostati con il cursore Luminosità fino al pulcino
è quasi la stessa luminosità del pulcino giallo originale. Come puoi vedere su questo
foto, il pulcino arancione ha bisogno solo di un piccolo aggiustamento ...

Passaggio 41

... mentre per regolare quello rosa è necessario spostare il cursore molto di più ...

Passaggio 42

... e ancora di più per quello blu. Quello verde ha già ragione.

Step 43

Ora abbiamo tutto pronto per lo sfondo, lo sfondo.
Pertanto, creare un nuovo documento con le dimensioni richieste dal desktop (ad esempio 1280x1024
o 1600x1200).

Passaggio 44

Riempi lo sfondo con un giallo chiaro (# FFF6CC) e sposta tutto il
strati dal documento precedente in questo. Basta usare il drag and drop
metodo, e poi distribuire i pulcini in qualche modo. Ad esempio, come ho mostrato di seguito:

Passaggio 45

Perché vogliamo avere uno sfondo molto semplice e pallido, noi
aggiungerà solo alcuni schizzi di forme acquerello. Per questo, abbiamo bisogno di alcuni
pennelli acquerello, che è possibile scaricare, ad esempio, dall'eccellente DeviantArt. Appena
Cercare
pennelli acquerello:


Passaggio 46

E dopo un po 'di ricerca, seleziona i pennelli che sono abbastanza grandi. Questi sembrano abbastanza buoni per i nostri scopi.


Passaggio 47

Quindi torna a Photoshop, seleziona lo strumento Pennello (B) e dal contesto
menu, selezionare l'opzione Carica pennelli.

Passaggio 48

Seleziona il file .abr e i tuoi nuovi pennelli dovrebbero apparire direttamente su
elenco.

Passaggio 49

Quindi, crea un nuovo livello e inizia a testare i pennelli con lo strumento Pennello (B).
Il colore del pennello è di nuovo giallo (# FFF6CC), ma l'interazione
degli strati dovrebbe essere Multiply! In questo modo, puoi ottenere un risultato reale
acquerello su tutti i pulcini. Dopo un po ', il tuo documento potrebbe assomigliare a questo. Ancora un molto
sfondo astratto e luminoso, ma con una bella trama e un aspetto molto più
interessante.

Passaggio 50

Quindi, regola i piccoli pulcini per renderli diversi. Tutto ciò che devi fare
è spostare / ruotare il becco, gli occhi e le gambe.

Passaggio 51

... alla fine sposta i pulcini di più verso i lati per renderli un po 'più casuali.

Passaggio 52

Vogliamo concentrare l'attenzione del nostro utente sul centro, dove si trova il grande pulcino e
dove metteremo il nostro testo. Quindi aggiungi un nuovo livello di regolazione Livelli e
sposta il cursore nero a destra. L'intera immagine si oscurerà ...

Passaggio 53

... quindi disegna una sfumatura radiale con lo strumento sfumatura dal nero
a bianco (la sfumatura è visibile sulla prossima immagine nella palette dei livelli). Questo
modo, l'oscuramento sarà solo dietro gli angoli.

Passaggio 54

Quindi aggiungi semplicemente un bel testo con un font di fantasia, ad esempio 42
(che ho scaricato dal sito di font gratuito
dafont.com), nel colore # F5B06A ...
 

Passaggio 55

E lo sfondo è fatto! Clicca sulla foto successiva per vederla piena
dimensione (1280 x 1024).


Passaggio 56

Che cosa? Non vuoi ancora finire? OK OK. Solo pochi passaggi opzionali. Vediamo come possiamo
focalizzare l'attenzione dell'utente un po 'più verso il centro? Che ne dici sfocando i pulcini laterali!

Duplica tutte le cartelle di piccoli pulcini e uniscili in un unico livello (Ctrl
+ E) e utilizzare Filtro> Sfocatura> Filtro sfocatura gaussiana.

Passaggio 57

Imposta il raggio in base alla distanza dal centro. Ad esempio, da 0,5 px (per
il primo pulcino) a circa 4px (per l'ultimo pulcino).

Passaggio 58

E questa volta è davvero la fine! Clicca sulla prossima immagine per vedere il risultato, e bene
fortuna con il tuo lavoro ... e ovviamente - Buona Pasqua!