Hoe kinne jo eftergrûnen ûntwerpe

Hoe kinne jo eftergrûnen ûntwerpe
Rick Davis

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 17

Foegje 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 18

Ljochteffekten 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 19

Beweging 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 1

Krij 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 2

Sketch 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 3

Upload 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 4

Posysje 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 5

Organisearje 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 6

Fertel 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 - C18FF0

Dark Purple - 7125D0

Oranje - EFB09F

Middelblau - 869FEF

Sjoch ek: 7 Briljante manieren om Auto Trace te brûken

Dû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 7

Stel 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 8

Meitsje 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 9

Perspektyf 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 10

Add 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 11

Teken 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 12

Create 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 13

Mear 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 14

Teken 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 15

Mear 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 skerpe

Maddy 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 16

Eleminten 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




Rick Davis
Rick Davis
Rick Davis is in betûfte grafysk ûntwerper en byldzjende keunstner mei mear as 10 jier ûnderfining yn 'e yndustry. Hy hat wurke mei in ferskaat oan kliïnten, fan lytse startups oant grutte bedriuwen, en hat har holpen om har ûntwerpdoelen te berikken en har merk te ferheegjen troch effektive en ynfloedrike fisuele.In ôfstudearre fan 'e School of Visual Arts yn New York City, Rick is hertstochtlik oer it ferkennen fan nije ûntwerptrends en -technologyen, en konstant de grinzen ferdriuwe fan wat mooglik is op it fjild. Hy hat in djippe ekspertize yn software foar grafysk ûntwerp, en is altyd entûsjast om syn kennis en ynsjoch te dielen mei oaren.Neist syn wurk as ûntwerper, Rick is ek in tawijd blogger, en is wijd oan dekking fan de lêste trends en ûntjouwings yn 'e wrâld fan grafysk ûntwerp software. Hy is fan betinken dat it dielen fan ynformaasje en ideeën de kaai is foar it befoarderjen fan in sterke en libbene ûntwerpmienskip, en is altyd entûsjast om online te ferbinen mei oare ûntwerpers en kreativen.Oft hy in nij logo foar in klant ûntwerpt, eksperimintearret mei de nijste ark en techniken yn syn atelier, of skriuwt ynformative en boeiende blogposts, Rick is altyd ynsette foar it leverjen fan it bêste mooglik wurk en helpt oaren om har ûntwerpdoelen te berikken.