Як стварыць фоны

Магчыма, вы гэтага не ўсведамляеце, але малюнак фону - адна з самых важных частак любой ілюстрацыі персанажа.

Вашы персанажы не павінны лунаць на белым фоне. Яны належаць да свайго ўласнага, унікальнага сусвету, які вызначаў шлях развіцця вашых персанажаў да моманту, калі вы іх намалявалі.

У гэтым артыкуле падручніка мы разгледзім, як мастак Мэдзі Золі стварае фон. Сачыце за Vectornator і даведайцеся, як зрабіць гэта самастойна!

Дызайн персанажа

Калі вы прачыталі наш першы ўрок па дызайне персанажа, вы ведаеце, што перадгісторыя персанажа з'яўляецца асновай кожнай лініі, якую вы малюеце.

Вам трэба замацаваць сваіх герояў у больш глыбокай гісторыі, чым здаецца на першы погляд; ад таго, калі яны нарадзіліся, дзе жывуць, якую працу маюць і любімую ежу. Гучыць празмерна? Для нас гэта гучыць хутчэй як забава!

Не ўпадаючы ў глыбокую трусіную нару, падумайце пра ўсе гэтыя дэталі мінулага, сучаснасці і будучыні вашага персанажа і праявіце іх у іх асяроддзі. Іншымі словамі, праецыруйце гісторыю, якую вы думаеце, на фон персанажа. Выкарыстанне такога візуальнага апавядання зробіць вашых персанажаў і светы нашмат багацейшымі і больш рэальнымі.

Мастак

Гэты падручнік быў створаны ў супрацоўніцтве з цудоўнай Мэдзі Золі. Мы разам ствараем цэлую серыю герояў на нашым канале YouTube, і яна не толькі aІнструментуйце і пагуляйце з ціскам, які вы аказваеце на палатно, каб стварыць форму, якая пачынаецца з малога і паступова нарастае. Змяняючы ціск, лінія можа пераходзіць ад вельмі тонкай да вельмі каржакаватай за адзін рух. Для дасягнення гэтага эфекту Мэдзі выкарыстоўвае 4-ю пэндзаль з нашых налад з уключанай адчувальнасцю да ціску.

Пасля малявання аблокаў выкарыстоўвайце інструмент «Вузел», каб унесці любыя карэктывы ў іх форму.

Таму што аблокі будзе натуральным чынам адлюстроўваць святло заходу, даць ім градыент, які пераходзіць ад аранжавага адцення (F92CEE, злева) да светла-ружовага (F9DCEE, справа).

Што тычыцца месяца, стварыце два кругі і выкарыстоўвайце Адніманне Лагічная функцыя выразання ідэальнага паўмесяца. Не забывайце трымаць адзін палец на палатне, каб захаваць суадносіны бакоў.

Нарэшце, дадайце зоркі з дапамогай інструмента «Фігура». Мэдзі выбірае 12-бальную зорку. Вы можаце рэдагаваць колькасць кропак з дапамогай паўзунка злева, і вы можаце змяняць іх форму, утрымліваючы адзін палец, перацягваючы аловак па палатне.

Дадайце цікавыя дэталі

Вы таксама з тых людзей, якія захоўваюць лепшае напрыканцы? Час дадаць адзін з апошніх і самых класных графічных элементаў да гэтай часткі.

Стварыце касмічны шатл з мінімальнымі намаганнямі з дапамогай функцыі Iconator. Проста націсніце на апошнюю ўкладку ў Inspector, каб атрымаць доступ да Iconator, і скарыстайцеся панэллю пошуку, каб знайсці тое, што вам трэба.

Мэдзі выбіраекасмічны шатл, які ёй больш за ўсё падабаецца, змяняе яго памер, афарбоўвае ў белы колер і размяшчае па цэнтры знака. Лёгка!

Дадаць светлавыя эфекты

Для дадатковага стылю, скончыце, дадаўшы некалькі колаў агнёў, каб стварыць бліскучы эфект далёкага горада. Канечне, выкарыстоўвайце інструмент "Фігура" для кругоў, а затым пагуляйце з функцыяй градыенту ва ўкладцы "Стыль", каб даць яму больш прыемны эфект.

Мэдзі выбрала лінейны градыент з ружовым (F9A3D8) злева, а справа - левая 100% празрыстая.

Затым перайдзіце да Рэжымаў змешвання і выберыце Накладанне.

Дадайце рух

Каб зрабіць дынамічны рэжым ілюстрацыі, дадайце апошні пласт святла часціц, якія перасякаюць сцэну. Для гэтага Мэдзі захоўвае тую ж пэндзаль, што і раней (чацвёртую з нашых перадустановак), каб ствараць вельмі тонкія мазкі, запоўненыя тым жа градыентам з кроку 15. А потым зноў усталюйце рэжым змешвання "Накладанне".

У момант, калі мы Я чакаў: пасля ўсіх гэтых крокаў ілюстрацыя завершана!

Чаму важна маляваць фоны

Якім бы ні быў фон малюнка , гэта мае велізарны ўплыў на канчатковы твор — добры ці дрэнны!

Пасля таго, як вы навучыліся маляваць аб'екты і персанажаў у дынамічных позах, фон стане апошняй часткайгалаваломка, якая аб'ядноўвае ўсё разам.

Ваш фон дзейнічае як інь да ян вашага персанажа. Калі вы стварылі свайго персанажа, выкарыстоўваючы круглявыя формы, выкарыстоўвайце вуглаватыя формы, якія будуць прадстаўляць фон. Калі ваш персанаж цёмны, выкарыстоўвайце светлыя колеры фону і гэтак далей. Галоўнае - кантраставаць з вашым персанажам, каб дапамагчы ім вылучыцца.

Ваша паходжанне павінна падкрэсліць вашага персанажа і яго гісторыю на тэхнічным і канцэптуальным узроўні. Такім чынам, калі вы спытаеце сябе, ці важна распрацоўка фону, мы лічым, што гэта вельмі важна.

Мы спадзяемся, што гэты падручнік быў для вас карысным. Калі вы гэтага яшчэ не зрабілі, пераканайцеся, што вы спампавалі Vectornator, каб вы маглі ствараць свае ўласныя цудоўныя фоны, такія як той, які стварыла Мэдзі.

Калі вы пачатковец у нашым інструменце, зазірніце на наш навучальны цэнтр або канал YouTube для падручнікаў па графічным дызайне і свежага натхнення; і абярыце гатовы шаблон для стварэння дызайну за лічаныя хвіліны.

Не забывайце заўсёды пазначаць нас у сацыяльных сетках, каб мы маглі апублікаваць вашу працу!

Вы заўважыце, што кожны крок, які мы згадваем у гэтым падручніку, не паглыбляецца ў самыя дробныя дэталі. Гэта азначае, што мы не будзем згадваць крок кожны раз, калі ствараецца новы пласт або малюецца новая форма. Замест гэтага мы звядзем кожнае структурнае дапаўненне да працэсу праектавання ў адзін усёабдымны этап.

• iPad

• Apple Pencil

• Procreate (ці любое іншае праграмнае забеспячэнне для эскізаў)

• Апошняя версія Vectornator Што вы даведаецеся:

• Як рабіць эскізы

• Як падрыхтаваць палатно і фон

• Як дадаваць пласты і кіраваць імі

• Пашыранае выкарыстанне інструментаў «Пяро», «Аловак», «Пэндзаль» , вузлы і інструменты формы

• Пашыранае выкарыстанне выбару колеру і рэдактара градыентаў

• Як дадаць святло, цені і рух

• Як выкарыстоўваць дублікат функцыя, каб палегчыць вашу працоўную нагрузку

• Як стварыць маляваныя надпісы

• Як стварыць складаныя формы

Мы аб'ядналі тут практыку і тэорыю, так што прышпіляйцеся!

Правільна аформіце спасылкі

Гэты крок накіраваны на пошук правільнага натхнення для тыпу фону, які вы хочаце стварыць.

Ці можаце вы здагадацца, адкуль бяруцца спасылкі Мэдзі ад? Яе крыніцай натхнення з'яўляюцца пастэльныя гарадскія пейзажы з неонавымі агнямі 80-х і 90-х гадоўтакія анімэ, як Sailor Moon і Cardcaptor Sakura. Яна збіраецца ўключыць іх эстэтыку ў свой дызайн фону.

Яны ўжо настроены на цікавае асвятленне, дзеянне і добрую кампазіцыю. Але вы таксама можаце проста выйсці на вуліцу і намаляваць пейзажы або гарадскія сцэны, якія вы бачыце вакол сябе.

Самае галоўнае тут - надаць усяму сэнс. Вы не павінны разглядаць свайго персанажа і яго паходжанне як асобныя рэчы, а як адно цэлае. Вы не проста малюеце фон для свайго персанажа, вы малюеце сцэну, у якой выпадкова знаходзіцца ваш персанаж.

Накідайце свае асноўныя формы

Папулярным стылем накідаў з'яўляецца выкананне некалькіх невялікіх 5-хвілінных "жэставых" даследаванняў па спасылках, дзе вы проста заблакуеце асноўныя значэнні.

Затым выберыце адно ці два даследаванні, каб перарасці ў больш падрабязныя эскізы, на стварэнне якіх вы траціце каля 30 хвілін, як і эскіз, які Мэдзі робіць у Procreate.

Такое мысленне дапаможа вам лепш і цікавей інтэграваць усе элементы. Таму што ваш глядач прымушае мяне больш інвеставаць у навакольнае асяроддзе, чым калі б яно было проста дэкаратыўным фонам.

Такім чынам, у нашым выпадку мы ўжо ведаем, што Ёкаста - падлетакдзяўчына са суперздольнасцямі. Але Мэдзі, як стваральнік, ведае, што яна жыве ў будучыні, у ажыўленым горадзе, дзе ёй даводзіцца кожны вечар чакаць грамадскага транспарту, каб вярнуцца дадому.

Вы можаце сказаць гэта па гэтым маленькім элементу, які прыцягвае ўвагу. —знак аўтобуснага прыпынку на самай справе з'яўляецца касмічным шатлам.

Загрузіце эскіз у Vectornator

З Procreate проста экспартуйце ваш эскіз у фармаце jpeg/png і імпартуйце яго у Vectornator. Вы можаце зрабіць гэта шляхам перацягвання з укладкі "Галерэя".

Размясціце свайго персанажа

Мэдзі размясціла Ёкасту ў сцэне, прытрымліваючыся правіла трацін.

Ёсць шмат спосабаў стварыце выдатную кампазіцыю, выкарыстоўваючы розныя апрабаваныя правілы (напрыклад, правіла трацін), якія дапамогуць вам дасягнуць збалансаванай эстэтыкі. Калі вы хочаце даведацца пра гэта больш, паглядзіце наш відэаўрок па стварэнні выдатных кампазіцый, знятых іншым цудоўным ілюстратарам—Судабе Дамавандзі.

Упарадкуйце свае слаі

Важна заставацца акуратным і арганізаваным са сваімі пластамі — дадатковыя намаганні, якія вы прыкладзеце да гэтага кроку, дапамогуць вам у дзесяць разоў па меры прасоўвання вашай ілюстрацыі.

Такім чынам, пасля размяшчэння персанажа схавайце пласт персанажа. Затым заблакуйце пласт эскіза пасля таго, як вы апусцілі ягонепразрыстасць.

Гэта таксама добры час, каб пагаварыць пра тэхніку!

Ёсць два спосабы афармлення фону: выкарыстанне перспектывы або нанясенне пластоў на ландшафт. Сёння мы спынімся на тэхніцы напластавання. Калі вы хочаце, каб мы разгледзелі тэорыю перспектывы ў іншым відэа, калі ласка, пракаментуйце ніжэй.

Такім чынам, калі мы разбяром ландшафт, у нас будзе пяць слаёў. Спераду назад, ад самага блізкага да самага далёкага, слаі:

• Ёкаста і прывід.
• Аўтобусны прыпынак і чыгунка.
• Першы шэраг будынкаў.
• Другі шэраг будынкаў.
• Нарэшце, неба, месяц і аблокі.

З гэтага моманту проста запомніце каб заўсёды ствараць новы пласт для любога новага элемента дызайну вашай ілюстрацыі - напрыклад, аўтобусны прыпынак знаходзіцца на асобным пласце, другі шэраг будынкаў таксама, месяц і зоркі і гэтак далей. Вы атрымаеце гэта.

Раскажыце гісторыю з дапамогай колераў

Колер - гэта яшчэ адзін вельмі важны аспект, які можа расказаць больш пра гісторыю вашага персанажа.

Такім чынам, падвядзем вынік: гэты свет знаходзіцца ў будучыні, ён напоўнены магіяй і таксама натхнёны Сейлор Мун. Не дзіўна, што Мэдзі абрала яркія колеры, такія як неонавыя, пастэльныя, ружовыя і зялёныя. Што заўгодна, толькі не сумна!

Вось усе шаснаццатковыя коды, якія вам патрэбныя, каб узнавіць твор Мэдзі:

Цёмна-фіялетавы - 7125D0

Аранжавы - EFB09F

Сярэднеблакітны - 869FEF

Цёмна-сіні - 3E6AED

Цёмна-сіні - 4265D2

Сіні - 2885C7

Жоўты - FEF66F

Ружовы - F9A3D8

Светла-ружовы - F9DCEE

У рэшце рэшт, вы павінны пераканацца, што вы выкарыстоўваеце камбінацыю колераў які досыць кантрастуе, але ў той жа час застаецца гарманічным з вашым характарам. Вось чаму Мэдзі абрала адценні, вельмі падобныя на тыя, якія яна выкарыстоўвала для Джокасты.

Вы заўважыце, што адценні, якія абрала Мэдзі, будуць выкарыстоўвацца і паўторна выкарыстоўвацца ў самых розных элементах дызайну ва ўсёй яе кампазіцыі. Выбар разнастайнай, але абмежаванай каляровай палітры дапаможа вам у творчым працэсе, але таксама зробіць ваш твор больш згуртаваным і пазнавальным.

Задавайце настрой з улікам часу сутак

Трымайцеся далей ад аднатоннага фону і выкарыстоўвайце час сутак для стварэння настрою. Для гэтай сцэны Мэдзі абрала ранні вечар.

Яна адпавядае таму, як Ёкаста і яе сябар-прывід адчуваюць сябе зараз. Здаецца, Ёкаста ўжо пераадолела, але паколькі прывіды з'яўляюцца ноччу, ён толькі-толькі пачынае свой дзень!

Каб дасягнуць гэтага выгляду, Мэдзі стварае фіялетавы квадрат, які запаўняе ўсё палатно (C18FF0). Затым яна прымяняе цёмна-сіні (3E6AED) лінейны градыент, пачынаючы з верхняга правага кутакут.

Затым Мэдзі дублюе квадрат, паварочвае яго так, каб градыент знаходзіўся ў супрацьлеглым куце, і змяняе колер градыенту на прыгожы аранжавы (EFB09F). Хто-небудзь сказаў атмасферу заходу?

Стварыце другі шэраг будынкаў

Мы пачнем з другога самага аддаленага пласта аб'ектаў (самы далёкі быць небам).

Гэты канкрэтны парадак не так важны. Але калі ў вас ёсць кластар слаёў, якія перакрываюць адзін аднаго, напрыклад, будынкі, вакзал і гэтак далей, лепш пачаць з самага далёкага, каб вы маглі зразумець, як размясціць аб'екты на пярэднім плане, колькі ў вас негатыўнай прасторы каб пагуляць, і якія колеры лепш за ўсё кантрастуюць.

Мэдзі бярэ ў рукі інструмент «Фігура» і пачынае ствараць геаметрычныя фігуры, каб вызначыць фасад будынкаў. Яна выкарыстоўвае адценне сіняга 869FEF.

Намалюйце перспектыву

А каб намаляваць бакі, яна выбірае больш цёмны адценне — 957AE1.

І не толькі гэта, але яна таксама выкарыстоўвае інструмент Node Tool, каб змяніць вугал верхняга боку прамавугольніка так, каб яны супадалі з кропкай знікнення вашай кампазіцыі.

Дадаць дэталі

Мэдзі дадае банер да будынкаў, якія знаходзяцца бліжэй да пункту гледжання гледача.

Хоць тэхнічна гэтыя будынкі ўсё яшчэ знаходзяцца ў другім шэрагу, яны бліжэйшы з самых далёкіх будынкаў. Такім чынам, даданне любогадэталі тут створаць толькі больш рэалістычную абстаноўку.

Намалюйце першы шэраг будынкаў

Таксама, як і раней, вазьміце інструмент "Фігура" і намалюйце прастакутнікі, каб запоўніць горад. Мэдзі зноў абрала 957AE1 і 4265D2 для бакоў.

Стварыце атмасферу

Каб дадаць яшчэ больш глыбіні фону, падумайце аб уключэнні такіх дэталяў, як гарадскі туман.

Проста намалюйце прамавугольнік з дапамогай інструмента "Фігура" і надайце яму вясёлы лінейны градыент, які знікне знізу ўверх. Левы колер (у нашым выпадку, ніжні колер) - прыгожы чырок (2885C7), а левы колер (у нашым выпадку, верхні) - белы (FFFFFF) з 0 непразрыстасцю. Вы можаце дасягнуць гэтага, давёўшы канал A да нуля.

Дадайце больш дэталяў

Майце на ўвазе, што чым бліжэй вы набліжаецеся, тым цямней і больш падрабязнымі будуць вашы аб'екты. У той час як папярэдні шэраг будынкаў будзе заставацца групай мінімальных прамавугольнікаў і суцэльных блокаў з вельмі невялікай колькасцю вокнаў.

Таму ў будынках, бліжэйшых да персанажа, не забудзьцеся дадаць разнастайныя дэталі, напрыклад вокны, свяцільні або рэкламныя шчыты. Накшталт гэтага знака "Coola", які Мэдзі стварае мазкамі пэндзля ад рукі, выкарыстоўваючы другую наладку з панэлі выбару пэндзля.

Парада, каб дадаць некалькі вокнаў у будынкі на пярэднім плане, - гэта выбраць некалькі аб'ектаў з дапамогай інструмента "Выбраць" і дублюйце іх паслядоўна.

НамалюйцеАўтобусны прыпынак

З дапамогай інструмента "Прастакутнік" абвядзіце ўсе асноўныя фігуры, якія складаюць аўтобусны прыпынак.

Як і раней, выкарыстоўвайце інструмент "Вузел", каб змяніць любыя вуглы, якія трэба прывесці да кропкі знікнення вашай перспектывы. Тут яна выкарыстоўвае фіялетавы колер для агароджы (7125D0), белы (FFFFF) і жоўты (FEF66F) для вокладкі і дадатковы адценне сіняга (957AE1) для шыльды.

Дадаць яшчэ Вымярэнне

Элементы аўтобуснага прыпынку таксама з'яўляюцца часткай сцэны заходу.

Каб выклікаць гэта, мы збіраемся нешта зрабіць з гэтымі аднатоннымі колерамі. Так што прадублюйце верхні прамавугольнік, які вы выкарыстоўвалі для стварэння агароджы, звузіце, размесціце зверху і задайце яму градыент, які паказвае адлюстраванае святло заходу.

Мэдзі выбірае лінейны градыент (градыент у у цэнтры) і змяняе колер справа і злева на светла-аранжавы (EFB09F). Затым яна робіць левы колер цалкам празрыстым, змяняючы канал A на нуль.

Ужывайце той жа эфект, такім жа чынам, для кожнай асобнай рэйкі.

Дадайце элементы да неба

Нарэшце, мы пяройдзем да дэталі ў небе, дзе мы збіраемся дадаць некалькі аблокаў, зорак і месяца.

Для аблокаў вазьміце пэндзаль