Како да дизајнирате позадини

Можеби не го сфаќате тоа, но цртањето позадина е еден од најважните делови на секоја илустрација на ликот.

Вашите ликови не треба да лебдат во бела позадина. Тие припаѓаат на нивниот сопствен, уникатен универзум кој го дефинираше начинот на кој вашите ликови еволуирале до моментот кога сте ги нацртале.

Во оваа статија од Упатството, ќе испитаме како уметникот Меди Золи создава позадина. Следете го во Векторнатор и научете како да го направите тоа сами!

Дизајн на карактери

Ако сте ја прочитале нашата прва лекција за дизајн на ликови, знаете дека приказната на ликот е столбот на секоја линија што ја цртате.

Треба да ги втемелите вашите ликови во подлабока приказна отколку што изгледа; од кога се родени, до каде живеат, каква работа имаат, до која е нивната омилена храна. Звучи претерано? За нас тоа звучи повеќе како забава!

Без да паднете во длабока зајачка дупка, размислете за сите овие детали за минатото, сегашноста и иднината на вашиот лик и манифестирајте ги во нивната околина. Со други зборови, проектирајте ја приказната што ја имате во вашиот ум во позадината на ликот. Користењето на ваквото визуелно раскажување ќе направи вашите ликови и светови да се чувствуваат многу побогато и пореално.

Уметникот

Овој туторијал е направен во соработка со неверојатната Меди Золи. Заедно создаваме цела серија ликови на нашиот канал на YouTube, а таа не само што еАлатирајте и играјте со притисокот што го нанесувате на вашето платно за да создадете форма што започнува со мала и постепено се гради. Со менување на притисокот, линијата може да оди од многу тенка до многу густа со еден потег. За да го постигне овој ефект, Мади ја користи четвртата четка од нашите претходно поставени поставки со вклучена чувствителност на притисок.

По исцртувањето на облаците, користете ја алатката Node за да направите какви било прилагодувања на нивната форма.

Бидејќи облаците природно ќе ја рефлектира светлината на зајдисонце, ќе им даде градиент кој оди од портокалова нијанса (F92CEE, лево) до светло розева (F9DCEE, десно).

Што се однесува до месечината, креирајте два круга и користете го Одземање Булова функција за намалување на совршена полуполумесечина. Не заборавајте да држите еден прст на платното за да го зачувате соодносот.

На крајот, додајте ѕвезди со алатката Shape Tool. Меди одлучува за ѕвезда од 12 поени. Можете да го уредите бројот на точки преку лизгачот лево и можете да го промените нивниот облик со држење на еден прст додека го влечете вашиот Молив на платното.

Додајте неколку интересни детали

Дали и вие сте еден од оние луѓе кои го чуваат најдоброто за крај? Време е да додадете еден од последните и најкул графички елементи на ова парче.

Создадете спејс шатл со минимален напор со функцијата Iconator. Едноставно допрете го последното ливче во Инспекторот за да пристапите до Iconator и користете ја лентата за пребарување за да го најдете она што ви треба.

Maddy избираСпејс шатлот најмногу ѝ се допаѓа, го менува големината, го обојува во бело и го центрира во средината на знакот. Лесно peasy!

Додајте светлосни ефекти

За дополнителен вкус, завршете со додавање на неколку кругови светла за да дадете блескав ефект на далечниот град. Користете ја алатката Shape Tool за круговите, се разбира, а потоа играјте со функцијата за градиент во картичката Style за да и дадете поубав ефект.

Maddy отиде на линеарен градиент со розова (F9A3D8) на левата страна додека десната страна е оставена 100% транспарентна.

Потоа одете во режими на мешање и изберете Преклопување.

Додај движење

За да направиш динамичниот режим на илустрација, додадете последен слој светла на честички што ја преминуваат сцената. За ова, Maddy ја задржува истата четка како порано (четвртата од нашите претходно поставени) за да создаде многу фини потези исполнети со истиот градиент од чекор 15. И потоа повторно поставете го режимот на мешање на Overlay.

Моментот кога ние чекав: По сите овие чекори, илустрацијата сега е завршена!

Зошто е важно цртањето позадини

Каква и да е позадината на цртежот , има огромно влијание врз последното уметничко дело - без разлика дали е добро или лошо!

Откако ќе научите да цртате предмети и ликови во динамични пози, позадината е последното парче одсложувалка што спојува сè.

Вашата позадина делува како јин на јангот на вашиот карактер. Ако сте го создале вашиот лик користејќи заоблени форми, користете аголни форми ќе мора да ја претставуваат позадината. Ако вашиот карактер е темен, користете светли бои на позадината и така натаму. Клучот е да направите контраст со вашиот карактер за да му помогнете да се истакне.

Вашата позадина треба да го истакне вашиот лик и неговата приказна на техничко и концептуално ниво. Значи, ако се запрашате дали дизајнирањето позадина е важно, веруваме дека тоа е всушност од витално значење.

Се надеваме дека ова упатство ви беше корисно. Доколку веќе не сте го направиле, погрижете се да го преземете Vectornator за да можете да дизајнирате свои прекрасни позадини како онаа што ја создаде Меди.

Ако сте нови во нашата алатка, проверете го нашиот центар за учење или каналот на YouTube за упатства за графички дизајн и свежа инспирација; и изберете готов шаблон за да креирате дизајни за неколку минути.

Не заборавајте секогаш да не означите на социјалните мрежи за да можеме повторно да ја објавиме вашата работа!

Ќе забележите дека секој чекор што го споменуваме во ова упатство не навлегува во најситните детали. Што значи дека нема да споменуваме чекор секогаш кога ќе се креира нов слој или кога ќе се нацрта нова форма. Наместо тоа, ќе го кондензираме секој структурен додаток на процесот на дизајнирање како еден сеопфатен чекор.

• iPad

• Apple Pencil

• Procreate (или кој било друг софтвер за скицирање)

• Најнова верзија на Vectornator Што ќе научите:

• Како да скицирате

• Како да го подготвите вашето платно и позадина

• Како да додавате и управувате со слоеви

• Напредно користење на алатките за пенкало, молив, четка , јазол и алатки за обликување

• Напредна употреба на избирачот на бои и уредувачот на градиент

• Како да додадете светлина, сенки и движење

• Како да го користите дупликатот функцијата за да ви го олесни обемот на работа

• Како да креирате рачно нацртани букви

• Како да креирате сложени форми

Ние ги комбиниравме практиката и теоријата овде, па копирајте се!

Добијте ги вашите референци правилно

Овој чекор е за наоѓање вистинска инспирација за типот на позадина што сакате да ја дизајнирате.

Можете ли да погодите каде доаѓаат референците на Меди од? Нејзината инспирација се пастелни градски пејзажи со неонски светла од 80-тите и 90-титеаниме како Sailor Moon и Cardcaptor Sakura. Таа ќе ја вгради нивната естетика во дизајнот на заднината.

Тие се веќе поставени за да имаат интересно осветлување, акција и добра композиција. Но, можете и само да излезете надвор и да цртате пејзажи или урбани сцени што ги гледате околу себе.

Најважното нешто овде е да му дадете значење на сè. Не треба да размислувате за вашиот карактер и нивната позадина како посебни работи, туку како една единствена целина. Вие не само што цртате позадина за вашиот лик, туку ја цртате сцената во која се случува вашиот лик.

Скицирај ги твоите основни форми

Популарен стил на скицирање е да направите неколку мали, 5-минутни студии со „гестикулации“ од референци каде едноставно ги блокирате главните вредности.

Потоа изберете една или две студии за да се развијат во повеќе детални скици за кои ќе потрошите околу 30 минути за да ги креирате, исто како скицата што ја комплетира Мади во Procreate.

Размислувањето на овој начин ви помага да ги интегрирате сите ваши елементи на подобар и поинтересен начин. Затоа што вашиот гледач ме натера повеќе да инвестирам во околината отколку да е само украсна позадина.

Значи, во нашиот случај, веќе знаеме дека Јокаста е тинејџеркадевојка со супермоќ. Но, она што Меди како креатор го знае е дека таа живее во иднината, во фреквентен град каде што треба секоја вечер да чека јавен превоз за да се врати дома. — знакот за автобуска станица е всушност вселенски шатл.

Поставете скица во Vectornator

Од Procreate, едноставно извезете ја вашата скица како jpeg/png и увезете ја во Векторнатор. Тоа може да го направите со влечење и пуштање од картичката Галерија.

Позиционирајте го вашиот лик

Меди ја смести Јокаста во сцената следејќи го правилото на третини.

Постојат многу начини да создадете одлична композиција користејќи различни испробани правила (како правилото за третини) кои ви помагаат да постигнете избалансирана естетика. Ако сакате да дознаете повеќе за тоа, проверете го нашиот видео туторијал за создавање одлични композиции снимени од друг, неверојатен илустратор - Soodabeh Damavandi.

Организирајте ги вашите слоеви

Важно е да останете уредни и организирани со вашите слоеви - дополнителниот напор што го вложувате во овој чекор ќе ви помогне десеткратно додека напредувате со вашата илустрација.

Затоа, откако ќе го поставите вашиот карактер, скријте се слојот на карактерот. Потоа, заклучете го слојот на скица откако ќе го спуштитенепроѕирност.

Ова е исто така добро време да се зборува за техниката!

Постојат два начини да се дизајнира позадина: користење перспектива или слоевитост на вашиот пејзаж. Денес се фокусираме на техниката на слоевитост. Ако сакате да ја покриеме теоријата на перспектива во друго видео, ве молиме коментирајте подолу.

Значи, ако го разложиме пејзажот, имаме вкупно пет слоеви. Од напред до назад, па од најблиску до најдалеку, слоевите се:

• Јокаста и духот.
• Автобуската постојка и железницата.
• Првиот ред згради.
• Вториот ред згради.
• Конечно, небото, месечината и облаците.

Од овој момент па натаму, едноставно запомнете секогаш да креирате нов слој за кој било нов дизајнерски елемент на вашата илустрација - на пример, автобуската постојка е на посебен слој, како и вториот ред згради, како и месечината и ѕвездите, како и така натаму. Ќе го сфатите.

Кажете ја приказната со бои

Бојата е уште еден супер важен аспект што може да каже повеќе за приказната на вашиот лик.

За да повториме: овој свет е во иднината, тој е исполнет со магија, а исто така е инспириран од Sailor Moon. Овде нема шок што Меди избра смели бои како неонски, пастели, розови и зелени. Сè освен досадно!

Еве ги сите хексадетични шифри што ви се потребни за да го рекреирате парчето на Меди:

Темно виолетова - 7125D0

Портокалова - EFB09F

Средно сина - 869FEF

Темно сина - 3E6AED

Темно сина - 4265D2

Тиеал - 2885C7

Жолта - FEF66F

Розова - F9A3D8

Светло розова - F9DCEE

На крајот, треба да се погрижите да користите комбинација на бои што е доволно контрастно, но во исто време останува хармонично со вашиот карактер. Затоа Меди избра многу слични нијанси со оние што ги користеше за Јокаста.

Ќе забележите дека нијансите што ги избра Меди ќе се користат и повторно ќе се користат во широк спектар на дизајнерски елементи низ нејзината композиција. Изборот на разновидна, но сепак ограничена палета на бои ќе ви помогне во креативниот процес, но исто така ќе ги направи вашите уметнички дела покохезивни и попрепознатливи.

Поставете го расположението со времето на денот

Држете се настрана од солидна боја на позадината и искористете го времето од денот како начин да го поставите расположението. За оваа сцена, Меди избра рано вечер.

Тоа одговара на начинот на кој Јокаста и нејзината пријателка духови се чувствуваат во моментов. Јокаста изгледа како веќе да е над тоа, но бидејќи духовите се појавуваат ноќе, тој само што ќе го започне денот!

За да го постигне овој изглед, Меди создава виолетова квадрат што го исполнува целото платно (C18FF0). Таа потоа применува темно сина (3E6AED) линеарна градиент почнувајќи од горниот десен аголагол.

Maddy потоа го дуплира квадратот, го ротира така што градиентот седи во спротивниот агол и ја менува бојата на градиентот во убава портокалова (EFB09F). Дали некој кажа вибрации за зајдисонце?

Создадете го вториот ред згради

Ќе започнеме со вториот најоддалечен слој на објекти (најдалечниот да се биде небото).

Овој конкретен ред не е толку важен. Но, ако имате кластер на слоеви кои се преклопуваат еден со друг, како зградите, железничката станица и слично, најдобро е да започнете со најоддалечените за да можете да разберете како да ги поставите вашите предмети во преден план, колку негативен простор имате. да си играте и со кои бои најдобро се контрастираат.

Меди ја зема алатката за обликување и започнува да создава геометриски форми за да го дефинира фронталниот поглед на зградите. Нијансата на сина боја што таа ја користи е 869FEF.

Перспектива за цртање

И за да ги нацрта страните, таа избира потемна нијанса-957AE1.

Не само тоа, туку таа ја користи и алатката Node за да го промени аголот на горната страна на правоаголникот така што тие се усогласуваат со точката на исчезнување на вашата композиција.

Додај детали

Maddy додава банер на зградите што се поблиску до перспективата на гледачот.

Иако овие згради технички сè уште се во вториот ред, тие се најблиската од најоддалечените згради. Значи додавање на било којдеталите овде само ќе создадат пореалистична поставка.

Нацртајте го првиот ред на згради

Исто како и претходно, земете ја алатката за обликување и нацртајте правоаголници за да го наполнат градот. Меди повторно избра 957AE1 и 4265D2 за страните.

Создадете амбиент

За да додадете уште поголема длабочина на вашата позадина, размислете да вклучите детали како градска магла.

Едноставно нацртајте правоаголник со алатката Shape Tool и дајте му забавен линеарен градиент кој избледува од дното нагоре. Левата боја (во нашиот случај, долната боја) е убава теле (2885C7), а левата боја (во нашиот случај, горниот дел) е бела (FFFFFF) со 0 непроѕирност. Ова може да го постигнете со доведување на каналот А на нула.

Додајте повеќе детали

Имајте на ум дека колку поблиску се приближувате, толку потемни и подетални вашите објекти ќе бидат. Додека претходниот ред згради ќе остане кластер од минимални правоаголници и цврсти блокови со многу малку прозорци.

Затоа, во зградите најблиску до ликот, погрижете се да додадете секакви детали како прозорци, светла или билборди. Како овој знак „Coola“ што Мади го создава со слободна рака со потези со четка користејќи го второто претходно поставено од нашиот панел за избор на четка.

Совет за додавање повеќе прозорци на зградите во преден план е да изберете повеќе објекти со алатката за избор и дуплирајте ги во низа.

Нацртајте гоАвтобуска постојка

Со алатката Rectangle, следете ги сите главни форми што ја сочинуваат автобуската постојка.

Како и претходно, користете ја алатката Node за да ги промените сите агли што треба да доведе до точката на исчезнување на вашата перспектива. Овде таа користи виолетова за оградата (7125D0), бела (FFFF) и жолта (FEF66F) за корица, и дополнителна нијанса на сина (957AE1) за знакот.

Додај повеќе Димензија

Елементите на автобуската постојка се исто така дел од сцената на зајдисонце.

За да го евоцираме тоа, ќе направиме нешто за овие цврсти бои. Затоа, дуплирајте го горниот правоаголник што го користевте за да ја создадете оградата, направете ја потесна, поставете ја на врвот и дајте му градиент што ја покажува рефлектираната светлина на зајдисонце.

Maddy оди на линеарен градиент (градиентот во центарот), и ја менува и десната и левата боја во светло портокалова (EFB09F). Потоа таа ја прави левата боја целосно транспарентна со менување на каналот А на нула.

Применете го истиот ефект, на ист начин, за секоја поединечна шина.

Додај елементи на небото

Конечно, продолжуваме на детали на небото, каде што ќе додадеме неколку облаци, ѕвезди и месечината.

За облаците, земете ја четката