Nola diseinatu atzeko planoak

Nola diseinatu atzeko planoak
Rick Davis

Agian ez zarete konturatzen, baina atzeko planoa marraztea da edozein pertsonaien ilustrazioko atal garrantzitsuenetako bat.

Zure karaktereak ez lukete hondo zuri batean flotatzen egon behar. Beren unibertso bakarrekoak dira, zure pertsonaiak marraztu dituzun puntura arte eboluzionatzeko modua zehaztu zuena.

Tutorial artikulu honetan, Maddy Zoli artistak atzeko planoa nola sortzen duen aztertuko dugu. Jarraitu Vectornator-en eta ikasi zuk zeuk nola egin!

Pertsonaien diseinua

Pertsonaien diseinuari buruzko gure lehen ikasgaia irakurri baduzu, badakizu pertsonaia baten atzealdea dela. marrazten duzun lerro bakoitzaren bizkarrezurra da.

Zure pertsonaiak begiz ikusten dena baino istorio sakonago batean oinarritu behar dituzu; jaio zirenetik, non bizi diren, zein lan duten, zein den gustuko duten janaria. Gehiegizko soinuak? Guretzat, gehiago dibertigarria dirudi!

Untxi-zulo sakon batean erori gabe, pentsatu zure pertsonaiaren iraganari, orainari eta etorkizunari buruzko xehetasun guzti hauek, eta adierazi haien ingurunean. Beste era batera esanda, proiektatu buruan duzun istorioa pertsonaiaren atzealdean. Horrelako istorio bisualak erabiliz, zure pertsonaiak eta munduak askoz aberatsagoak eta errealagoak sentituko dira.

Artista

Tutorial hau Maddy Zoli harrigarriarekin elkarlanean egin da. Pertsonaia serie oso bat sortzen ari gara elkarrekin gure YouTube kanalean, eta ez da bakarrikTresna eta jolastu zure mihiseari egiten diozun presioarekin, txikia hasten den eta pixkanaka-pixkanaka eraikitzen den forma bat sortzeko. Presioa aldatuz, marra oso mehetik oso potolora pasa daiteke trazu bakarrean. Efektu hori lortzeko, Maddyk gure aurrezarpenetako 4. eskuila erabiltzen du Presio-sentsibilitatea aktibatuta dagoela.

Hodeiak marraztu ondoren, erabili Nodo tresna haien forman doikuntzak egiteko.

Hodeiak direla eta. modu naturalean islatuko du ilunabarreko argia, laranja koloretik (F92CEE, ezkerrera) arrosa argira (F9DCEE, eskuinera) doan gradiente bat emango die.

Ilargiari dagokionez, sortu bi zirkulu eta erabili Kenketa. Funtzio boolearra ilargi erdi perfektua mozteko. Ez ahaztu hatz bat mihisean edukitzea aspektu-erlazioa gordetzeko.

Azkenik, gehitu izarrak Forma tresnarekin. Maddyk 12 puntuko izarra erabakitzen du. Ezkerreko graduatzailearen bidez puntu kopurua edita dezakezu eta haien forma alda dezakezu hatz bat sakatuta arkatza mihisean arrastatu bitartean.

17. urratsa

Gehitu xehetasun polit batzuk

Zu ere azkenerako onena gordetzen duten horietakoa al zara? Pieza honi azken elementu grafikorik ederrenetako bat gehitzeko garaia da.

Sortu espazio anezka esfortzu minimoarekin Iconator funtzioarekin. Besterik gabe, sakatu Inspector-eko azken fitxa Iconator atzitzeko eta erabili bilaketa-barra behar duzuna aurkitzeko.

Maddyk aukeratzen du.gehien gustatzen zaion espazio anezka, tamaina aldatzen du, zuriz margotzen du eta seinalearen erdian zentratzen du. Erraza!

💡 Pro Aholkua: Erabili Iconator-en eskubiderik gabeko milaka ikono segundo gutxitan forma konplexuak sortzeko. 18. urratsa

Gehitu argi-efektuak

Doinu gehiago lortzeko, amaitu argi zirkulu batzuk gehituz urruneko hiriaren efektu distiratsua emateko. Erabili Forma tresna zirkuluetarako, noski, eta, gero, jolastu Estilo fitxako gradiente-funtzioarekin efektu politagoa emateko.

Maddyk ezkerraldean arrosa (F9A3D8) duen gradiente lineal bat bilatu zuen bitartean. eskuina ezkerrekoa %100 gardena da.

Ondoren, joan Nahasketa moduetara eta aukeratu Gainjartzea.

19. urratsa

Gehitu mugimendua

Egiteko ilustrazio modu dinamikoan, eszena zeharkatzen duten partikula argien azken geruza gehitu. Horretarako, Maddyk lehengo pintzel bera mantentzen du (gure aurrezarpenetatik laugarrena) 15. urratseko gradiente berberaz betetako trazu oso finak sortzeko. Eta gero ezarri berriro nahasketa modua Gainjarri moduan.

Gure momentuan Itxaroten egon naiz: Urrats hauen guztien ondoren, ilustrazioa osatu da!

Zergatik da garrantzitsua atzeko planoak marraztea

Marrazki baten atzeko planoa edozein dela ere , eragin handia du azken artelanean, ona edo txarra izan!

Objektuak eta pertsonaiak jarrera dinamikoetan marrazten ikasi ondoren, atzealdea da azken zatia.Guztia batzen duen puzzlea.

Zure atzeko planoak yin gisa jokatzen du zure pertsonaiaren yang-aren aurrean. Zure pertsonaia forma biribilduak erabiliz sortu baduzu, erabili forma angeluarrak hondoa irudikatu beharko du. Zure pertsonaia iluna bada, erabili hondoko kolore argiak, eta abar. Gakoa zure pertsonaiarekin kontrastea da haiek nabarmentzen laguntzeko.

Zure jatorriak zure pertsonaia eta bere istorioa maila tekniko eta kontzeptualean nabarmendu behar ditu. Beraz, zure buruari galdetzen badiozu atzeko plano bat diseinatzea garrantzitsua den ala ez, benetan ezinbestekoa dela uste dugu.

Tutorial hau zuretzat lagungarria izan dela espero dugu. Oraindik egin ez baduzu, ziurtatu Vectornator deskargatzen duzula, Maddyk sortutakoa bezalako zure atzeko plano zoragarriak diseinatzeko.

Gure tresnan berria bazara, begiratu gure Learning Hub edo YouTube kanala. diseinu grafikoko tutorialetarako eta inspirazio freskorako; eta aukeratu prest egindako txantiloi bat minutu gutxiren buruan diseinuak sortzeko.

Ez ahaztu beti sare sozialetan etiketatzea zure lana berriro argitaratu ahal izateko!

plazerra kolaboratzearekin, baina gai honi buruz oso jakitun da. Ezin izan dugu inorekin hobeto lan egin urratsez urrats gida honetarako.

Ohartuko zara tutorial honetan aipatzen dugun urrats bakoitza ez dela xehetasunik txikiena sartzen. Horrek esan nahi du ez dugula urrats bat aipatuko geruza berri bat sortzen den edo forma berri bat marrazten den bakoitzean. Horren ordez, diseinu-prozesuko gehigarri estruktural bakoitza urrats orokor gisa trinkotuko dugu.

Beharko duzuna:

• iPad

• Apple Pencil

• Sortu (edo zirriborratzeko beste edozein software)

• Vectornator-en azken bertsioa Ikasiko duzuna:

• Nola zirriborratu

• Nola prestatu mihisea eta atzeko planoa

• Geruzak nola gehitu eta kudeatu

• Luma, arkatza eta pintzel tresnen erabilera aurreratua , Nodo eta Forma tresnak

• Kolore-hautatzailearen eta Gradienteen editorearen erabilera aurreratua

• Argia, itzalak eta mugimendua nola gehitu

• Bikoiztua nola erabili zure lan-karga arintzeko funtzioa

• Eskuz marraztutako letrak nola sortu

• Forma konplexuak nola sortu

Praktika eta teoria konbinatu ditugu hemen, beraz, jarri lotu!

1. urratsa

Lortu zure erreferentziak ondo

Urrats hau diseinatu nahi duzun atzeko planorako inspirazio egokia aurkitzea da.

Asmatzen al duzu Maddyren erreferentziak nondik datozen. tik? Bere inspirazioak 80ko eta 90eko hamarkadetako neoizko argiak dituzten paisaia pastelak diraSailor Moon eta Cardcaptor Sakura bezalako animeak. Haien estetika txertatuko du bere atzeko planoan.

Filmen edo animazioen pantaila-argazkiak inspirazio iturri bikainak dira atzeko planoko ideietarako.

Dagoeneko konfiguratuta daude argiztapen interesgarria, ekintza eta konposizio ona izateko. Baina, gainera, kalera atera eta inguruan ikusten dituzun paisaiak edo hiri-eszenak marraz ditzakezu.

Hemen garrantzitsuena denari zentzua ematea da. Ez zenuke zure pertsonaia eta haien jatorria gauza bereizi gisa pentsatu behar, unitate bakar gisa baizik. Ez duzu zure pertsonaiaren atzeko planoa marrazten soilik, zure pertsonaia duen eszena marrazten ari zara.

2. urratsa

Marraztu zure oinarrizko formak

Zirriborroak egiteko estilo ezagun bat erreferentzietatik 5 minutuko "keinu" azterketa txiki batzuk egitea da, non balio nagusiak blokeatu besterik ez dituzunean.

Ondoren, aukeratu ikasketa bat edo bi gehiagotan garatzeko. Sortzen 30 minutu inguru igarotzen dituzun zirriborro zehatzak, Maddyk Procreate-n osatzen duen zirriborroa bezala.

Gogoratu eszenaren atal guztiak garrantzitsuak izan behar direla istorioarentzat; bestela, ez marraztu.

Horrela pentsatzeak zure elementu guztiak modu hobe eta interesgarriago batean integratzen laguntzen dizu. Zure ikusleak ingurune apaingarri bat besterik ez balitz baino gehiago inbertitzen nauelako.

Beraz, gure kasuan, badakigu Jocasta nerabea dela.superbotereak dituen neska. Baina Maddyk sortzaile gisa dakiena da etorkizunean bizi dela, hiri lanpetu batean, non arratsaldero garraio publikoaren zain egon behar duen etxera itzultzeko.

Elementu deigarri txiki honen bidez jakin dezakezu. —autobus geltokiko seinalea espazio-zerbitzu bat da benetan.

3. urratsa

Kargatu Sketch Vectornator-era

Procreate-tik, esportatu zure zirriborroa jpeg/png gisa eta inportatu Vectornator sartu. Hori egin dezakezu Galeria fitxatik arrastatu eta jaregin.

💡 Pro Aholkua: Zure lehen zirriborroa paperean sortzen baduzu, inporta ezazu zure mihisean segundotan erabiliz. gure eskaneatu funtzio berria 4. urratsa

Kokatu zure pertsonaia

Maddyk Jocasta jarri zuen eszenan hirugarrenen araua jarraituz.

Hainbat modu daude. Sortu konposizio bikaina estetika orekatua lortzen laguntzen dizuten hainbat arau probatu eta probatuak erabiliz (hirunen araua adibidez). Horri buruz gehiago jakin nahi baduzu, begiratu gure bideo-tutoriala beste ilustratzaile harrigarri batek filmatutako konposizio bikainak sortzeko: Soodabeh Damavandi.

5. urratsa

Antola ezazu zure geruzak

Garrantzitsua da zure geruzekin txukun eta antolatuta egotea; urrats honetan egiten duzun esfortzu gehigarriak hamar bider lagunduko dizu ilustrazioan aurrera egin ahala.

Beraz, zure pertsonaia jarri ondoren, ezkutatu karaktere geruza. Ondoren, blokeatu zirriborroa geruza jaitsi ondorenopakutasuna.

Teknikaz hitz egiteko une egokia ere bada!

Hondo bat diseinatzeko bi modu daude: perspektiba erabiliz edo zure paisaia geruzak jartzea. Gaur geruzaren teknikan zentratzen ari gara. Perspektiba-teoria beste bideo batean azaltzea nahi baduzu, mesedez, komentatu behean.

Beraz, paisaia hausten badugu, bost geruza ditugu guztira. Aurretik atzerantz, beraz, hurbilenetik urrunenera, hauek dira geruzak:

  • Jocasta eta mamua.
  • Autobus geltokia eta trenbidea.
  • Eraikinen lehen lerroa.
  • Eraikinen bigarren lerroa.
  • Azkenik, zerua, ilargia eta hodeiak.

Une honetatik aurrera, gogoratu besterik ez dago. zure ilustrazioko edozein diseinu-elementu berrirako geruza berri bat beti sortzeko; adibidez, autobus geltokia geruza bereizi batean dago, eta bigarren ilara eraikina, eta ilargia eta izarrak ere bai, etab. Lortzen duzu.

6. urratsa

Kontatu istorioa koloreekin

Kolorea zure pertsonaiaren istorioari buruz gehiago esan dezakeen beste alderdi oso garrantzitsu bat da.

Beraz, laburbiltzeko: mundu hau etorkizunean dago, magiaz beteta dago eta Sailor Moon-en inspiratuta dago ere. Ez da harritzekoa hemen Maddyk neoiak, pastelak, arrosak eta berdeak bezalako kolore lodiak aukeratu dituelako. Aspergarria izan ezik!

Hona hemen Maddyren pieza birsortzeko behar dituzun kode hexadeziko guztiak:

Purple ertaina - C18FF0

More iluna - 7125D0

Laranja - EFB09F

Urdina ertaina - 869FEF

Urdin iluna - 3E6AED

Urdin iluna - 4265D2

Telka - 2885C7

Horia - FEF66F

Arrosa - F9A3D8

Larrosa argia - F9DCEE

Ikusi ere: Probatu ezinezko logotipoaren kolore-eskema

Azken batean, kolore konbinazio bat erabiltzen duzula ziurtatu behar duzu hori nahikoa kontrastatua da, baina zure izaerarekin harmoniatsua izaten jarraitzen du aldi berean. Horregatik, Maddyk Jocastarako erabiltzen zituen tonuen oso antzekoak aukeratu zituen.

Ohartuko zara Maddyk aukeratutako tonuak bere konposizioan zehar diseinu-elementu ugaritan erabiliko eta berrerabiliko direla. Kolore paleta anitza baina mugatua aukeratzeak sormen-prozesuan lagunduko dizu, baina zure artelana kohesionatuago eta identifikagarriagoa izango da.

7. urratsa

Ezarri giroa eguneko orduarekin

Aldendu atzeko planoko kolore sendoetatik eta erabili eguneko ordua giroa jartzeko modu gisa. Eszena honetarako, Maddyk arratsaldea aukeratu zuen.

Jocastak eta bere lagun mamuak oraintxe sentitzen dutenarekin bat dator. Jocastak dagoeneko gainditu duela dirudi, baina gauez mamuak agertzen direnez, eguna hastear dago!

Itxura hori lortzeko, Maddyk mihise osoa betetzen duen karratu more bat sortzen du (C18FF0). Ondoren, urdin iluna (3E6AED) gradiente lineal bat aplikatzen du goiko eskuinetik hasitaizkinan.

Maddyk karratua bikoizten du, biratu egiten du gradientea kontrako izkinan egon dadin eta gradientearen kolorea laranja eder batera aldatzen du (EFB09F). Norbaitek esan al du ilunabarrerako giroak?

8. urratsa

Sortu bigarren ilara eraikinen

Objektu urruneneko bigarren geruzarekin hasiko gara (urrunen dagoena). zerua izanik).

Ordena berezi hau ez da horren garrantzitsua. Baina elkarren gainjartzen diren geruza multzo bat baduzu, eraikinak, tren geltokia eta abar bezalakoak, hobe da urrunenetik hastea, zure objektuak lehen planoan nola kokatu, zenbat espazio negatiboa duzun ulertzeko. jolasteko, eta zein kolorek kontrasten diren hobekien.

Maddyk Forma tresna hartzen du eta forma geometrikoak sortzen hasten da eraikinen aurrealdeko ikuspegia definitzeko. Erabiltzen duen urdin tonua 869FEF da.

Ikusi ere: Zein da ñabardura, kroma, tinda, tonua eta itzalaren arteko aldea? 9. urratsa

Marraztu perspektiba

Eta alboak marrazteko, tonu ilunagoa aukeratzen du—957AE1.

Hori ez ezik, Nodo tresna ere erabiltzen du laukizuzenaren goiko aldean angelua aldatzeko, zure konposizioaren ihes-puntuarekin lerrokatu daitezen.

10. urratsa

Gehitu xehetasunak

Maddyk pankarta bat gehitzen die ikuslearen ikuspuntutik hurbilago dauden eraikinei.

Eraikin hauek teknikoki bigarren ilaran oraindik dauden arren, dira. urrunen dauden eraikinetatik hurbilena. Beraz, edozein gehituzHemengo xehetasunek ezarpen errealistagoa besterik ez dute sortuko.

11. urratsa

Marraztu eraikinen lehen lerroa

Lehen bezala, hartu Forma tresna eta marraztu laukizuzenak hiria betetzeko. Maddyk 957AE1 aukeratu zuen berriro, eta 4265D2 alboetarako.

12. urratsa

Sortu giroa

Zure atzeko planoari are sakontasun handiagoa emateko, kontuan hartu xehetasunak bezalako xehetasunak sartzea. hiriko lainoa.

Marraztu besterik ez du laukizuzen bat Forma tresnarekin eta eman behetik gora lausotzen den gradiente lineal dibertigarri bat. Ezkerreko kolorea (gure kasuan, beheko kolorea) zertzeta eder bat da (2885C7) eta ezkerreko kolorea (gure kasuan, goikoa) zuria (FFFFFF) 0 opakotasunarekin. Hori lortu dezakezu A kanala zerora jarriz.

13. urratsa

Gehitu xehetasun gehiago

Kontuan izan zenbat eta hurbilago egon, orduan eta ilunagoa eta zehatzagoak izango dira zure objektuak. Aurreko eraikin-lerroa gutxieneko laukizuzen eta bloke solidoen multzoa izango den bitartean, oso leiho gutxi dituena.

Beraz, pertsonaiatik hurbilen dauden eraikinetan, ziurtatu mota guztietako xehetasunak gehitzea, esaterako. leihoak, argiak edo kartelak. Maddyk eskuz libreko pintzelkadekin sortzen duen "Coola" seinale hau bezalakoa da gure Pintzel hautatzeko paneleko bigarren aurrezarpena erabiliz.

Leiho bat baino gehiago lehen planoko eraikinei gehitzeko aholku bat hautatzeko tresnarekin hainbat objektu hautatzea da. bikoiztu segidan.

14. urratsa

MarraztuAutobus geltokia

Laukizuzen tresnarekin, trazatu autobus geltokia osatzen duten forma nagusi guztiak.

Orain arte bezala, erabili Nodo tresna tresna behar duten angeluak aldatzeko. zure ikuspegiaren ihes puntura eraman. Hemen morea erabiltzen du hesirako (7125D0), zuria (FFFFF) eta horia (FEF66F) estalkirako, eta urdin tonu gehigarri bat (957AE1) seinalerako.

15. urratsa

Gehitu gehiago Dimentsioa

Autobus geltokiaren elementuak ere ilunabarraren eszenaren parte dira.

Hori gogora ekartzeko, kolore solido horiei buruz zerbait egingo dugu. Beraz, bikoiztu hesia sortzeko erabili duzun goiko laukizuzena, egin estuagoa, jarri gainean eta eman ilunabarreko argia islatzen duen gradiente bat.

Maddyk gradiente lineal baten alde egiten du (gradientea). erdian), eta eskuineko zein ezkerreko kolorea laranja argi batera aldatzen du (EFB09F). Ondoren, ezkerreko kolorea guztiz gardena bihurtzen du A kanala zerora aldatuz.

Aplikatu efektu bera, modu berean, errail bakoitzari.

Pro Aholkua: Ohartu nola eraldatzen ari garen eszena hau diseinu lautik ingurune konplexu batera. Bektoreekin itzalak nola egiten ikasi nahi baduzu, ziurtatu Maddyren tutoriala 16. urratsa ikusten duzula

Gehitu elementuak zeruari

Azkenik, xehetasunak zeruan, non hodei, izar eta ilargi batzuk gehituko ditugun.

Hodeietarako, hartu Pintzela




Rick Davis
Rick Davis
Rick Davis diseinatzaile grafiko eta artista bisual ondua da, industrian 10 urte baino gehiagoko esperientzia duena. Hainbat bezerorekin lan egin du, startup txikietatik hasi eta korporazio handietaraino, haien diseinu-helburuak lortzen lagunduz eta haien marka igotzen ikusizko eraginkor eta eragingarrien bidez.New Yorkeko Ikus-Arteen Eskolan lizentziatua, Rick grina da diseinu-joera eta teknologia berriak aztertzeaz eta eremuan posible denaren mugak etengabe zabaltzeaz. Espezializazio sakona du diseinu grafikoko softwarean, eta beti irrikitan dago bere ezagutzak eta ikuspegiak besteekin partekatzeko.Diseinatzaile gisa egiten duen lanaz gain, Rick blogari konprometitua ere bada, eta diseinu grafikoko softwarearen munduko azken joerak eta garapenak ezagutzera dihardu. Bere ustez, informazioa eta ideiak partekatzea funtsezkoa da diseinu-komunitate sendo eta bizia sustatzeko, eta beti irrikitan dago sarean beste diseinatzaile eta sormenekin konektatzeko.Bezero batentzako logotipo berri bat diseinatzen ari den ala ez, bere estudioko azken tresna eta teknikekin esperimentatzen ari den ala ez, edo blogeko argitalpen dibulgatzaileak eta erakargarriak idazten ari den, Rick beti dago konpromisoa hartzen du ahalik eta lan onena emateko eta besteei beren diseinu-helburuak lortzen laguntzeko.