7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Comics

Cum să desenezi o scenă introductivă utilizând instrumentul grilă perspectivă Perspective Grid Tool în Adobe Illustrator

Read Time: 8 mins
This post is part of a series called Create Your Own Comic.
Create a Comic: How to Plan and Lay Out Your Comic
How to Ink a Comic Character in Adobe Illustrator

Romanian (Română) translation by Cath Vectorielle (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

În acest tutorial vei învăța ce este o scenă introductivă și cum se utilizează în benzi desenate (comics). Prin adunarea de referințe și schițe compoziționale, vom încerca să redăm o vedere stradală  modernă care ne va servi drept scenă introductivă.

Folosind schița noastră ca și bază, vom desen versiunea finală cu Prespective Grid Tool, asigurându-ne că obținem un peisaj urban aspectuos.

1.Prepararea scenei introductive

Cel mai obișnuit mod de-a începe o bandă desenată cu accent narativ este de-a arăta cititorului unde va avea loc. Prima scenă a unui cadru este deobicei numită scenă introductivă, iar pe deasupra crearea unei atmosfere pentru poveste, poate oferi informații subtile cititorului despre personaj sau ambient.

Remarcă cum dialogul capătă un alt sens în funcție de scena introductivă folosită. În primul exemplu pare mai literal, referindu-se la mediul lor, în timp ce în cel de al doilea presupunem din imprejurimi că vorbesc despre relaţia lor.

Establishing shot examplesEstablishing shot examplesEstablishing shot examples

Pasul 1

Primul lucru pe care îl fac este să mă uit la fotografii de referinţă, din care pot primi inspiraţie pe când fac schiţa mea. Când găsesc lucruri care îmi plac, fac mici studii si notițe despre ele până când simt că am idei suficient pentru a încerca a creiona propria mea viziune de oraş.

City reference sketchesCity reference sketchesCity reference sketches

Pasul 2

Într-o scenă vastă şi complicată ca un peisaj urban modern, nu există nici un mod real, nici necesitatea, de a ţine evidenţa exactă unde sunt personajele. Cu excepţia cazului în care este parte integrantă a intrigii, având caracterele înconjurate doar de clădiri înalte şi semne mari va transmite sentimentul de a fi într-un oraş mare.

Totodată, când ai un cadru recurent care este un spațiu delimitat -precum un apartament- devine mai important să plănuiești ambientul. Nu vrei ca cititorii tăi, să observe că camerele se schimbă pentru că le inventezi din mers.

Pentru a te pregăti pentru acest lucru, poate fi util să ai un plan simplu cu vederea de sus a spațiului. Poți fie avea acest lucru ca referinţă atunci când desenezi, sau chiar poți dori să te duci un pas mai departe şi să recreezi mediul în 3D.

Apartment plan sketchApartment plan sketchApartment plan sketch

Pasul 3

 Folosind fotografiireferinţă si schițe, începe să desenezi scena introductivă în aceleaşi dimensiuni care le va avea panoul. Cutiile sunt prietenele tale aici.

Dacă te vei gândi în cutii, poți descompune forme complexe în ceva manevrabil. Nu te deranja cu detaliile acum - concentrează-te la compoziție.

City rough sketchCity rough sketchCity rough sketch

2. Utilizând instrumentul grilă perspectivă Perspective Grid Tool

Pasul 1

Importă schița în Illustrator cu File > Place, și activează Perspective Grid Tool mergând la View > Perspective Grid apoi alegând Two Point Perspective.

View Perspective Grid Two Point PerspectiveView Perspective Grid Two Point PerspectiveView Perspective Grid Two Point Perspective

Pasul 2

Vei obţine o vedere de genul ăsta. După cum poţi vedea există o mulţime de mici mânere pe grilă  cu care o poţi manipula. Incearcă să aliniezi perspectiva cu schița cât mai bine se poate. Aceasta nu trebuie să fie perfectă.

The Perspective Grid Tool in Adobe IllustratorThe Perspective Grid Tool in Adobe IllustratorThe Perspective Grid Tool in Adobe Illustrator

Pasul 3

Vei observa o pictogramă mică în partea de sus stânga care conţine un cub. Partea portocalie a cubului indică faptul că partea portocalie a grilei este cea selectată în prezent. Utilizează instrumentul de dreptunghi Rectangle Tool pentru a vedea cum sunt aliniate formele cu partea portocalie a grilei.

Orange side of the gridOrange side of the gridOrange side of the grid

Pasul 4

Pentru a trece de la grila portocalie la cea albastră, apasă şi ţine apăsat butonul de instrument Perspective Grid Tool pentru a vizualiza opţiunea ascunsă Perspective Selection Tool (Shift-V) Cu acest instrument selectat, apasă în partea stângă a cubului din colţul stâng. Acum grila albastră a fost aleasă în schimb, şi poţi începe desenarea formelor pe ea.

Perspective Selection ToolPerspective Selection ToolPerspective Selection Tool

Pasul 5

Acum toate obiectele pe care le desenezi sunt conforme cu grila albastră în schimb. Începe construirea în forme mari la inceput.

Blue side of the gridBlue side of the gridBlue side of the grid

Pasul 6

Există, de asemenea, o grilă verde în partea de jos, care corespunde cu partea de jos a cubului din pictograma din stânga sus. Selectează grila verde şi începe desenarea trecerii de pietoni.

Green side of the gridGreen side of the gridGreen side of the grid

Pasul 7

Ţinând apăsată tasta Alt în timpul glisării obiectului, poţi face o copie a acestuia. De aici pur şi simplu apasă Command-D de câteva pentru a  repeta ultimul pas, adăugând exemplare la aceeaşi distanţă. Repetaţi procesul de partea cealaltă a drumului.

Drawing the pedestrian walkDrawing the pedestrian walkDrawing the pedestrian walk

Pasul 8

Adaugă încă forme de dreptunghi, comutând între diferitele planuri spațiale în funcţie de necesităţi. În cazul în care ai nevoie pentru a obţine o vedere mai clară la schiţa ta din când în când, du-te la View > Outline, sau Command-Y mai rapid.

View OutlineView OutlineView Outline

Pasul 9

Pentru a dezactiva grila, du-te la View > Perspective Grid > Hide Grid. Atunci când ai nevoie de ea din nou, du-te în acelaşi loc să o activezi din nou.

Hide GridHide GridHide Grid

Utilizează Command-Shift pentru a comuta între a ascunderea şi arătarea grilei. Fă acest lucru atunci când dorești să desenezi rapid ceva care este văzut din față.

Objects from the frontObjects from the frontObjects from the front

Pasul 10

Continuă construireai peisajului urban prin adăugarea formelor mai mari. După cum vezi, eu nu am urmat schiţa mea în totalitate. În unele locuri perspectiva corectă s-a dovedit a fi destul de diferită de ceea ce am desenat, iar asta e în ordine. Schiţa este doar baza de plecare.

Rough cityscapeRough cityscapeRough cityscape

Pasul 11

Acum, este vremea a adăuga câteva ferestre la clădirile noastre. Am început prin a face o fereastră de front utilizând instrumentul dreptunghi Rectangle Tool.

Window designWindow designWindow design

Apoi selectez instrumentul Perspective Selection Tool apăsând Shift-V, şi glisez fereastra în timp ce ţin apăsată tasta Alt. Acest lucru face o copie a ferestrei, pe care o plasez pe clădire pe partea albastră a grilei.

Window in perspectiveWindow in perspectiveWindow in perspective

Pasul 12

Mai fac o copie, şi apoi trec la partea portocalie a grilei. Copiez o fereastră într-un capăt al clădirii și alta la celălalt capăt al acesteia. Selectându-le pe ambele, mă duc la Object > Blend > Make (Alt-Command-B), care adaugă copii de fereastre  în spaţiul dintre cele deja create.

Window copies with Blend ToolWindow copies with Blend ToolWindow copies with Blend Tool

Sunt prea multe ferestre! Mă duc la Object > Blend > Blend Options, setez categoria spacing la Specified Steps și selectez 1 în schimb.

Blend OptionsBlend OptionsBlend Options

De aici pot selecta rândurile finite de ferestre şi să le trag cu Alt-ul apăsat în jos pentru a adăuga un alt rând. Asigură-te că ai instrumentul Perspective Selection Tool selectat în timp ce faci acest lucru pentru a menţine obiectele aliniate la perspectivă.

Adding windows with Alt-dragAdding windows with Alt-dragAdding windows with Alt-drag

Pasul 13

Mergând mai departe, putem începe adăugarea de noi tipuri de ferestre la alte clădiri, folosind aceeaşi tehnică ca mai înainte.

New window designNew window designNew window design

Eu folosesc un design mai simplu pentru ferestrele de pe clădirile din fundal. Cu Blend se pot aranja toate elementele .

Blend Options Specified StepsBlend Options Specified StepsBlend Options Specified Steps

Pasul 14

Pe parcursul muncii, poate trebuie să se mai adaptezi grila câteodată pentru clădirile din fundal.

Adjusting the Perspective Grid ToolAdjusting the Perspective Grid ToolAdjusting the Perspective Grid Tool

Pasul 15

Pentru clădirile din depărtare, aş dori să adaug câteva linii în loc de ferestre. Accesând Window > Swatch Libraries > Patterns > Basic Graphics > Basic Graphics_Lines vei obţine un grup de texturi diferite din care să alegi.

Basic Graphics LinesBasic Graphics LinesBasic Graphics Lines

3. Adaugă detalii la oraş

Pasul 1

Începem să obţinem un aspect decent de urbanism, dar încă mai are nevoie de finisare. Ia timp să te uiţi peste grosimile liniilor tale. O regulă din practică este când obiectele de departe au linii subţiri şi obiectele de aproape mai groase.

Add details to the cityAdd details to the cityAdd details to the city

Pasul 2

Pentru a adăuga unele semne grafice în imagine, voi folosi câteva desene pe care le-am făcut dinainte. Fac un cadru în jurul design-ului ce am de gând să-l folosesc şi le grupez.

Am de gând să utilizez Envelope Distort pentru a plasa design-ul în interiorul semnului. Selectează obiectul pe care se află semnul cu Command-C şi lipeşte-l în faţă cu Command-F. Asigură-te că acest obiect este plasat deasupra obiectului de design.

Star design for big signStar design for big signStar design for big sign

Pasul 3

Selectează cadrul pe care tocmai l-ai lipit şi obiectul de design, şi du-te la Object > Envelope Distort > Make with Top Object.

Envelope Distort Make with Top ObjectEnvelope Distort Make with Top ObjectEnvelope Distort Make with Top Object

Această acţiune adaptează design-ul tău la dimensiunile semnului. Prin adăugarea unui cadru la design care are o formă similară cu semnul, am realizat o transformare placută vizual.

Star design in perspectiveStar design in perspectiveStar design in perspective

Pasul 4

Repet acelasi proces pentru celălalt semn. Copiază şi lipeşte în faţă obiectul semn.

Unicorn design for big signUnicorn design for big signUnicorn design for big sign

Asigurându-te că obiectul semn este peste design, selectează ambele, şi utilizează comanda rapidă pentru for Envelope Distort > Make with Top Object (Alt-Command-C).

Unicorn design in perspectiveUnicorn design in perspectiveUnicorn design in perspective

Pasul 5

Adaug câteva fisuri trasate de mână şi zgârieturi pe ici pe colo, pentru a evita ca oraşul să arate prea artificial. Folosind o perie setată să fie subţire, caută modalităţi de a adăuga puţină "mizerie" pe clădiri.

Cracks and scratches on buildingsCracks and scratches on buildingsCracks and scratches on buildings

Pasul 6

În cele din urmă face unele obiecte negre în loc de albe, şi adaug ceva text şi simboluri la ultimele semne din imagine. Aceasta adaugă adâncime suplimentară la oraşul nostru.

De aici poţi alege să adaugi culoare, în tonuri de gri sau texturi halftone, în funcţie de stilul tău. Sau te poţi simţi realizat având un oraş alb-negru pentru scena ta introductivă.

Finished city settingFinished city settingFinished city setting

Rezumat

In acest tutorial am învăţat ce este o scenă introductivă în benzi desenate, şi cum una bine planificată poate aduce şi atmosferă în benzile tale desenate, precum şi furnizează informaţii cititorilor.

În Illustrator putem accelera foarte mult procesul nostru utilizând instrumentul Perspective Grid Tool. Prin a nu mai fi nevoit să-ţi desenezi liniile de ghidare corect, vei avea mai mult timp pentru a fi creativ, cât nu mai a face acest lucru plictisitor.

Sper că tehnicile din acest tutorial vor fi de ajutor pentru tine ca să creezi scena unde se vor desfăşura benzile tale desenate.

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads