Share
Aflați cum să creați un cub Rubik's stilizat în Illustrator. Vă voi îndruma cum să faceți fiecare detaliu al ilustrației finale, care vă va învăța câteva tehnici noi și vă va prezenta câteva noi instrumente Illustrator. Să începem cu crearea acestui cubic puzzle-uri iconic.
Creați un document nou și puneți detaliile de mai jos.
Redenumiți "Layer 1" în "Cube", făcând dublu clic pe numele straturilor din panoul straturilor.
Apăsați "M" pentru a afișa instrumentul Rectangle și apoi faceți clic o dată în interiorul documentului pentru a afișa fereastra Dreptunghi, apoi introduceți 360px pentru lățimea și înălțimea și apăsați OK. Dați pătratului o umplutură roșie și nici un accident vascular cerebral.
Apăsați V pentru a afișa săgeata de selecție și selectați pătratul nou. Acum mergeți la Efect> 3D> Extrude și Bevel. Introduceți dimensiunile de mai jos și faceți clic pe OK. În cele din urmă, extindeți aspectul (Object> Expand Aspect), apoi blocați stratul "Cub".
Creați un nou strat (Command + L) în partea de sus a ferestrei Straturi și numiți-l "Face1".
Obțineți instrumentul Rectangle Grid, care poate fi selectat dacă țineți apăsat butonul pentru Instrumentul Linie. Faceți clic o dată în interiorul documentului și introduceți dimensiunile de mai jos, apoi faceți clic pe OK. Dați rețelei un accident vascular cerebral albastru închis (sau orice culoare ușor de văzut). Poziționați grila aproximativ pe fața frontală principală.
Introduceți vizualizarea Previzualizare apăsând comanda + Y.
Apăsați V și selectați grila, apoi apăsați pe E pentru a obține Instrumentul de Transformare Liberă. În colțul din dreapta sus al grila, faceți clic pe și mențineți apăsată caseta albă mică pe care o utilizați pentru a transforma forma unui obiect. Trageți colțul spre interior foarte ușor și apoi apăsați și țineți apăsat comanda imediat. Acest lucru vă va lăsa liber - înclinați cutia.
Deplasați toate colțurile astfel încât grilă să se alinieze cu fața principală a cubului. Acest lucru este un pic fiddly ca nodurile pe care le-ați mutat deja va fi mutat din loc în timp ce transforma colțul opus. Trebuie doar să vă întoarceți până când grilă se îndreaptă exact spre fața cubului de dedesubt. Măriți și micșorați (Comandă și + sau -) pentru a vă asigura că colțurile sunt aliniate corespunzător. Blocați stratul "Face1" după ce ați terminat.
Repetați acest proces pentru celelalte două părți pe propriile lor straturi, denumind partea stângă "Face2" și partea inferioară "Face3".
Nu vă fie teamă să vă petreceți puțin timp în asta. Fata inferioară este destul de greu să ai dreptate, dar ai nevoie de toate colțurile pentru a se alinia astfel încât să perseverezi. Mi se pare mici mișcări și lucrul treptat, fiecare colț în loc îl face mai ușor.
Exit Preview (Command + Y) și micșorați astfel încât să puteți vedea întregul cub.
Acum ascundeți straturile "Cube", "Face2" și "Face3" făcând clic pe pictograma pentru ochii mici de lângă numele straturilor. Deblocați stratul "Face1", selectați grila cu Instrumentul de selecție (V) și deselectați liniile (Command + Shift + G)
Deselectați grila făcând clic pe oriunde în tabloul de bord și apoi selectați și ștergeți liniile verticale stânga și dreapta.
Selectați cele două linii orizontale de mijloc, apoi apăsați Command + C pentru a le copia și apoi apăsați Command + F pentru a le lipi în față. Opriți vizibilitatea liniilor pe care tocmai le-ați lipit în panoul straturilor.
Utilizați Instrumentul de selecție directă (A) pentru a selecta cele două noduri foarte finale de pe prima și a doua linie orizontală (când treceți deasupra capătului liniei, apare un mic pătrat alăturat lângă instrumentul Direct Selection Tool pentru a arăta că ați terminat sfârșitul nodului).
Cu aceste opțiuni, faceți clic pe Comandă + J sau mergeți la Obiect> Path> Alăturați-vă pentru a vă alătura capăturile celor două linii separate. Faceți acest lucru la celălalt capăt al acelorași linii pentru a finaliza forma. Apoi faceți acest lucru pentru a treia și a patra linie orizontală de dedesubt.
După aceasta, faceți din nou cele două linii pe care le-am copiat din mijloc și apoi vă alăturați capetelor, așa cum ați făcut cu ceilalți. S-ar putea să doriți să le mutați în partea de sus a stratului pentru a le face mai ușor de făcut clic. Ar trebui să aveți acum ceva care arată exact ca grila cu care am început.
Din nou, cu Instrumentul Direct Select (A), selectați nodul superior al celei de-a doua linii verticale și apăsați o dată pe tasta săgeată sus. Apoi selectați nodul de jos al aceleiași linii și apăsați o dată tasta săgeată în jos. Faceți același lucru pentru a treia linie verticală.
Vedeți imaginea de mai jos pentru a vă asigura că mutați nodurile corecte.
Selectați a doua linie verticală cu Instrumentul de selecție (V), mutați-o în partea superioară a stratului (Command + Shift + Tasta dreaptă) și apoi mergeți la Object> Path> Divide Objects Below. Faceți același lucru cu a treia linie verticală.
Acum ar trebui să aveți o rețea care să pară identică cu grila de la care am pornit, însă acum cele nouă cutii interioare ar trebui selectate individual.
Blocați stratul "Face1", dezactivați vizibilitatea și apoi adăugați grilaje în straturile "Face2" și "Face3". Acest proces a început la Pasul 9 dacă doriți să vă uitați înapoi la ceea ce am făcut.
Indicație: Pe măsură ce partea de jos se află într-un unghi foarte strâns, atunci când mutați cele două linii verticale verticale în sus cu 1 pixel prin apăsarea o dată a săgeții în sus, va trebui de asemenea să apăsați de două ori săgeata dreapta pentru a menține perspectiva. De asemenea, când mutați nodurile inferioare ale liniilor în jos, apăsați stânga de două ori. Scopul este de a obține linii pentru a se potrivi pe toate cele trei fețe astfel încât să păstreze un ochi pe celelalte două părți prin rotirea lor vizibilitate pe și în timp ce lucrați.
OK, aceasta a fost cea mai fidelă parte a acestui tutorial, dar este necesar să ne dea capacitatea de a menține perspectiva rece și de a edita pătratele interioare independent unul de celălalt.
Puteți șterge acum stratul "Cube". Întoarceți vizibilitatea straturilor rămase, dar blocați "Face2" și "Face3" și deblocați "Face1".
Acum, cu Instrumentul de selecție (V) selectați toate pătratele din "Face1". Cu toate acestea selectate, mergeți la Obiect> Cale> Cale de decolare. În fereastra care apare, introduceți -4px și faceți clic pe OK.
Acum, selectați toate casetele interioare noi cu Instrumentul de selecție (V) și apoi grupați-le (Command + G sau Object> Group).
Apoi selectați toate cutiile exterioare și grupați-le. O modalitate rapidă de a face acest lucru este de a selecta totul în strat (Command + A) și apoi Shift-clic pe cutiile interioare pe care tocmai le-ați grupat, ceea ce le va deselecta lăsându-vă doar cu casetele exterioare selectate).
Selectați ambele grupuri și accesați Efect> Stylă> Colțuri rotunjite. În fereastra de tip pop-up introduceți 6px și faceți clic pe OK
Dacă ambele grupuri sunt încă selectate, mergeți la Object> Expand Appearance. Apoi schimbați cursurile lor în umpluturi apăsând Shift + X. Modificați culoarea de umplere a cutiilor exterioare la negru # 000000. Modificați culoarea de umplere a cutiilor interioare în acest albastru # 0AAEEF pentru acum. Ar trebui să aveți imaginea de mai jos.
Utilizați Instrumentul de selecție (V) pentru a selecta casetele negre, pentru a le dezgrobi (Command + Shift + G), dar păstrați-le selectate și apoi faceți clic pe butonul Add to Shape Area din fereastra Pathfinder pentru a le face pe toate într-un obiect, Extindeți (Dacă nu puteți vedea fereastra Pathfinder apăsați Command + Shift + F9 sau pur și simplu mergeți la Window> Pathfinder).
Utilizați Instrumentul de selectare directă (A) pentru a șterge cele patru goluri care sunt lăsate în mijloc între casetele negre făcând clic pe unul din nodurile golurilor și apăsând pe Delete de două ori.
Redenumiți noul obiect negru din interiorul stratului "Face1" la "Face1Back". Transformați vizibilitatea "Face1Back".
Utilizați instrumentul de selecție (V) pentru a selecta casetele albastre. Ungroupați-le, dar păstrați-le pe toate, apoi faceți clic pe butonul Add to Shape Area din panoul pathfinder din nou, apoi faceți clic pe Expand. Acum redenumiți-le la "Face1color".
Copiați acest set de casete albastre (Command + C) și apoi opriți vizibilitatea acestora. Lipiți două copii în același loc și în fața celuilalt prin apăsarea de două ori a Command + F.
Selectați doar setul de topuri de top pe care tocmai l-ați lipit cu Instrumentul de selecție (V, apoi cu săgețile de pe tastatură apăsați de trei ori și apoi de trei ori dreapta.) Acum, selectați ambele forme și apăsați pe Subtract din zona Formă butonul din fereastra Pathfinder, apoi faceți clic pe butonul Expand.
Modificați culoarea celorlalte forme la acest albastru mai închis # 099AD4 și redenumiți obiectul la "Face1Shadow". Acum întoarceți vizibilitatea "Face1Back" și "Face1color" și blocați stratul "Face1".
Procesul pentru următoarele două părți utilizează exact aceleași tehnici, dar au diferențe mici, așa că le voi trece prin ele, deși în mai puține detalii.
Deblocați și transformați vizibilitatea "Face2". Selectați toate casetele, apoi deplasați calea de -3px de data aceasta. Grupați cutiile interioare. Grupați cutiile exterioare. Cu ele ambele selectați aplicați un efect Columns rotunjit de 6px și apoi mergeți la Object> Expand Appearance. Schimbă loviturile la umpluturi.
Selectați grupul de casete exterioare, desfaceți-le și apoi faceți clic pe butonul Add to Shape Area din Pathfinder. Redenumiți obiectul la "Face2Back", schimbați culoarea în negru # 000000 și ștergeți cele patru intervale dintre casete. Ascundeți vizibilitatea "Face2Back".
Selectați grupul de cutii interioare, deselectați-le și apoi faceți clic pe butonul Add to Shape Area din Pathfinder și Expand. Redenumiți selecția pentru a "Face2color" schimba culoarea la acest roșu # F70D0D. Copiați "Face2color" și ascundeți-i vizibilitatea.
Lipiți cele două copii una peste cealaltă în același loc. Selectați copia de sus și de această dată apăsați de două ori și apoi lăsați de trei ori. Selectați ambele copii și apăsați butonul Subtract din butonul Shape Area în fereastra Pathfinder și faceți clic pe Expand. Modificați culoarea formelor rămase pe acest roșu închis # D40404 și redenumiți selecția la "Face2Shadow". Transformați din nou vizibilitatea "Face2color" și "Face2Back".
Acum blocați stratul "Face2".
În cele din urmă, pentru partea de jos folosiți același proces din nou, dar cu câteva schimbări mici.
Numai Offset Cale pentru casetele interioare de -2px.
De această dată selectați doar casetele exterioare și aplicați un efect de colțuri rotunjite de 6px. Apoi, selectați casetele interioare și aplicați efectul rotunjit de colțuri, dar în loc de 4px.
Dați cutiile interioare acest galben # EDD70C. Pentru a face umbra feței de jos apăsați de trei ori, apoi lăsați o singură dată și apoi scăpați formele unul de celălalt. În cele din urmă dați umbrele această culoare galbenă # CFBB0A.
Lucrurile ar trebui să înceapă să se arate mai mult ca un Cub Rubik, dar trebuie să-i dăm un pic mai mult!
Deblocați cele trei straturi numite "Face1", "Face2" și "Face3". Acum folosiți Instrumentul de selecție (V) pentru a selecta doar formele negre din fiecare strat, care ar trebui să fie numite "Face1Back", "Face2Back" și "Face3Back". Copiați aceste trei selecții (Command + C) și apoi blocați toate cele trei straturi.
Creați un strat nou nou (Command + L) pe lângă toate celelalte și denumiți "Outline". Lipiți în față (Command + F) cele trei copii de formă neagră pe care tocmai le-ați făcut în acest nou strat. Asigurați-vă că cele trei forme sunt selectate și adăugați o curbă neagră de 1px în greutate aliniată la exterior. Pentru a alinia un curs la exteriorul unei forme, faceți clic pe butonul Align Stroke to Outside din panoul Stroke.
Acum, cu cele trei forme selectate, mergeți la Object> Expand Appearance, apoi deselectați-le făcând clic pe Command + Shift + G. În cele din urmă, faceți clic pe butonul Add to Shape Area în fereastra Pathfinder, apoi pe Expand. Pe forma neagră rămasă, obțineți instrumentul de selectare directă (A) și ștergeți spațiile rămase în mijloc.
Acum, selectați noua formă și afișați panoul Aspect (fereastră> Aspect). În panoul glisați caseta care spune "Accident vascular cerebral" sub caseta care spune "Umpleți." Umplerea ar trebui să fie deja setată pe Negru, deci selectați caseta Stroke din panoul Appearance și adăugați un curs 4px alb #FFFFFF în formă, așa cum ați proceda în mod normal.
Cu forma încă selectată, reveniți la panoul Aspect și faceți clic pe săgeata mică de pe partea dreaptă, care va scoate un mic submeniu, apoi selectați opțiunea Add New Stroke. Ar trebui să puteți vedea două curse diferite în panoul Aspect. Selectați partea de jos și adăugați o curbă de 10px negru # 000000 la forma.
Glisați stratul "Schiță" în partea inferioară a panoului straturilor și blocați-l.
Să-i dăm fețelor un sentiment frumos lucios acum. Deblocați stratul "Face1" și selectați casetele albastre, care ar trebui să fie numite "Face1color". Acum faceți clic pe butonul de umplere a Gradientului din partea inferioară a panoului de instrumente și plasați aceste setări în fereastra Gradient (Command + F9): # 0CB0F0 la 0%, # 29CAFE la 48%, # 0AAEEF la 50%, # 27C8FD la 76% , # 0EB1F1 la 77% și # 2CCDFF la 100%. Apoi puneți îngerul la 310 de grade. Acum blocați stratul "Face1".
Deblocați "Face2" și puneți aceste setări pentru efectul de gradient: # F50D0D la 0%, # F70D0D la 48%, # E41010 la 50% și # E21010 la 100%. Apoi puneți îngerul la 310 de grade. Acum blocați stratul "Face2".
Deblocați "Face3" și puneți aceste setări pentru efectul de gradient: # EDD70C la 0% și # FFE108 la 100%. Apoi puneți îngerul la 15 grade.
Deblocați acum toate cele patru straturi și apăsați Command + A pentru a selecta totul. Apoi mergeți la Object> Transform> Scale și puneți dimensiunile de mai jos. Apoi blocați straturile din nou, deoarece am terminat cu ei pentru moment. Consider că este mai ușor să lucrezi mai mult câteodată, pe măsură ce poți să mărești și să fii mai precis și apoi să scrii mai târziu. Vechi vechi vechi!
Să facem fundalul acum. Creați un strat nou în partea de jos a ferestrei straturilor și numiți-l "Fundal". Apăsați M pentru a aduce instrumentul dreptunghi, faceți clic o dată în interiorul documentului și puneți în 2000px lățimea și înălțimea. Centrați noul pătrat din spatele dvs. Cube Rubik și dați-i această culoare # 7DD6EA. Cu aceasta încă apăsați comanda + 2 pentru a bloca selecția în cadrul stratului.
Acum, apăsați L pentru a aduce instrumentul Ellipse și desenați un cerc de 480x480px. Dați cercului o încărcare #FFFFFF albă.
Poziționați cercul în spatele Cubului lui Rubik și, cu acesta încă selectați, mergeți la Efect> Distort & Transform, apoi introduceți dimensiunile de mai jos. Acum blocați stratul "Fundal".
Creați un nou strat în partea de sus a ferestrei straturilor și numiți-l "Marcați". Apăsați N pentru a aduce instrumentul Creion și a trage o linie aproximativ ca cea de mai jos. Dați-i o lovitură de 2px negru # 000000 și poziționați-o astfel încât capătul din stânga să pornească deasupra părții din stânga a cubului lui Rubik.
Copiați cursa (Command + C) și inserați una nouă în față (Command + F). Apoi apăsați tasta Shift + Arrow de jos de trei ori pentru a muta copia 30px în jos.
Copiați linia pe care tocmai ați mutat-o și lipiți o altă parte direct în fața acesteia și apăsați tasta Shift + Down Arrow încă o dată de trei ori. Închideți acum vizibilitatea liniei de mijloc.
Aduceți Instrumentul Direct Select (A) și conectați-vă (Command + J) la nodurile de sfârșit de pe cele două linii pe care le puteți vedea în continuare. Dați formei o umplere albă #FFFFFF și o numiți "FlagFace".
Cu forma "FlagFace" încă selectată aduceți instrumentul Pen prin apăsarea pe P și pe partea dreaptă. În mijlocul liniei verticale adăugați un nou nod făcând clic o dată pe rând.
Selectați acest nod cu Instrumentul de selectare directă (A) și mutați-l spre interior, astfel încât steagul să pară ca având câteva cozi. Totuși, cu Instrumentul de selecție directă, apucați nodul din stânga jos al pavilionului și mutați-l drept în jur de 3 pixeli.
Faceți acum linia de mijloc, pe care am ascuns-o acum un minut, din nou vizibilă. Mutați-o în partea superioară a stratului.
Selectați instrumentul Tip pe un traseu, care poate fi găsit dacă țineți apăsat instrumentul Tip și faceți clic undeva spre stânga liniei. Acum tastați "Cuburile Rock Rubik !!!". Am ales Rockwell Bold la 32px ca font, dar daca nu ai asta, incearca un alt font. Am gasit ceva cu serifuri de bloc care functioneaza bine.
Cu tipul încă selectat, mergeți la Type> Type on Path> Type pe o opțiune de cale. Puneți dimensiunile de mai jos pentru a centrarea tipului vertical pe cale.
Dacă doriți să mutați tipul de-a lungul căii de la stânga la dreapta și invers, apoi selectați tipul, obțineți instrumentul de selecție directă și treceți deasupra începutului primului cuvânt unde ar trebui să vedeți o linie verticală cu o casetă albă lângă el. Când plasați cursorul peste cutie, Instrumentul de selecție directă va deveni negru cu o săgeată mică îndreptată spre dreapta. Când vedeți acest lucru, puteți să faceți clic și să glisați textul pe orizontală de-a lungul căii.
Selectați steagul pe care tocmai l-ați desenat și copiați-l. Apoi apăsați Command + B pentru ao lipi înapoi, apoi apăsați Shift + tasta săgeată în jos o dată pentru a o deplasa cu 10px. Schimbați culoarea în negru # 000000 fără lovitură. Sunați la forma "FlagShadow".
Deblocați stratul "Schiță" și copiați forma acolo, apoi blocați stratul din nou. Lipiți forma conturului pe care tocmai ați copiat-o în poziția din partea de jos a stratului apăsând Command + B în stratul "Flag."
Selectați atât forma conturată, cât și forma numită "FlagShadow" și apăsați butonul Intersect Shape Area în fereastra Pathfinder urmată de Expand. Denumiți din nou forma "FlagShadow" rămasă și dați-i o umplutură neagră. Schimbați opacitatea la 40% și blocați stratul "Flag."
În cele din urmă, creați un nou strat, chiar deasupra stratului numit "Fundal", și numiți-l "FlagBack". Apăsați L și trageți o elipsă destul de plat cu aceleași dimensiuni prezentate mai jos.
Poziționați forma în spatele colțului din stânga al pavilionului pe care l-ați atras și dați-i o curgere neagră de 2 pixeli și o culoare de culoare gri deschis (# E8EAEA). Imaginea finală este prezentată mai jos.
Abonați-vă la Vectortuts + RSS Feed pentru a rămâne la curent cu cele mai recente tutoriale vectoriale și articole.
Accentsconagua