Super Cute Easter Wallpaper Illustration Tutorial

Påskedag trekker seg nær veldig raskt, så hvorfor ikke feire det med noen festlige tapeter? Hva skal vi skape? Hva med en enkel bakgrunn, litt subtil tekstur og noen få kyllinger-nei, ikke den slags kyllinger, den andre typen! La oss komme i gang…

Hva skal vi gjøre ...

Her er bakgrunnen vi skal illustrere fra bunnen av. Klikk på bildet for å se en stor versjon.

Redaktørens merknad: Denne opplæringen ble opprinnelig publisert på tsjekkisk språk på Grafika Online. Grafika har gitt lov til Vaclav for å publisere her på Psdtuts + for de av oss som ikke har mestret Tsjekkia ...

Trinn 1

Opprett et nytt Photoshop-dokument (Ctrl + N). Størrelse er ikke viktig for
nå. Angi en hvit bakgrunn, velg Ellipseverktøyet (U) og
tegne to ellipser - grunnen til vår kylling. Mens du tegner, trykker du på Skift
nøkkel til å ha begge ellipser i ett lag. Ikke glem å tegne figurene
som en form
Lag (første ikon i menylinjen), så vi kan endre dem senere.

Steg 2

Deretter velger du Direct Selection Tool (A). Velg de to sidene
punkter av den andre ellipsen og flytte dem opp litt ...

Trinn 3

... og samtidig justere ankerpunktene for å gjøre dem mindre runde. Som
vises på neste bilde, kan du også rotere toppunktet.

Trinn 4

Når du er fornøyd, klikk på Kombinere-knappen. Denne funksjonen
fusjonerer de to figurene i en.

Trinn 5

Deretter justerer du forbindelsen mellom figurene (sikkert, det er bare en form
nå, men forbindelsen er for skarp). Metoden er ganske enkelt. Velg
Pen Tool (P), legg til to nye poeng rundt den gamle (nye poeng er
uthevet på bildet), og enn slett det gamle punktet (merket med en x
bilde). Hvis forbindelsen fortsatt ikke er runde nok, gjenta denne prosessen få
ganger.

Trinn 6

Hvis du vil, kan du også legge til halen. Med pennverktøyet (P) legger du til et nytt punkt
og flytte den oppover. Deretter trekkes laget tilbake til den endelige fargelysgulten # FDED95.

Trinn 7

Basen er ferdig, så nå kan du fortsette med andre deler. Øyet
er bare en annen svart ellipse, eller sirkel hvis du vil, så trykk på Shift
nøkkel mens du tegner. Trykk imidlertid på Shift etter at du har startet
tegning, ellers vil du sette tilleggs tegnemodus i stedet.

Trinn 8

Chickens nebb kan tegnes med en polygon. Bruk derfor Pennverktøyet (P) og tegne a
formen ligner den på skjermbildet. Ikke glem å flytte dette laget
under grunnlaget. Fargen på denne formen er
# F7BF86. Du kan enkelt endre formfargen når du dobbeltklikker på
forhåndsvisningsikon i paletten Lag, eller angi bakgrunnsfargen og trykk deretter Alt + Backspace.

Trinn 9

Tegn bena på samme måte, det er bare noen få poeng og
museklikk. Det er ikke nødvendig å ha begge bena i ett lag. Hvis du vil,
du kan tegne bare ett bein og duplisere det (Ctrl + J). Men denne gangen
regelmessigheten er ikke viktig - faktisk er det bedre hvis de ikke er for vanlige, da det passer til stilen på illustrasjonen mye bedre.

Trinn 10

Her er kyllingen i 100% visning ... ganske søt!

Trinn 11

Det eneste som mangler er vingen. Vi ønsker en veldig enkel kylling, men manglende vinger er kanskje litt for forenklet :-) Som en base, bruk igjen ellipsen ...

Trinn 12

... og igjen forvandle den som kroppen ved å flytte sidepunktene oppover ...

Trinn 13

... og roter dem med klokken litt (Ctrl + T).

Trinn 14

Recolor den inn i mørkere gul farge (# FBE56E) og - whoa! Vingen
er for sterk. Kanskje vi bare kunne lage en oversikt. Så hvorfor ikke? Velg Path Selection Tool (A),
velg formen, kopier den (Ctrl + C), lim den inn (Ctrl + V),
endre størrelsen på den til 90% (Ctrl + T) ...

Trinn 15

... og sett avtrekk fra formområdemodus. Som du kan se på
neste
bilde, resizing er ikke det samme som å utvide, derfor
Utsikten er bredere på sidene og smalere på toppen og bunnen.
Dessverre har Photoshop ikke flere funksjoner for å jobbe med vektorer (som
Illustrator), så hvis du vil ha en nøyaktig oversikt, må du bytte til en
øyeblikk til Illustrator.

Dette fører oss til et viktig spørsmål som jeg vil svare før jeg blir flammet i kommentarene for det ... Hvorfor ikke bare lage dette i Illustrator?

Svaret er at når
du lager grafikk for skjermen (i vårt tilfelle et bakgrunnsbilde), og ikke for utskrift
(for eksempel en plakat), gjør det ikke så mye forskjell om det er Photoshop eller
Illustrator. Begge har funksjoner for å arbeide med vektorlag, men i
Photoshop kan du også enkelt legge til effekter og endre grafikken. I tillegg til dette
Nettstedet handler om Photoshop, og jeg liker det veldig :)

Trinn 16

Men la oss komme tilbake til kyllingen. I 100% -størrelsen ser det slik ut. Vingen er
ser bra ut, hva med å legge til et omriss rundt kroppen også?

Trinn 17

Hvorfor ikke? Bare bruk samme metode. Dupliser basislaget (Ctrl + J),
velg formen, kopier den, lim den inn, endre størrelsen på den og sett modusen for å trekke fra.
Her kan du veldig tydelig se at resizing er egentlig ikke det samme
som utvider formen ...

Trinn 18

... så du må velge Direct Selection Tool (A) og flytte hvert punkt
hvor den tilhører ...

Trinn 19

Dette gir deg mulighet til å leke med formen og understreke
noe og foreshadow formen på kyssens kropp med jags.

Trinn 20

Snart vil du innse at disposisjon opprettet som en form gir deg mange
muligheter; for eksempel å gjøre vingen enda mer uregelmessig og bredere
på sidene. Bare vær sikker på at det uregelmessige utseendet ser ut som ditt mål,
ikke en sviktende.

Trinn 21

Igjen her er vår 100% størrelsesvisning. Du kan se at den uregelmessige oversikten har lagt mye karakter til illustrasjonen.

Trinn 22

Så, hva mangler? Hva med noen stiliserte fjærer! Til
dette, bruk en veldig enkel duplisering metode. Først tegner du en "fjær", for eksempel med
Pen Tool (P), en enkel quadrangle bør være nok.

Trinn 23

Og når du er fornøyd med størrelsen, flytt formen sidelengs, velg
område med rektangulært markeringsverktøy (M), og definer dette som ny pensel: Rediger
> Definer pensel. Utvalget kan være større enn formen. Det viktigste er
for å holde bakgrunnen hvit og formen svart.

Trinn 24

Hvis du ser børstevisningen på den grå bakgrunnen når du kommer inn i
nytt navn, det er OK (hvitt fra bakgrunnen endres til gjennomsiktig).

Trinn 25

Deretter må du justere børsten for å være klar til å konturere kyllingens kropp.
Derfor åpner børstepaletten og begynn med å justere
Avstand. Pilen på neste bilde viser prøveslag som du
kan prøve det nye midlertidige laget for å se resultatet. Avstanden er
ideelt et sted mellom 150 - 200%.

Trinn 26

For å få fjærjakken mer variert, sett størrelsesjitteren til ca.
40% på fanen Form Dynamics. Igjen kan du se penselen
forhåndsvisning i den nedre delen av paletten (og til venstre i dokumentet).

Trinn 27

Det siste du trenger å gjøre er å justere børsten for å rotere rundt slik at vi kan bruke den til
kyllingens kropp. Dette vil bli gjort med egenskapen Angle Control,
hvor du setter verdien til retning. Nå kan du ikke se noen
forskjell i palettens nedre del, men prøv å tegne med denne penselen
i det nye laget. Penselen roterer til retningen du beveger deg. Dette
er akkurat det vi ønsker!

Trinn 28

Nå kan du tegne fjærjakken rundt kyllingen med musen, men det er det ikke
En veldig behagelig måte å gjøre ting på, spesielt når Photoshop selv kan gjøre jobben. Alle
du trenger er en sti og fordi kjeppens kropp er formslag (eller med andre ord en sti), vi
ha halvparten av arbeidet som allerede er gjort.

Det eneste som trengs er å "flytte" banen fra formlaget til banen
Palett. Velg lag, og med banen
Utvalgsverktøy (A), velg banen. Deretter viser Path Palette, hvor
Du kan se arbeidsbanen (navnet er i kursiv). Dette betyr at etter
Hvis du velger et annet lag, vil denne banen forsvinne, noe som ikke er det du vil!
Klikk derfor på den lille svarte pilen i paletten og velg Lagre sti.

Trinn 29

Deretter opprett et nytt lag (Ctrl + Alt + Shift + N) og klikk igjen på
liten svart pil, men denne gangen velger du Stroke
Banefunksjon.

Trinn 30

For verktøyet, velg Pensel (børsten blir sist brukt), slå av
The Simulate
Trykk og bekreft OK.

Trinn 31

For bedre synlighet av resultatet, kan du lure laget til svart for en stund,
og hvis alt ser bra ut ...

Trinn 32

Endre fargen til gul (# FBE56E). Fordi fargen er veldig lys
og fjærlaget ikke veldig synlig, kan du duplisere laget (Ctrl +
J). Eller gjenta prosedyren en gang til med litt annerledes pensel.

Trinn 33

Her er en annen 100% størrelsesvisning.

Trinn 34

Vi kan ikke forlate vår kylling alene, derfor vil vi skape litt mer, mindre og inn
forskjellige farger.

Flytt alle kyllingslagene i den nye mappen, dupliser den mappen, flytt
sidelengs, og endre størrelsen på det til 50% (Ctrl + T).

Trinn 35

Men etter størrelsen, feirene mangler detaljene. Slett derfor
de to fjærlagene og gjenta prosedyren som vi pleide å feather den større kyllingen. Som deg
kan se på neste bilde, for bedre synlighet er fjærjakken igjen
svart, men selvfølgelig bytt fargen til gul når du er fornøyd med den.

Trinn 36

Og nå vil vi ha et par få kyllinger i forskjellige farger. Kopier mappen og
Last inn valget av alle lag, bortsett fra nebb og ben. Det er enkelt, bare
klikk på lagets miniatyrbilder med Ctrl og Shift-taster.

Trinn 37

Deretter legger du til et nytt justeringslag for Hue / Saturation i Layer Palette.

Trinn 38

Som vil ha det forrige valget som en maske, og derfor alle endringer
vil bli gjort bare over kyllingens kropp. Flytt den første skyveknappen, Fargetone,
til du er fornøyd med fargen.

Trinn 39

Derefter dupliser mappen igjen og bytt nyanse til du vil ha
nok kyllinger :), akkurat som i dette bildet.

Trinn 40

Men - whoa! Mens den gule kyllingen er fin og blek, de andre er skinnende
og veldig, veldig sterk. Vi trenger virkelig å gjøre noe med dette.

Så igjen, legg inn det tilsvarende valget. Denne gangen kan du laste inn
utvalg fra fargetone / matlagingslag. Bare klikk med Ctrl-tasten på
maske miniatyrbildet. Deretter oppretter du et nytt justeringslag for lysstyrke / kontrast
under dette laget. Enn flytte med glidebryteren til kyllingen
er nesten samme lysstyrke som den opprinnelige gule kyllingen. Som du kan se på dette
bilde, den oransje kyllingen trenger bare litt justering ...

Trinn 41

... mens du skal justere den rosa, må du flytte glidebryteren mye mer ...

Trinn 42

... og enda mer for den blå. Den grønne er allerede om høyre.

Trinn 43

Nå har vi alt klart for bakgrunnen - tapetet.
Opprett derfor et nytt dokument i hvilken størrelse skrivebordet ditt krever (for eksempel 1280x1024
eller 1600x1200).

Trinn 44

Fyll bakgrunnen med en lys gul (# FFF6CC) og flytte alle
lag fra forrige dokument til dette. Bare bruk dra og slipp
metode, og distribuere kyllingene på en eller annen måte. For eksempel, som jeg har vist nedenfor:

Trinn 45

Fordi vi vil ha veldig enkel og blek bakgrunn, vi
vil legge til bare noen sprut av akvarellformer. For dette trenger vi noen
akvarell pensler, som du kan laste ned, for eksempel fra den utmerkede DeviantArt. Bare
søk etter
akvarell pensler:


Trinn 46

Og etter litt søk, velg børstene som er store nok. Disse ser godt nok ut til våre formål.


Trinn 47

Gå deretter tilbake til Photoshop, velg penselverktøyet (B) og fra konteksten
menyen, velg alternativet Last inn børster.

Trinn 48

Velg .abr-filen, og de nye børstene dine skal vises direkte på
liste.

Trinn 49

Deretter lager du et nytt lag og begynner å teste børstene med børsteverktøyet (B).
Fargen på penselen er igjen gul (# FFF6CC), men samspillet
av lagene skal være Multiply! På denne måten kan du oppnå en ekte
akvarell ser over alle kyllingene. Etter en stund kan dokumentet se slik ut. Fortsatt veldig
abstrakt og lys bakgrunn, men med fin tekstur og ser mye mer
interessant.

Trinn 50

Deretter juster de små kyllingene for å gjøre hver liten annerledes. Alt du trenger å gjøre
er bevegelse / roter nebb, øye og ben.

Trinn 51

... til slutt flytte kyllingene mer til sidene for å få dem til å se litt mer tilfeldig ut.

Trinn 52

Vi ønsker å fokusere brukerens oppmerksomhet til senteret, hvor den store kyllingen er og
hvor vi plasserer teksten vår. Så legg til et nytt nivå justeringslag og
flytt den svarte glidebryteren til høyre. Hele bildet vil mørke ...

Trinn 53

... deretter tegne en Radial gradient med Gradient Tool fra svart
til hvitt (gradienten er synlig på neste bilde i lagpaletten). Dette
Måten blir mørkningen bare rundt hjørnene.

Trinn 54

Legg deretter bare til litt fin tekst med en fancy skrift, for eksempel 42
(som jeg lastet ned fra gratis skriftsted
dafont.com), i fargen # F5B06A ...
 

Trinn 55

Og tapetet er ferdig! Klikk på neste bilde for å se det fullt ut
størrelse (1280 x 1024).


Trinn 56

Hva? Du vil ikke fullføre ennå? OK, OK. Bare få flere valgfrie trinn. La oss se hvordan vi kan
fokusere brukerens oppmerksomhet litt mer mot midten? Hva med å uklare sidekyllingene!

Dupliser alle mappene av små kyllinger og slå dem sammen i ett lag (Ctrl
+ E) og bruk Filter> Blur> Gaussian Blur filter.

Trinn 57

Still radiusen i henhold til avstanden fra sentrum. For eksempel fra 0,5 px (for
den første kyllingen) til ca 4px (for den siste kyllingen).

Trinn 58

Og det er virkelig slutten denne gangen! Klikk på neste bilde for å se resultatet, og godt
lykke med arbeidet ditt ... og selvfølgelig - god påske!