Ynhâldsopjefte
Jo sille it miskien net realisearje, mar it tekenjen fan in eftergrûn is ien fan 'e wichtichste ûnderdielen fan elke karakteryllustraasje.
Jo karakters moatte net op in wite eftergrûn driuwe. Se hearre ta har eigen, unike universum dat definieare hoe't jo karakters evoluearren oant it punt dat jo se tekene.
Yn dit Tutorial-artikel sille wy ûndersykje hoe't keunstner Maddy Zoli in eftergrûn makket. Folgje mei yn Vectornator en lear hoe't jo it sels dwaan!
Karakterûntwerp
As jo ús earste les oer karakterûntwerp lêzen hawwe, wite jo dat it efterferhaal fan in karakter is is de rêchbonke fan elke line dy't jo tekenje.
Jo moatte jo personaazjes yn in djipper ferhaal lizze dan it each sjocht; fan doe't se berne binne, oant wêr't se wenje, hokker baan se hawwe, oant wat har favorite iten is. Klinkt oerdreaun? Foar ús klinkt it mear as leuk!
Sûnder yn in djip konijngat te fallen, tink oan al dizze details oer it ferline, hjoed en takomst fan jo karakter, en manifestearje se yn har omjouwing. Mei oare wurden, projektearje it ferhaal dat jo yn jo gedachten hawwe yn 'e eftergrûn fan it karakter. It brûken fan fisuele ferhalen lykas dit sil jo karakters en wrâlden folle riker en echter fiele.
De keunstner
Dizze tutorial is makke yn gearwurking mei de geweldige Maddy Zoli. Wy meitsje in hiele karakter rige tegearre op ús YouTube kanaal, en se is net allinnich inTool en boartsje mei de druk dy't jo tapasse op jo doek om in foarm te meitsjen dy't lyts begjint en stadichoan opbout. Troch de druk te feroarjen, kin de line yn ien slach gean fan heul tinne oant heul chunky. Om dit effekt te berikken, brûkt Maddy de 4e kwast út ús presets mei Pressure Sensitivity op.
Nei it tekenjen fan de wolken, brûk it Node-ark om alle oanpassingen oan har foarm te meitsjen.
Om't de wolken sil it ljocht fan 'e sinne ûndergong natuerlik reflektearje, jouwe se in gradient dy't giet fan in oranje tint (F92CEE, lofts) nei in ljocht rôze (F9DCEE, rjochts).
Wat de moanne oangiet, meitsje twa sirkels en brûk de Subtract Booleaanske funksje om in perfekte heale heale moanne te snijen. Ferjit net ien finger op it doek te hâlden om de aspektferhâlding te behâlden.
Foegje úteinlik stjerren ta mei it Shape Tool. Maddy beslút oer in stjer fan 12 punten. Jo kinne it oantal punten bewurkje fia de skúf oan 'e lofterkant en jo kinne har foarm feroarje troch ien finger yn te hâlden wylst jo jo Potlead op it doek slepe.
Stap 17Foegje wat coole details ta
Bist ek ien fan dy minsken dy't it bêste foar it lêst bewarje? Tiid om ien fan 'e lêste en coolste grafyske eleminten oan dit stik ta te foegjen.
Meitsje de space shuttle mei minimale ynspanning mei de Iconator-funksje. Tik gewoan op it lêste ljepblêd yn 'e ynspekteur om tagong te krijen ta Iconator en brûk de sykbalke om te finen wat jo nedich binne.
Maddy kiest despace shuttle fynt se it bêste, feroaret de grutte, kleurt it wyt en sintrum it midden yn it teken. Easy peasy!
💡 Pro Tip: Meitsje gebrûk fan tûzenen royalty-frije ikoanen fan Iconator om komplekse foarmen yn in pear sekonden te meitsjen. Stap 18Ljochteffekten taheakje
Foar ekstra flair, einigje troch wat sirkels fan ljochten ta te foegjen om in fonkeljend effekt te jaan fan 'e fiere stêd. Brûk fansels it Shape Tool foar de sirkels en boartsje dan mei de gradientfunksje yn de Style Tab om it in moaier effekt te jaan.
Maddy gie foar in lineêre gradient mei rôze (F9A3D8) oan de lofterkant wylst de rjochter is lofts 100% transparant.
Gean dan nei Blend Modes en kies Overlay.
Stap 19Beweging tafoegje
Om te meitsjen de yllustraasje modus dynamyske, add in lêste laach fan dieltsje ljochten dy't krúst it toaniel. Dêrfoar hâldt Maddy deselde kwast as foarhinne (de fjirde út ús presets) om tige fyne streken te meitsjen fol mei deselde gradient fan stap 15. En set dan de blendmodus wer yn op Overlay.
It momint dat wy Ik ha op wachte: Nei al dizze stappen is de yllustraasje no kompleet!
Wêrom eftergrûnen tekenjen wichtich is
Wat de eftergrûn fan in tekening ek is , it hat in enoarme ynfloed op it definitive keunstwurk - goed of min!
As jo ienris leard hawwe om objekten en karakters yn dynamyske poses te tekenjen, is de eftergrûn it lêste stik fan 'epuzel dy't alles byinoar bringt.
Jo eftergrûn fungearret as in yin foar de yang fan jo karakter. As jo jo karakter hawwe makke mei rûne foarmen, brûke hoekige foarmen moatte de eftergrûn fertsjintwurdigje. As jo karakter tsjuster is, brûk dan ljochte eftergrûnkleuren, ensfh. De kaai is om kontrast te meitsjen mei jo karakter om har te helpen opfalle.
Jo eftergrûn moat jo karakter en har ferhaal markearje op in technysk en konseptueel nivo. Dus as jo josels ôffreegje oft it ûntwerpen fan in eftergrûn wichtich is, leauwe wy dat it eins wichtich is.
Wy hoopje dat dizze tutorial nuttich foar jo wie. As jo net al hawwe, soargje derfoar dat jo Vectornator downloade, sadat jo jo eigen prachtige eftergrûnen kinne ûntwerpe lykas dejinge dy't Maddy makke hat.
As jo nij binne mei ús ark, sjoch dan ús Learning Hub of YouTube-kanaal foar tutorials foar grafysk ûntwerp en frisse ynspiraasje; en kies in klear makke sjabloan om ûntwerpen binnen minuten te meitsjen.
Ferjit net ús altyd te taggen op sosjale media sadat wy jo wurk opnij kinne pleatse!
wille om mei te gearwurkjen, mar se is super saakkundich oer dit ûnderwerp. Wy koenen net hawwe wurke mei immen better foar dizze stap-foar-stap gids.Jo sille merke dat elke stap dy't wy neame yn dizze tutorial net giet yn de meast minút fan details. Dat betsjut dat wy gjin stap sille neame elke kear as in nije laach wurdt makke of in nije foarm wurdt tekene. Ynstee dêrfan sille wy elke strukturele tafoeging oan it ûntwerpproses kondinsearje as ien oerkoepeljende stap.
Wat jo nedich binne:• iPad
• Apple Pencil
• Procreate (of in oare sketssoftware)
• Lêste ferzje fan Vectornator Wat jo leare:
• Hoe kinne jo sketse
• Hoe jo doek en eftergrûn tariede
• Hoe lagen taheakje en beheare
• Avansearre gebrûk fan de Pen, Potlead, Brush Tools , Node, en Shape Tools
• Avansearre gebrûk fan de Color Picker en Gradient Editor
• Hoe ljocht, skaden en beweging ta te foegjen
• Hoe it duplikaat te brûken funksje om jo wurkdruk makliker te meitsjen
• Hoe kinne jo mei de hân tekene letters meitsje
• Hoe komplekse foarmen meitsje
Wy hawwe hjir praktyk en teory kombinearre, dus bûgje!
Stap 1Krij jo referinsjes goed
Dizze stap giet oer it finen fan de juste ynspiraasje foar it type eftergrûn dat jo ûntwerpe wolle.
Kinne jo riede wêr't Maddy's referinsjes komme fan? Har ynspiraasjes binne pastele stedsgesichten mei neonljochten út 'e jierren '80 en '90anime lykas Sailor Moon en Cardcaptor Sakura. Se sil har estetyk yn har eftergrûnûntwerp opnimme.
Skermôfbyldings fan films of animaasjes binne in geweldige boarne fan ynspiraasje foar eftergrûnideeën.Se binne al ynsteld om ynteressante ferljochting, aksje en goede komposysje te hawwen. Mar jo kinne ek gewoan nei bûten gean en lânskippen of stedske sênes tekenje dy't jo om jo hinne sjogge.
It wichtichste hjir is om alles betsjutting te jaan. Jo moatte jo karakter en har eftergrûn net tinke as aparte dingen, mar as ien ienheid. Jo tekenje net allinich in eftergrûn foar jo personaazje, jo tekenje it sêne dat jo karakter yn har hat.
Stap 2Sketch Your Basic Shapes
In populêre sketsstyl is om in pear lytse, 5-minuten "gebear"-stúdzjes te dwaan fan ferwizings dêr't jo gewoan de grutte wearden blokkearje.
Kies dan ien of twa stúdzjes om te ûntwikkeljen ta mear detaillearre sketsen dy't jo sawat 30 min besteegje om te meitsjen, krekt as de skets dy't Maddy yn Procreate foltôget.
Unthâld dat elk diel fan 'e sêne wichtich wêze moat foar it ferhaal - oars tekenje it net.Op dizze manier tinke helpt jo al jo eleminten op in bettere en ynteressanter manier te yntegrearjen. Om't jo sjogger my mear ynvestearret yn 'e omjouwing dan as it gewoan in dekorative eftergrûn wie.
Dus yn ús gefal witte wy al dat Jocasta in teenage is.famke mei superpowers. Mar wat Maddy as de skepper wit is dat se yn 'e takomst wennet, yn in drokke stêd dêr't se elke jûn op it iepenbier ferfier wachtsje moat om wer nei hûs te gean.
Jo kinne sjen oan dit lytse opfallende elemint —it bushalteteken is eins in space shuttle.
Stap 3Upload Sketch yn Vectornator
Fan Procreate, eksportearje jo skets gewoan as in jpeg/png en ymportearje it yn Vectornator. Jo kinne dat dwaan troch te slepen en te fallen fan it ljepblêd Gallery.
💡 Pro Tip: As jo jo earste skets op papier meitsje, ymportearje it dan yn sekonden yn jo doek troch te brûken ús nije scanfunksje Stap 4Posysje jo karakter
Maddy pleatste Jocasta yn it toaniel neffens de regel fan tredden.
Der binne in protte manieren om meitsje in geweldige komposysje troch ferskate beproefde regels te brûken (lykas de regel fan tredden) dy't jo helpe om in lykwichtige estetyk te berikken. As jo der mear oer leare wolle, besjoch dan ús fideo-tutorial oer it meitsjen fan geweldige komposysjes filme troch in oare, geweldige yllustrator - Soodabeh Damavandi.
Stap 5Organisearje jo lagen
It is wichtich om netjes en organisearre te bliuwen mei jo lagen - de ekstra ynspanning dy't jo yn dizze stap sette sil jo tsienfold helpe as jo foarútgong mei jo yllustraasje.
Dus neidat jo jo karakter pleatst hawwe, ferbergje it karakter laach. Beskoattelje dan de sketslaach neidat jo har ferlege hawweopaciteit.
Dit is ek in goeie tiid om oer technyk te praten!
Der binne twa manieren om in eftergrûn te ûntwerpen: perspektyf brûke of jo lânskip yn lagen meitsje. Hjoed rjochtsje wy ús op de technyk fan lagen. As jo wolle dat wy perspektyfteory yn in oare fideo dekke, asjebleaft kommentaar hjirûnder.
Dus, as wy it lânskip ôfbrekke, hawwe wy yn totaal fiif lagen. Fan foar nei efter, dus fan it tichtst nei it fierste, binne de lagen:
- Jocasta en it spoek.
- De bushalte en it spoar.
- De earste rige gebouwen.
- De twadde rige fan gebouwen.
- Uteinlik de loft, de moanne en de wolken.
Fan dit punt ôf, tink derom gewoan om altyd in nije laach te meitsjen foar elk nij ûntwerpelemint nei jo yllustraasje - bygelyks de bushalte is op in aparte laach, en sa is de twadde rige fan gebouwen, en sa binne de moanne en stjerren, lykas sa. Jo krije it.
Stap 6Fertel it ferhaal mei kleuren
Kleur is in oar super wichtich aspekt dat mear fertelle kin oer it ferhaal fan jo karakter.
Dus om opnij te meitsjen: dizze wrâld is yn 'e takomst, it is fol mei magy, en it is ek ynspireare troch Sailor Moon. Gjin skok hjir dat Maddy fette kleuren hat keazen lykas neon, pastels, rôze en grien. Alles behalve dof!
Hjir binne alle hex-koades dy't jo nedich binne om Maddy's stik opnij te meitsjen:
Medium Purple - C18FF0Dark Purple - 7125D0
Oranje - EFB09F
Middelblau - 869FEF
Sjoch ek: 7 Briljante manieren om Auto Trace te brûkenDûnkerblau - 3E6AED
Dûnkerblau - 4265D2
Teal - 2885C7
Giel - FEF66F
Roze - F9A3D8
Ljochtrôze - F9DCEE
Uteinlik moatte jo derfoar soargje dat jo in kleurkombinaasje brûke dat is kontrast genôch, mar bliuwt harmonieus mei jo karakter tagelyk. Dêrom keas Maddy tige ferlykbere tinten as dejingen dy't se brûkte foar Jocasta.
Jo sille merke dat de skaden dy't Maddy keas sille wurde brûkt en opnij brûkt yn in grut ferskaat oan ûntwerpeleminten yn har komposysje. It kiezen fan in ferskaat, mar beheind kleurenpalet sil jo helpe yn it kreatyf proses, mar sil jo keunstwurk ek mear gearhingjend en identifisearber meitsje.
Stap 7Stel de stimming yn mei de tiid fan de dei
Bliuw fuort fan in solide eftergrûnkleur en brûk de tiid fan 'e dei as in manier om de stimming yn te stellen. Foar dizze sêne keas Maddy iere jûn.
It past by de manier wêrop sawol Jocasta en har spoekfreon har no fiele. Jocasta liket derop dat se der al oerhinne is, mar om't spoeken nachts ferskine, is hy krekt op it punt om syn dei te begjinnen!
Om dit uterlik te berikken, makket Maddy in pears fjouwerkant dat it hiele doek opfollet (C18FF0). Se past dan in donkerblau (3E6AED) lineêre gradient fanôf rjochts boppehoeke.
Maddy duplisearret dan it fjouwerkant, draait it sadat de gradient yn 'e tsjinoerstelde hoeke sit en feroaret de gradientkleur yn in prachtich oranje (EFB09F). Sei immen sunset vibes?
Stap 8Meitsje de twadde rige fan gebouwen
Wy sille begjinne mei de twadde fierste laach fan objekten (de fierste being the sky).
Dizze bepaalde folchoarder is net sa wichtich. Mar as jo in kluster fan lagen hawwe dy't inoar oerlappe, lykas de gebouwen, it treinstasjon, ensfh. om mei te boartsjen, en hokker kleuren kontrastearje it bêste.
Maddy pakt it Shape Tool op en begjint geometryske foarmen te meitsjen om it frontale werjefte fan de gebouwen te definiearjen. De skaad fan blau dy't se brûkt is 869FEF.
Stap 9Perspektyf tekenje
En om de kanten te tekenjen, kiest se foar in donkerder skaad—957AE1.
Net allinnich dat, mar se brûkt ek it Node-ark om de hoeke fan 'e boppekant fan' e rjochthoek te feroarjen sadat se oerienkomme mei it ferdwiningspunt fan jo komposysje.
Stap 10Add Details
Maddy foeget in banner ta oan de gebouwen dy't tichter by it perspektyf fan de sjogger lizze.
Hoewol't dizze gebouwen technysk noch yn 'e twadde rige steane, binne se it tichtste fan de fierste gebouwen. Dus elk tafoegjedetails hjir sille allinich in mear realistyske ynstelling meitsje.
Stap 11Teken de earste rige gebouwen
Itselde as earder, nim it Foarm-ark op en tekenje rjochthoeken om de stêd te foljen. Maddy keas wer foar 957AE1, en 4265D2 foar de kanten.
Stap 12Create Ambiance
Om noch mear djipte ta te foegjen oan jo eftergrûn, beskôgje jo it opnimmen fan details lykas de stêd mist.
Skeapje in rjochthoeke mei it Shape Tool en jou it in leuke lineêre gradient dy't fan ûnderen nei boppe ferdwynt. De linker kleur (yn ús gefal, de ûnderste kleur) is in prachtige teal (2885C7) en de linker kleur (yn ús gefal, de top) is wyt (FFFFFF) mei 0 opaciteit. Jo kinne dit berikke troch it A-kanaal op nul te bringen.
Stap 13Mear details taheakje
Hâld der rekken mei dat hoe tichter jo komme, hoe tsjusterder en mear detaillearre jo objekten sille wêze. Wylst de foarige rige fan gebouwen in kluster fan minimale rjochthoeken en solide blokken bliuwt mei heul pear finsters.
Soargje dus yn 'e gebouwen dy't it tichtst by it karakter komme, alle soarten details ta te foegjen lykas finsters, ljochten of reklamebuorden. Lykas dit "Coola"-teken dat Maddy mei frije hân-penseelstreken oanmakket mei de twadde foarynstelling fan ús Brush Selection Pane.
In tip om meardere finsters ta te foegjen oan de gebouwen op 'e foargrûn is om meardere objekten te selektearjen mei it Select Tool en duplicate se yn folchoarder.
Stap 14Teken deBushalte
Mei it Rjochthoeke-ark, traceer alle haadfoarmen dy't de bushalte foarmje.
Brûk, lykas earder, it Node-ark om alle hoeken te feroarjen dy't moatte liede ta it ferdwiningspunt fan jo perspektyf. Hjir brûkt se pears foar it hek (7125D0), wyt (FFFFF) en giel (FEF66F) foar de omslach, en in ekstra skaad fan blau (957AE1) foar it teken.
Stap 15Mear tafoegje Ofmjitting
De eleminten fan de bushalte meitsje ek diel út fan de sinneûndergong.
Om dat op te roppen, sille wy wat dwaan oan dizze fêste kleuren. Dus duplisearje de boppeste rjochthoek dy't jo brûkt hawwe om it hek te meitsjen, meitsje it smeller, pleats it boppe en jou it in gradient dy't it reflektearre ljocht fan 'e sinne ûndergong sjen lit.
Sjoch ek: Hoe kinne jo de krêft fan kleurbetsjutting skerpeMaddy giet foar in lineêre gradient (de gradient yn it sintrum), en feroaret sawol de rjochter as de lofter kleur nei in ljocht oranje (EFB09F). Dan makket se de lofterkleur folslein trochsichtich troch it A-kanaal nei nul te feroarjen.
Itselde effekt tapasse, op deselde wize, foar elke yndividuele rail.
Pro Tip: Merk op hoe't wy dizze sêne transformearje fan in plat ûntwerp yn in komplekse ynstelling. As jo wolle leare hoe't jo skaad meitsje mei fektors, soargje derfoar dat jo Maddy's tutorial besjen Stap 16Eleminten taheakje oan 'e himel
Uteinlik geane wy troch nei de details yn 'e loft, wêr't wy in pear wolken, stjerren en de moanne sille tafoegje.
Foar de wolken, nim de Brush op