Cum să faci roți Skate Realiste în Illustrator

Folosind instrumentul 3D Revolve al Illustratorului, vom crea un set de roți de skateboard realiste și vom cartona propriile lucrări de artă pe roată. Vom aborda tehnici avansate, cum ar fi utilizarea instrumentului de tip revolve, pregătirea lucrării de artă, cartografiere pe suprafețele 3D și câteva trucuri reci pentru adăugarea finisajelor.

Imagine finală a imaginii

Mai jos este proiectul final la care vom lucra. 

Pasul 1

Înainte de a începe, trebuie să vă reamintesc că Adobe Illustrator nu a fost construit pentru a fi folosit ca un motor de redare 3D, cum ar fi Maya, Cinema 4D, 3DS sau oricare alt program 3D. De aceea, primul pas al acestui tutorial este să elibereze câteva memorii RAM pe mașină. Închideți astfel aplicațiile și programele inutile care se execută pentru a ajuta Illustratorul să se concentreze mai degrabă asupra aparițiilor, decât să se lupte pentru memorie. Și ca întotdeauna, salvați des.

Pasul 2

Să începem prin deschiderea Illustratorului și crearea unui nou document; setați unitățile la 400 pixeli lățime de 600 pixeli înălțime (vă recomandăm păstrarea acestui document mic pentru a economisi memoria). Sub butonul Avansat, setați modul de culoare la RGB și setați Efecte Raster la 300 de pixeli pe inch. Folosirea acestui nivel ridicat de rezoluție face parte din ceea ce ocupă o mulțime de memorie, dar îmi place să văd efectele cu cele mai bune detalii. Puteți să o setați mai jos dacă nu aveți un computer puternic, dar rețineți că gradientele și alte elemente grafice ar putea părea puțin ciudate. Faceți clic pe OK pentru a vă rula.

Pasul 3

Îmi place să-mi pun toate panourile înainte de a începe, astfel încât să nu trebuiască să continui să intru în meniul ferestrei și să le deschid manual. Iată o captură de ecran a celor mai utilizate panouri pentru acest tutorial. Mergeți și plasați-le într-un loc convenabil.

Vom folosi o grilă pentru a desena roata: simetria perfectă este foarte importantă atunci când se utilizează 3D revolve și cartografiere la suprafață. Mergeți la Edit> Preferences> Guides and Grid și alegeți setările așa cum este arătat (am schimbat și culoarea grătarului la ceva mai ușor). Faceți clic pe OK și, dacă nu puteți vedea grila, utilizați Command + "pentru ao activa. De asemenea, dorim să activați Snap to Grid pentru acest lucru, așa că apăsați Command + Shift +". De asemenea, puteți să accesați grila și să faceți clic în meniul Vizualizare. Aceasta este ceea ce veți folosi pentru primul strat (l-am denumit "Forme și Rendering").

Pasul 4

Pentru a crea roata, vom folosi metoda strungului, cum ar fi sculptarea unei lilieci de baseball de la turnarea unui bloc de lemn. Schița roții este ca și instrucțiunile de sculptură, iar instrumentul 3D Revolve va acționa ca un strunjel pentru ao roti în jur.

Așa că porniți conducătorii dvs. (Command + R) și trageți un ghid din lateral într-una din liniile de grilă de pe tabloul de bord. Selectați instrumentul Pen (P) și începeți să vă compilați punctele așa cum este arătat (Mergeți la Edit> Preferences> Selection & Anchor Display și folosiți setările afișate pentru a vă ajuta să vedeți punctele de ancorare). Deoarece acestea se vor transforma în suprafețe 3D, cu atât mai puține puncte pe care le folosiți cu atât mai bine.

Când creați jumătatea superioară a căii, copiați-o și lipiți-o (sau Alt + glisați calea și veți vedea o pictogramă cu săgeată dublă pentru a vă spune că este copiată), o rotiți de-a lungul axei orizontale și aliniați-o cu cealaltă cale. Încercați puțin (două Shift + Săgeți sus) pentru a se suprapune, apoi selectați cele două puncte medii din partea dreaptă cu ajutorul instrumentului Direct Select (A) și apăsați Command + J pentru a vă alătura cele două căi împreună. Odată ce s-au alăturat, puteți opri Snap To Grid și apoi apucați din nou aceste două puncte, selectați instrumentul Ștergeți punctul de ancorare (-) și le eliminați.

Apoi puteți folosi instrumentul Convert Anchor Point (Shift + C) pentru a adăuga o anumită curbură la marginea dreaptă a roții noastre și oriunde altundeva. Consultați captura de ecran pentru o poziție corectă a punctului de ancorare atunci când creați calea roții. Amintiți-vă că simetria este cheia! Când ați terminat crearea căii, puteți dezactiva grilă (Command + "), ghidaje (Command +;) și snapping (Command + Shift +").

Pasul 5

Vedeți captura de ecran pentru modul în care calea pe care tocmai ați creat-o va apărea în 3D Revolve. Am testat o mulțime de căi și l-am găsit pe cel care a fost cel mai bun la care să se poată mapa. Puteți observa că curbele din jurul muchiilor superioare și inferioare îi conferă un efect de iluminare mai realist, mai degrabă decât roțile plate. O diferență notabilă este că roțile plane superioare au o suprafață frontală mare pentru a face față. Pe roțile pe care le creează, suprafața frontală este împărțită în două inele care ne dau un nucleu interior și exterior.

Pasul 6

Este timpul să transformăm acea cale într-o roată. Selectați calea roții, schimbați culoarea cursei într-o culoare gri deschisă (sau orice culoare doriți să fie roata), Alt-glisați-o pentru ao copia și mergeți la Efecte> 3D> Rotire. Asigurați-vă că vă păstrați calea originală în cazul în care doriți să vă întoarceți și să o reprogramați.

Vom crea o roată așezată pe o altă roată. Pentru a începe, creați roata de sus și aplicați setările așa cum se arată în captura de ecran (după aceea, am scalat roata de sus până la lățimea de 57,5px în panoul de transformare). Apoi, cu o copie a căii originale, creați roata inferioară cu setările afișate (scară cu o lățime de până la 60 de pixeli lățime).

Am folosit umbrele / luminile implicite pentru roți. Umbrela de plastic implicită funcționează bine pentru a imita uretan fără nici un fel de tweaking, dar nu ezitați să jucați cu sursa de lumină, de asemenea. Nu uitați să păstrați iluminarea consecventă pentru toate roțile.

Pasul 7

Acum, când aveți cele două roți principale, este timpul să așezați graficul care va fi cartografiat pe roți. Pentru al păstra organizat, îl vom configura într-un strat diferit (etichetați stratul "structura de cartografiere"). Copiați și lipiți cele două roți în stratul respectiv.

Selectați roata inferioară și Alt - glisați-o în partea dreaptă, trimiteți-o în spate și micșorați-o cu un mic fragment (de exemplu, 58px lățime). Apoi, Alt - trageți roata în partea stângă, trimiteți-o în spate, aliniați-o puțin mai mult (aproximativ 56px lățime) și împingeți-o puțin. Scopul este de a crea iluzia profunzimii. Poziționați roțile pe pagina pe care o doriți, deoarece nu le vom muta după asta.

Notă: Am observat că atunci când scalați obiecte 3D în Illustrator, uneori va scădea și va adăuga suprafețe în funcție de dimensiunea obiectului. Dacă se întâmplă acest lucru, modificați puțin dimensiunea și verificați din nou suprafețele.

Etapa 8A

Când am creat calea pentru roată, ne-am asigurat că există cât mai puține puncte de ancorare posibil. Acest lucru va fi crucial atunci când încercați să cartografiați arta. Dacă traseul dvs. este prea complex, Illustrator va rupe suprafețele în părți mici, ceea ce face dificilă lucrul cu ele.

Cu roțile noastre în loc, este timpul să punem niște grafică dulce pe ele. Folosind 3D Revolve, ajungem cu un obiect 3D care are mai multe suprafețe. Aceste suprafețe sunt ceea ce vom arta harta. Puteți crea orice doriți în Illustrator; atâta timp cât îl convertiți la un simbol, îl puteți mapa la o suprafață. Scopul este de a obține cât mai aproape de suprafață posibil, apoi reglați mai târziu în editorul de simboluri.

Să verificăm suprafețele create de 3D Revolve. Selectați o roată și asigurați-vă că aveți o vedere frumoasă a acesteia, deoarece veți avea două casete de dialog care apar. Pentru a vizualiza suprafețele noastre, mergeți la panoul Aspect, faceți dublu clic pe efectul 3D Revolve pentru a intra în caseta de dialog 3D Revolve (mutați-l de fiecare dată), apoi faceți clic pe Map Art pentru a afișa caseta de dialog Map Art.

Dacă aveți calea exactă ca mine, veți avea 11 suprafețe. Odată ce ați ajuns în caseta de dialog Map Art, puteți trece prin suprafețe cu ajutorul săgeții; suprafața activă se va evidenția în roșu. Vom analiza suprafața a doua pentru miezul interior și suprafața 11 pentru miezul exterior. De asemenea, puteți extinde caseta de dialog Map Art prin tragerea colțului, ceea ce vă va extinde vederea suprafeței.

Etapa 8B

Trebuie să facem grafica roților cât mai aproape posibil de suprafața reală, astfel încât să nu se distorsioneze atunci când folosim metoda Stretch to Fit. Din moment ce suprafața 3D reală este un cerc și circumferința este ceea ce cartografim, formula pentru găsirea circumferinței unui cerc este un bun început, 2 (Pi) r. Am descoperit că folosirea a trei în loc de Pi este mai ușoară și puteți utiliza lățimea căii roții ca rază, în acest caz cu lățimea de 57,5 ​​pixeli.

Deci, selectați roata de sus, verificați panoul de informații pentru W și conectați-l la formula: 2x3x57.5 = 345. Pentru a găsi înălțimea, am folosit instrumentul Ruler, sub instrumentul Eyedropper, pentru a obține înălțimea roții de la marginea interioară până la marginea exterioară și a venit cu 32px (apare în panoul de informații). Deoarece suprafața roții noastre este împărțită în două părți, fiecare va avea o înălțime de 16px (din 32/2 este de 16).

Pentru a crea grafica exterioară, utilizați instrumentul dreptunghi (M) cu o umplutură de culoare luminos și creați un dreptunghi cu înălțimea de 345px la 16px. Lățimea bucla interioară este de aproximativ 75% din bucla exterioară, deci faceți ca dreptunghiul să aibă o culoare diferită de umplere luminos și o lățime de aproximativ 260px la 16px înălțime. Aliniați-le la centru pentru o măsură bună.

Puteți face un singur clic pe tabloul de bord cu instrumentul dreptunghi pentru a introduce valori direct sau pentru a schimba panourile Scale pentru a modifica dreptunghiurile existente. Eu folosesc dreptunghiul drept suport pentru grafic, ca vopsea suplimentară pe roată. Puteți să o eliminați și orice este în interiorul dreptunghiului va fi cartografiat direct pe suprafața roții.

Pasul 8C

Hai să încercăm. Deschideți panoul Simboluri și trageți graficul bucla exterioară în el. Vi se prezintă un dialog de opțiuni pentru simboluri în care îl veți numi "testOuter". Selectați Grafic ca tip și alegeți punctul de înregistrare de mijloc. Faceți același lucru pentru grafica bucla interioară, dar denumiți-o "testInner". Ele sunt acum exemple de simboluri pe scenă. Pentru a le edita, puteți face dublu clic pentru a intra în modul de editare a simbolurilor (dialogul care apare vă spune acest lucru). Este aproape la fel ca modul izolat. Puteți schimba orice aspect al simbolului dvs. și se va actualiza pe obiectul dvs. 3D atunci când veți merge să-l re-mapați, să mutați-l sau să îl anulați (orice va fi făcut din nou).

Pentru a cartografia simbolurile dvs., selectați roata de sus, obțineți o vizualizare bună și accesați caseta de dialog Map Art din pasul 8A. În acest dialog, găsiți suprafața exterioară (11) și sub pictograma drop down, alegeți simbolul "exteriorTest". Va pune acel simbol pe suprafața dvs. și ar trebui să se potrivească frumos. Pentru a se potrivi perfect, dați clic pe butonul Scale to Fit din partea stângă jos și face exact ceea ce se spune. Acest lucru vă va ajuta atunci când trebuie să îl aliniați la mai multe obiecte 3D, menținându-l consecvent. Dacă doriți să mutați o parte a graficului, faceți-o în modul de editare a simbolurilor. Puteți schimba caseta de selectare a previziunilor pentru ao vedea pe roată.

Faceți același lucru pentru bucla interioară (suprafața a doua), dar înainte de a închide caseta de dialog, debifați Previzualizare și verificați Shade Artwork, apoi faceți clic pe OK pentru a ieși și a vizualiza arta. Acest buton magic Shade Artwork oferă artei dvs. aceleași proprietăți de umbrire ca și obiectul 3D Revolve și face o grafică realistă a roții. Notă: având Previzualizarea și Shade Artwork în același timp, veți folosi cu adevărat o mulțime de berbeci. Încearcă să eviți asta.

Pasul 8D

Deci, testul a funcționat, acum este momentul să facem o artă mai complexă și să o aplicăm tuturor roților. Am decis să merg cu a rasta earthtone temă pentru a mea. Cu această captură de ecran puteți vedea cum poziția roții și poziția textului se potrivesc cu graficul roții create.

În mod esențial, dreptunghiul este ca o bandă de hârtie și o îndoaie spre partea de sus a roții unde se întâlnesc cele două capete. Atunci când cartografiem arta folosind Stretch to Fit, funcționează luând marginea simbolului și întinzându-l peste suprafață. Pentru ca aceasta să funcționeze corect, nu puteți avea text sau obiecte care să nu se afle din această limită, deci asigurați-vă că dreptunghiul deține totul în parametrul său.

Odată ce ați arta dvs. unde vă place, transformați-le în simboluri (cu excepția cazului în care acestea sunt deja) și intrați în caseta de dialog Map Art pentru a vă actualiza hărțile suprafeței. Dacă ceva nu se potrivește corect, faceți dublu clic pe simbolul dvs. pe scenă pentru a intra în modul de editare a simbolurilor și ajustați-l după cum este necesar. Aplicați hărțile de suprafață la toate roțile rămase.

Pasul 9

Încă mai există câteva detalii esențiale pentru a participa după ce ați adaptat grafica roților. În primul rând, să mascăm roata de sus, astfel încât să pară că o parte din ea stă în interiorul roții de jos. Pentru a realiza masca, trageți o elipsă (L) cu o umplutură neagră la opacitate de 50% (poate fi necesar să mutați partea superioară pentru a vedea ce faci) și încercați să potriviți curba inferioară a roților interioare miez.

Selectați cercul pe care tocmai l-ați făcut și utilizați instrumentul Direct Select (A) pentru a vă întinde forma mască pentru a acoperi întreaga roată de sus. Ceea ce acoperim cu masca va arăta, așa că asigurați-vă că puțin din roată nu este acoperită în partea de jos.

Când masca ta este în loc, schimba culoarea albă și opacitatea la 100%, selectează forma mască și taie-o (Command + X). Apoi selectați forma roții și mergeți la panoul Transparență. Faceți dublu clic pe spațiul miniatural gol din partea dreaptă (lângă miniatură roată) pentru a masca roata, apoi apăsați Command + F pentru a lipi forma măștii albe. Roata ar trebui să fie vizibilă acum. Asigurați-vă că faceți clic pe miniatură roată pentru a ieși din modul mască și ați terminat cu acea parte.

Pasul 10

Apoi simulează o gaură în mijlocul roții, în loc să punem una acolo, ceea ce ar necesita extinderea obiectului. O gaură de roată falsă ne permite să cartografiem grafice pe roată. Deci, trasați cercul interior al roții cu instrumentul Pen (umplere neagră, Opacitate 50%) și ajustați punctele după cum este necesar cu instrumentul Convert Anchor Point (Shift + C).

Odată ce cercul este terminat, mutați-l în lateral, Alt - glisați puțin pentru a copia forma și configurați-l ca în captura de ecran. Selectați ambele forme, accesați panoul Pathfinder, faceți clic pe Alt pe pictograma Divide (primul) în partea stângă, pentru a le separa.

Ungroupați-l și trageți cele două forme de care aveți nevoie (după cum se arată) și culoarea formei exterioare cu un gradient al culorii roții dvs., întuneric în stânga și mai ușor în partea dreaptă. Secțiunea mai mare a cercului este partea orificiului; pentru moment, ar trebui să fie alb (o vom schimba pentru a se potrivi cu fundalul mai târziu). Grupați (Command + G) cele două forme și puneți-le pe roată. Apoi grupați-i la forma roții pentru a le ține împreună.

Pasul 11

Va trebui să adăugăm umbre sub setul de roți întregi, sub roata superioară și la stânga și la dreapta roții din față. Începeți prin a face patru elipse negre, le puneți în loc în opera de artă și apoi utilizați Gaussian Blur (Effect> Blur> Gaussian) pentru a face umbra.

Cantitatea de estompare depinde de dimensiunea elipsei, deci cea mai mare va fi de aproximativ 60px și cea mai mică formă va fi de aproximativ 35px. Simțiți-vă liber să vă ajustați pentru a obține aspectul potrivit. Cu cei în loc, schimbați transparența la Multiplicare. Am setat opacitatea la 60% pentru formele mai mici și 55% pentru forma mare de fund.

Pentru a termina acest lucru, utilizați instrumentul Direct Select (A) pentru a vă ajusta umbrele în formele corespunzătoare. Am ameliorat umbrele laterale puțin pentru a se potrivi pe partea laterală a roților și nu pe sol sau pe partea superioară a roților. Am modificat umbra de jos pentru a vă extinde mai mult spre partea din stânga față decât spre față.

Pasul 12

Acum că aveți aspectul completat al setului de roți, este timpul să configurați aspectul final al anunțului. Luați toate roțile și umbrele și grupați-le împreună. Copiați grupul și creați un strat nou (etichetați-l ca "Layout final de anunț"), apoi apăsați Command + F pentru a le introduce în noul strat. Aici vom adăuga mediul pentru a ne modela roțile.

Mergând împreună cu tema tonului de pământ, am crezut că le-aș pregăti într-un cadru de tip outback. Primul lucru este crearea fundalului. Ieșiți instrumentul dreptunghi (M) și faceți clic pe artboard o dată. Asigurați dimensiunile cu aceeași dimensiune ca și tabloul dvs. de artă (înălțimea de 400 de pixeli la 600 de pixeli). Utilizați panoul Aliniere pentru al alinia la centrul tabloului de bord.

Umpleți-l cu un gradient fără accident vascular cerebral. Acesta este doar un gradient liniar mare la un unghi de 90 de grade. În panoul gradient, de la stânga la dreapta, este maro închis până la maro deschis, apoi albastru deschis până la un albastru mai întunecat, ceea ce creează un orizont cu murdărie și cer albastru.

Trimiteți-l în spate și cu încă selectat puteți muta glisoarele gradient în jurul pentru a poziționa linia orizontului. După ce sa terminat, blocați-l în panoul Straturi. De asemenea, am creat un mic munte la orizont cu instrumentul Pen, și l-am estompat cu 5 pixeli cu Gaussian Blur. Nu vă faceți griji în legătură cu gaura de roată încă.

Pasul 13

Să adăugăm niște pietre în murdărie: trageți niște forme de piatră cu ajutorul instrumentului Pen, colorați-le câteva nuanțe diferite de cenușie maronie stâncoasă, grupați-le împreună și Alt-trageți-le în jurul murdăriei pentru a crea mai multe copii.

Scalați-le pentru a se potrivi adâncimii la care sunt, mai mici în spate, mai mari în față. Apoi bați-i pe cei cu ajutorul instrumentului de selectare și grupați-i împreună. Adăugați o umbra picăturii mici (Efect> Stylize> Drop Shadow). Puneți-le în poziția corectă a stratului și blocați stratul. Acum putem adăuga iarba.

Pasul 14

Efectuarea ierbii este destul de rapidă, deoarece este doar o pensulă. Similar cu periile din Photoshop, puteți crea perii de împrăștiere în Illustrator care fac lucrul pentru dvs. Mai întâi, folosiți instrumentul Pen cu o umplutură verde și fără curse pentru a crea niște lame de iarbă. Apoi colorați-le cu diferite nuanțe de verde (lamele de iarbă ar trebui să fie mai întunecate în spate și mai deschise în față). Odată ce aveți o mică iarbă, grupați lamele împreună și deschideți panoul Perii. Trageți iarba în panoul Perii, unde veți fi prezentat cu un dialog New Brush. Alegeți tipul Pensulei noi pentru scatter, denumiți-o, introduceți valorile afișate mai jos și faceți clic pe OK.

Acum, utilizați instrumentul Pix pentru a desena o cale fără a vă umple tabloul de bord și apoi selectați peria de iarbă din panoul Perii - câmpuri instant de iarbă. De asemenea, puteți încerca acest lucru cu rocile: faceți câteva pietre și trageți-le în panoul Perii pentru a crea o pensulă de scatter pentru pietrele dvs. De asemenea, dacă vreți a Trăi previzualizarea pensulei dvs., crearea periei și aplicarea acesteia la un accident vascular cerebral, apoi faceți dublu clic pe peria din panoul Perii și ajustați setările cu previzualizarea previzualizată.

Deci, aici am desenat o traiectorie curbată cu un accident de 2px, am aplicat peria de iarbă făcând clic pe numele periei din panoul Perii și l-am extins (Object> Expand Appearance). Este mai ușor să se rotească și să se răstoarne când este extins, plus necesită mai puțin RAM. Deci, duplicați obiectul de iarbă expandat și reflectați-l de-a lungul axei verticale (Object> Transform> Reflect), selectați-i ambele și grupați-le, aplicați un Gaussian Blur de 4px și deplasați-le în față (Command + Shift +.

Pentru a masca iarba, am creat un dreptunghi de mărimea tabloului de artă, am centrat-o pe tabloul de artă și, cu dreptunghiul selectat, Shift a făcut clic pe iarbă pentru al adăuga la selecție. Apoi faceți clic dreapta și alegeți Efectuați calea de decupare. După aceea, închideți stratul și continuați.

Pasul 15

Pentru a termina, am adăugat un sunburst și o mică strălucire în spatele roților, un mic efect de vignetă și un text. Pentru soare, trageți un dreptunghi înalt subțire (aproximativ 35px lățime până la 600px înălțime), într-o culoare pe care o puteți vedea deocamdată. Utilizați instrumentul Direct Select pentru a aduce cele două puncte de ancorare de jos cu tastele săgeți pentru a crea o formă de piatră.

Cu aceasta, selectați Efecte> Distort și Transformare> Transformați și utilizați numerele de mai jos, apoi faceți clic pe OK pentru al transforma. M-am scalat putin dupa cateva zile. Setați culoarea de umplere în alb, fără curse, setați opacitatea la 25% și modul de amestecare pe ecran. Am pus-o chiar în spatele stratului de roți.

Apoi, în același fel în care am mascat iarba, ascundeți sunburst-ul pentru a afișa o parte a cerului din fundal. După mascarea efectului de soare, setați Opacitatea la 50% și blocați-l. Strălucirea este doar o elipsă albă, cu un efect Gaussian Blur de 50px, iar Transparența este setată la 80% în modul ecran. Puneți-l în spatele roților, dar în fața starburst-ului (folosiți tasta Command + Bracket stânga și tasta Command + Bracket dreapta pentru a muta obiectul între straturi).

Pentru a obține gaura roții pentru a se potrivi cu fundalul, Selectați direct (A) gaura și, utilizând instrumentul Eyedroper, faceți clic pe munte pentru a încerca același maro. Apoi, cu gaura roții selectată, copiați-o și lipiți-o în poziție, schimbați culoarea în alb și adăugați un mic Gaussian Blur (aproximativ 15px). Modificați modul de amestecare la ecran și micșorați opacitatea puțin câte puțin până când se amestecă, a mea a ajuns la 80%. Ar trebui să fie deja inclus în stratul "roți și umbre", așa că închideți-l când ați terminat cu acel pas.

Pasul 16

Pentru vignetă, desenați un dreptunghi cu mărimea tabloului de artă, centrați-l cu panoul Align și umpleți-l cu un gradient radial de la alb la gri mediu (am folosit K = 30 din panoul de swatches). Apoi, setați modul Blend pentru a multiplica în panoul Transparență și mutați poziția stratului chiar deasupra sunburst, apoi blocați-l. Acum, puneți doar câteva texte, alegeți fontul preferat și folosiți Efecte> Warp> Arc pentru ca acesta să se aplece puțin.

Concluzie

Ar trebui să arate destul de dulce până acum, așa că ieși acolo și vezi ce altceva poți să faci instrumentul 3D de rotire. Imaginea finală este de mai jos.