Creați o copertă Happy-Bright, pentru copii de colorat

În acest tutorial intermediar, vă arăt cum să creați o carte acoperire pentru copii de colorat din schiță până la arta grafică finalizată. Vom folosi gradiente, perii personalizate și tipografie. Puteți crea cu ușurință o copertă de carte și puteți folosi tehnicile învățate pe alte proiecte.

Puteți găsi fișierele sursă din directorul numit "sursă" care a apărut în fișierele pe care le-ați descărcat. Poate doriți să le priviți pe scurt înainte de a începe.


Tutorial Note

Am vrut să trec peste câteva detalii cu privire la acest tutorial înainte de a începe. În primul rând, vom crea acest tutorial cu un profil CMYK pentru intenția de a trimite fișierul la o imprimantă. Mai mult decât atât, am de gând să utilizez inci pentru măsurători, dar puteți traduce cu ușurință la sistemul dvs. de măsurare.

De asemenea, deoarece vom folosi efecte raster în acest tutorial, veți dori să setați efectele rasterului de documente la 300 ppi pentru rezultatele de imprimare de cea mai înaltă calitate. Pentru a schimba acest lucru, parcurgeți Efecte> Setări efecte document Raster și selectați High (300 ppi).

Nu intru în detaliu pentru culoarea pe care o aleg în tutorial, dar vă sfătuiesc să folosiți culori strălucitoare. Acest tip de culori apelează la copii mai mult decât la culori slabe.


Pasul 1

Primul lucru pe care trebuie să-l faceți este să schițați un aspect al capacului cărții. Îmi place să schițez câteva miniaturi rapide ale copertei și să schițez o versiune mai detaliată a oricărui lucru pe care trebuie să-l urmăresc în Illustrator. În acest tutorial, voi face o schiță mai detaliată a personajului băiat. Puteți schița în orice mediu doriți. Îmi place să scriu direct în Photoshop cu tableta mea pentru stilouri Wacom. Indiferent de modul în care schițați-l, salvați fișierul imagine într-un loc ușor accesibil pe computer.



Pasul 2

Acum putem intra în Illustrator! Creați un document nou accesând Fișier> Nou. În dialogul Document nou, alegeți Letter din meniul drop-down Size, modificați câmpul Top Bleed la .125 și asigurați-vă că este apăsat butonul Make All Settings The same (Faceți toate setările același buton) (arată ca o pictogramă în lanț). Acum avem documentul stabilit cu sângerări pentru imprimare și tăiere.



Pasul 3

Cu instrumentul Rectangle (M), creați un dreptunghi de 7,5 inchi de 10 inch și plasați-l în centrul documentului. O modalitate ușoară de a centra centrul dreptunghiului în tabloul de bord este selectarea Align To Artboard din meniul pop-up Align în colțul din dreapta jos al panoului Align. Apoi, apăsați butoanele Centru de aliniere orizontală și Centru vertical de aliniere verticală în panoul Aliniere.



Pasul 4

Acest dreptunghi va fi ghidul nostru pentru copertă. Nu vrem nici un text sau informații importante care să depășească aceste limite. Pentru a transforma dreptunghiul într-un ghid mergeți View> Guide> Make Guide (Command + 5).



Pasul 5

Pentru a plasa imaginea originală a schiței, mergeți la File> Place și găsiți imaginea pe computer. Odată plasat, selectați Șablon din meniul pop-up al panoului Straturi. Acest lucru va bloca stratul și ecranul înapoi imaginea, făcându-l ușor de urmărit.



Pasul 6

Îmi place să păstrez documentul organizat, astfel încât să fie ușor să editați ulterior ilustrația. Pentru a crea primul strat, apăsați butonul Creare strat nou din partea de jos a panoului Straturi. Este, de asemenea, o idee bună să redenumiți stratul pentru o mai bună organizare. Pentru a redenumi stratul, faceți dublu clic pe strat pentru a deschide Opțiunile stratului. Aici puteți schimba numele împreună cu alte opțiuni la îndemână. Începeți prin redenumirea noului layer la "Head".



Pasul 7

Acum putem începe urmărirea capului imaginii originale. Utilizați instrumentul Pen (P) pentru a urmări principalele forme și linii ale capului. Cu unele forme, cum ar fi fața și părul, veți dori să închideți calea. Alte linii, cum ar fi sprâncenele, nasul și liniile sub ochi, pot fi lăsate ca lovituri. Este mai ușor să aplicați o perie cu linie conică la aceste linii. De asemenea, nu urmăriți încă ochii pentru că vom folosi instrumentul Ellipse (L) pentru a crea ochii. Pentru câteva sfaturi și cele mai bune practici pentru uneltele Pen Tool (P), consultați Instrumentul pentru pixuri al Vectortuts + Illustrator: articolul cuprinzător.



Pasul 8

Desenați o elipsă alungită cu instrumentul Ellipse (L) și umpleți-o cu negru și fără un accident vascular cerebral. Utilizați Instrumentul de selecție directă (A) pentru a selecta punctul de ancorare stâng al elipsei. Odată selectată, panoul de control este implicit la opțiunea Punct de ancorare. Apăsați butonul Conversie selectat puncte de ancorare la colț în panoul de control. Apoi, convertiți punctul de ancorare din elipsă într-un colț.



Pasul 9

Selectați elipsa și trageți-o în panoul Perie. Atunci când se deschide fereastra New Brush, alegeți New Art Brush. În dialogul cu opțiunea Brush Art, singurul lucru pe care trebuie să îl schimbați este Colorizarea. Alegeți Tinturi din meniul pop-up Method (Metodă) din Colorisation (Colorare), făcând ușor schimbarea culorii noului Brush Art.



Pasul 10

Acum că am creat peria noastră, o putem aplica la unele lovituri create cu instrumentul Pen (P). Selectați pur și simplu o cursă și selectați peria personalizată din panoul Brush. S-ar putea să trebuiască să jucați cu greutatea în greutate în panoul Stroke pentru a obține greutatea cum vă place.



Pasul 11

Apoi vine ochii. Am putut urmări cu ușurință ochii cu instrumentul Pen (P), dar este ușor să creați forme de ochi coerente cu instrumentul Ellipse. Începeți prin crearea a patru elipse peste forma ochiului stâng.

În schiță, puteți observa că forma ochiului este tăiată în partea inferioară. Pentru a crea acest efect, desenați o formă cu instrumentul Pen (P) care taie partea inferioară a ochiului. Selectați toate formele ochilor și forma pe care ați creat-o cu ajutorul instrumentului Pen (P) și apăsați pe butonul Divide din panoul Pathfinder. Apoi Ungroup (Command + Shift + G) obiectele de câteva ori și ștergeți formele nedorite.



Pasul 12

Selectați toate formele de ochi, Copiați (Comandă + C) și Lipiți (Comandă + V). Acum puneți forma ochiului peste ochiul drept.



Pasul 13

Acum, că avem toate formele și loviturile create pentru față. Putem începe să umplem fața cu culoarea. Îmi place să încep cu cele mai mari forme (cap și păr) și să le umplem cu o culoare de bază. Apoi, schimbați culoarea cursei pe traseele perie personalizate. În funcție de formele pe care le-ați urmărit mai întâi, este posibil să trebuiască să faceți unele aranjamente. Trimite obiecte înapoi prin deplasarea obiectelor> Aranjare> Trimitere înapoi (tasta Command + Stânga) sau Object> Arrange> Bring Forward (Command + Right Bracket Key).



Pasul 14

Acum, că avem o culoare de bază în față, putem adăuga o adâncime mai mare cu gradiente. Începeți prin a decide de unde doriți să apară o sursă de lumină. Pentru acest tutorial, lumina va veni din partea dreaptă a personajului.

Acum, selectați forma principală a feței și completați-o cu un gradient liniar din panoul Gradient. Schimbați prima oprire a culorilor în gradient cu culoarea pielii și cea de-a doua culoare Opriți culoarea pielii mai întunecată. Reglați gradientul de la partea de sus-dreapta spre stânga cu instrumentul Gradient (G), astfel încât partea mai ușoară a gradientului se află pe partea stângă a feței.



Pasul 15

Continuați să adăugați gradienți la celelalte forme din față ținând cont de sursa de lumină. Pentru forma ochilor, utilizați un gradient radial în loc de un gradient liniar.



Pasul 16

Putem adăuga și mai multă adâncime în față prin crearea mai multor forme și gradienți. Creați o elipsă cu instrumentul Ellipse (L) cu dimensiunea unui ochi și plasați-o sub un ochi.

Umpleți elipsa cu un gradient radial și schimbați atât culorile se oprește în Gradient, cât și culoarea pielii roz. Selectați opțiunea de oprire a culorii din glisorul Gradient și modificați opacitatea la 0. Copiați (Command + C), Lipiți (Command + V) și plasați sub celălalt ochi.



Pasul 17

Pentru a adăuga și mai multă profunzime la fața caracterului, utilizați instrumentul Pen (P) și desenați o cale care distinge conturul nasului, gurii și ochilor. Pentru a face noua formă a feței să se alinieze cu forma principală a feței, copiați (Command + C) forma principală a feței, Lipiți în față (Command + F). Selectați copia principală a formei și noul contur de formă și apăsați butonul Intersect din panoul Pathfinder.



Pasul 18

Umpleți noua formă cu un gradient liniar, ambele Culori opresc o culoare neagră a pielii. Schimbați Opacitatea celui de-al doilea Color Stop la 0. Reglați gradientul astfel încât partea mai întunecată a gradientului să fie în partea stângă a feței. Apoi, mergeți la Object> Arrange> Send Backwards (Command + Bracket Stânga) până când forma conturului se află chiar în fața formei feței principale, dar în spatele tuturor celorlalte forme ale ochiului, nasului și gurii.



Pasul 19

Acum, când se face fata, putem începe trasarea corpului personajului. Pentru a începe, creați un nou strat din panoul Straturi și denumiți-l "Corp". Trageți stratul "Corp" sub stratul "Cap".



Pasul 20

În cadrul noului strat "Corp", începeți urmărirea schiței cu instrumentul Pen (P).



Pasul 21

Ca și în cazul feței, completați-o cu o culoare adecvată.



Pasul 22

De asemenea, ca fața, umpleți formele colorate cu un gradient pentru a adăuga mai multă adâncime caracterului.



Pasul 23

Cu ajutorul instrumentului Brush (B) și a pensulei personalizate, creați câteva lovituri pe haine pentru a adăuga o anumită adâncime. Apoi schimbați culoarea cursei pentru a se potrivi cu îmbrăcămintea.



Pasul 24

Personajul arată destul de bine. Pentru a termina personajul, trebuie să îl scarăm și să îl plasăm în document la dimensiunea corectă. Dacă aruncăm o privire asupra schiței aspectului, caracterul ocupă aproximativ trei sferturi din pagină.

Pentru a scala caracterul, selectați toate lucrările de artă din straturile "Cap" și "Corp". Acum, cu Instrumentul de selecție (V), scalați caracterul la dimensiunea corespunzătoare. De asemenea, prin acest punct în tutorial, nu mai avem nevoie de șablonul de imagine schiță. Ascundeți stratul de șablon apăsând pictograma Vizibilitate pentru stratul "Șablon" din panoul Straturi.



Pasul 25

De asemenea, este frumos să aveți o lucrare de artă frumoasă și curată, astfel încât opera de artă să nu depășească sângerările pe care le-am înființat. O modalitate ușoară de a decupa operele de artă într-un mod nedistructiv este utilizarea unei măști de decupare a straturilor. Pentru a face acest lucru, trageți mai întâi un dreptunghi cu instrumentul Rectangle (L) dimensiunea sângerării documentului pe stratul "Corp". Apoi alegeți Make Make Clipping Mask din meniul pop-up al panoului Layers.



Pasul 26

Creați un nou strat din panoul Straturi, etichetați-l "Background" și trageți-l sub straturile "Head" și "Body".



Pasul 27

În stratul de fundal, creați un dreptunghi care este dimensiunea sângerării documentului. Înclinați dreptunghiul cu un gradient radial și schimbați prima opțiune de culoare în gradient spre alb și a doua, spre culoarea cerului.



Pasul 28

Cu Pen Tool, creați trei forme simple de nor și completați-le cu alb. Copiați (Command + C) și lipiți (Command + V) formele de nor în jurul "Background".



Pasul 29

Creați un dreptunghi cu mărimea sângerării documentului și creați o mască de tăiere din panoul Straturi ca înainte.



Pasul 30

Creați un strat nou din panoul Straturi, denumiți-l "Titlu" și asigurați-vă că acesta este cel mai înalt strat, deasupra straturilor "Cap", "Corp" și "Fundal".



Pasul 31

Creați un dreptunghi care este la aproximativ 1/4 înălțime și la fel de larg ca sângerarea documentului. Așezați dreptunghiul în partea de sus a documentului. Umpleți dreptunghiul cu un gradient liniar, cu primul Stop Color un portocaliu deschis și cel de-al doilea Color Stop o culoare portocalie. Reglați gradientul cu ajutorul instrumentului Gradient (G) de sus în jos, astfel încât partea mai ușoară a gradientului să fie în partea superioară a formei.



Pasul 32

Creați un mic .125 în cu .125 în elipse. Umpleți elipsa cu același gradient liniar ca și dreptunghiul anterior, dar reglați gradientul astfel încât partea întunecată a gradientului se află în partea de sus a elipsei.

Copiați (Command + C) și lipiți înapoi (Command + B). Cu copia selectată, deplasați-o ușor. Copiați (Command + C) și lipiți înapoi (Command + B) din nou forma originală. Selectați copia nouă și copia mutată, apăsați pe butonul Minus Front din panoul Pathfinder și schimbați culoarea într-o culoare galben deschis. Apoi, selectați elipsa principală și schimbați modul Color pentru a multiplica din panoul Transparență.



Pasul 33

Grupați elipsa și altă formă împreună, apoi plasați-le la aproximativ un centimetru în partea stângă a tabloului de bord și la o jumătate de centimetru de susul tabloului de bord.



Pasul 34

Cu elipsele grupate selectate, mergeți Efect> Distortare și Transformare> Transformare. Cu dialogul Transform Effect (Efect de transformare), schimbați Move Horizontal (Movare orizontală) la .375 inches și copiile la 24. Apoi, mergeți Effect> Distort and Transform> Transform din nou, dar de data aceasta, schimbați Move Horizontal la .25 inches, -355 cm, iar copiile la 4.



Pasul 35

Creați o elipsă alungită spre partea superioară a documentului. Umpleți elipsa cu un gradient liniar, cu primul Color Stop albastru deschis și cel de-al doilea Color Stop cu un albastru mai întunecat. Reglați gradientul, astfel încât culoarea mai închisă se află în partea de sus a elipsei. Apoi, copiați (Command + C) și lipiți în față (Command + F) elipsa. Scalati usor elipsa folosind instrumentul de selectie (V) si umpleti-l cu alb.



Pasul 36

Utilizați instrumentul Tip pentru a scrie un text. În acest tutorial, am folosit Myriad Black, dar puteți schimba fontul după cum este necesar. Descrieți textul (Command + Shift + O) accesând Type> Create Outline. De asemenea, asigurați-vă că Ungroup (Command + Shift + G) mergeți prin Object> Ungroup.



Pasul 37

Cu textul negroupat selectat, mergeți la Object> Transform> Transform Each. În dialogul Transformați fiecare dialog, schimbați mutarea orizontală la .05 cm, mutați vertical la .1 inci, setați unghiul de rotire la 10, bifați caseta de selectare Random și apăsați OK.

În funcție de modul în care se produce efectul de transformare, mutați, rotiți și reglați oricare dintre litere. Apoi, completați litera cu același gradient liniar albastru ca în elipse anterioare.



Pasul 38

Cu textul selectat încă, Copiați (Comandă + C) și Lipiți înapoi (Comandă + B). Deplasați literele copiate în jos și în stânga. Apoi, completați textul copiat cu o culoare gri deschis.



Pasul 39

Creați un dreptunghi care este lățimea sângelui documentului și aproximativ 1 inci înălțime. Efectul Go> Warp> Arch și în opțiunile Warp, asigurați-vă că este bifat butonul Radial orizontal și modificați Bend la 20. Apoi, extindeți efectul făcând Object> Expand Appearance. Apoi, umpleți dreptunghiul cu același gradient liniar, ajustați de sus în jos, ca și în tipul precedent și elipsă.



Pasul 40

Utilizați Instrumentul de selecție (V), țineți apăsată tasta Shift și Alt, apoi glisați o copie a dreptunghiului, astfel încât arcul superior al copiei să fie în cel de-al patrulea trimestru al originalului. Decupați orice umplere și cursa și faceți clic pe forma arcului superior cu ajutorul instrumentului Tip pe cărare spre partea stângă. Introduceți titlul cu fontul pe care îl alegeți. Am folosit Grobold pe care îl descărc de la Dafont.



Pasul 41

Descrieți textul și Ungroup (Command + Shift + G). Cu textul negroupat selectat, mergeți la Object> Transform> Transform Each. În dialogul Transformați fiecare dialog, schimbați mutarea orizontală la .05 inci, mutați vertical la .1 inchi, setați unghiul de rotire la 10, bifați caseta de selectare Random și apăsați OK. În funcție de modul în care se produce transformarea, puteți să mutați, să rotiți și să ajustați oricare dintre litere după cum este necesar.



Pasul 42

Cu literele încă selectate, mergeți la Object> Path> Offset. În fereastra Offset Path schimbați Decalajul la .125 inchi și apăsați OK. Selectați literele offset și forma arcului și apăsați pe butonul Untie din panoul Pathfinder.

Modificați culoarea formei unite la același gradient liniar albastru utilizat anterior. Apoi, du-te Obiect> Aranjare> Trimite înapoi (tasta Command + Bracket stânga) până când forma nelegată se află în spatele literelor originale.



Pasul 43

Pentru această etapă, completați fiecare literă individuală cu un gradient liniar diferit ajustat de sus în jos.



Pasul 44

Selectați toate literele, Copiați (Comandă + C) și Paste înapoi (Comandă + B). Mutați scrisoarea copiată ușor spre partea de jos și spre stânga. Umpleți copiile cu un albastru închis.



Pasul 45

Selectați elipsa de gradient albastru din titlu, selectați forma arcului de gradient albastru și alegeți Efect> Stylize> Drop Shadow. În fereastra de dialog Umbra de Drop, modificați opacitatea la 40, X Offset la 0, Y Offset la .1 inches și Blur la .07 inches.

Din moment ce noi creăm acest design pentru ieșirea de imprimare, verificați dacă efectele rasterului sunt corect setate. Pentru a verifica setările, mergeți la Effect> Document Raster Effect Settings și asigurați-vă că rezoluția este setată la High (300 ppi). Acest lucru va asigura ca efectul raster sa fie imprimat clar fara pixelare.



Pasul 46

Creați un nou strat în panoul Straturi și numiți-l "Pagină". Asigurați-vă că stratul de pagini este pe partea de sus a tuturor celorlalte straturi.



Pasul 47

Cu instrumentul Pen (P), creați un triunghi în partea dreaptă jos a documentului. Umpleți triunghiul cu gradientul liniar portocaliu pe care l-ați folosit în titlu.

Adăugați un Stop suplimentar de culoare în gradient făcând clic dreapta sub cursorul Gradient din panoul Gradient. Schimbați noul Stop Color la culoarea dvs. portocalie și ultima Color Stop la o culoare portocalie mai închisă. Apoi, deplasați opritorul de culoare din mijloc spre dreapta, aproape de ultima oprire a culorilor. Reglați gradientul la un unghi de 45 de grade, astfel încât partea mai ușoară a gradientului să fie situată în partea din dreapta-jos a documentului.



Pasul 48

Creați o formă de curlare a paginii cu instrumentul Pen (P). Umpleți-l cu un Gradient de oprire a culorii: primul alb stop, cel de-al doilea albastru-gri și al treilea un albastru-închis. Reglați gradientul la un unghi de 45 de grade, astfel încât partea albă a gradientului se află în partea stângă sus a curlării paginii.



Pasul 49

Dacă ați selectat curlarea paginii, copiați (Command + C) și inserați înapoi (Command + B). Utilizați Instrumentul de selectare (V) pentru a apuca punctul de ancorare de sus-dreapta și scalați copia în jos spre stânga jos. Modificați umplerea copiei într-o culoare albastru-gri și mergeți la Efect> Stylă> Feather. În caseta de dialog Feather (Feather), schimbați Radiusul penei la .125.



Pasul 50

Creați un text alb cu Instrumentul pentru text (T) pentru a descrie ce este în interiorul cărții. Pentru aceasta, am folosit textul Myriad Black, care este corect justificat.



Pasul 51

Ca ultim pas, curățați orice strat cu o lucrare de artă care depășește sângerarea documentului folosind o mască de tăiere a stratului. Totul este gata!



Imagine finală

Mai jos este imaginea finală.