Фондарды қалай жобалау керек

Сіз мұны түсінбеуіңіз мүмкін, бірақ фон салу кез келген кейіпкер иллюстрациясының ең маңызды бөліктерінің бірі болып табылады.

Сіздің кейіпкерлеріңіз ақ фонда қалқып кетпеуі керек. Олар кейіпкерлеріңіздің сіз салған нүктеге дейін даму жолын анықтайтын өздерінің бірегей әлеміне жатады.

Осы оқулық мақалада біз суретші Мэдди Золидің фонды қалай жасайтынын қарастырамыз. Vectornator қолданбасында қадағалаңыз және мұны өзіңіз жасауды үйреніңіз!

Кейіпкерлер дизайны

Егер сіз кейіпкерлердің дизайны бойынша біздің бірінші сабағымызды оқыған болсаңыз, кейіпкердің тарихы екенін білесіз. сіз сызған әрбір сызықтың арқауы болып табылады.

Сіз өз кейіпкерлеріңізді көзге көрінбейтін тереңірек оқиғаға негіздеуіңіз керек; олар туылғаннан бастап, қайда тұрады, қандай жұмыс істейді, олардың сүйікті тағамы қандай. Шамадан тыс естіледі ме? Біз үшін бұл қызық сияқты!

Тұңғиықтың тереңіне түспей, кейіпкеріңіздің өткені, бүгіні және болашағы туралы осы мәліметтердің барлығын ойлап, оларды қоршаған ортада көрсетіңіз. Басқаша айтқанда, сіздің ойыңыздағы оқиғаны кейіпкердің фонына жобалаңыз. Осындай визуалды әңгімелерді пайдалану кейіпкерлеріңіз бен әлемдеріңізді әлдеқайда бай және шынайырақ сезінеді.

Суретші

Бұл оқулық таңғажайып Мэдди Золимен бірлесіп жасалған. Біз YouTube арнамызда бірге тұтас кейіпкерлер сериясын жасап жатырмыз, ол тек бір ғана емесКішкентай басталып, бірте-бірте қалыптасатын пішін жасау үшін кенепке түсіретін қысыммен құрал жасаңыз және ойнаңыз. Қысымды өзгерту арқылы сызық бір инсультте өте жұқадан өте қалыңға дейін өтуі мүмкін. Бұл әсерге қол жеткізу үшін Maddy қысым сезімталдығы қосулы күйде алдын ала орнатуларымыздағы 4-ші щетканы пайдаланады.

Бұлттарды салған соң олардың пішініне кез келген түзетулер енгізу үшін Түйін құралын пайдаланыңыз.

Өйткені бұлттар күннің батуы сәулесін табиғи түрде көрсетеді, оларға қызғылт сары реңктен (F92CEE, сол жақта) ашық қызғылт түске (F9DCEE, оң жақта) өтетін градиент береді.

Айға келетін болсақ, екі шеңбер жасап, Шешімді пайдаланыңыз. Керемет жарты ай айды кесуге арналған логикалық функция. Пропорцияны сақтау үшін кенепте бір саусақты басып тұруды ұмытпаңыз.

Соңында пішін құралы арқылы жұлдызшаларды қосыңыз. Мэдди 12 балдық жұлдызды шешеді. Сол жақтағы жүгірткі арқылы нүктелер санын өңдеуге болады және кенепте қарындашты сүйреу кезінде бір саусақты басып тұру арқылы олардың пішінін өзгертуге болады.

Керемет мәліметтерді қосу

Сіз де ең жақсыны соңына дейін сақтайтын адамдардың бірісіз бе? Бұл бөлікке соңғы және ең керемет графикалық элементтердің бірін қосу уақыты келді.

Иконатор функциясымен аз күш жұмсап ғарыш кемесін жасаңыз. Иконаторға кіру және қажет нәрсені табу үшін іздеу жолағын пайдалану үшін Инспектордағы соңғы қойындыны түртіңіз.

Мэддиғарыш кемесін ұнатады, өлшемін өзгертеді, ақ түске бояйды және белгінің ортасына орналастырады. Оңай!

Жарық әсерлерін қосу

Қосымша әсер алу үшін алыстағы қаланың жарқыраған әсерін беру үшін шамдардың бірнеше шеңберін қосу арқылы аяқтаңыз. Әрине, шеңберлер үшін Пішін құралын пайдаланыңыз, содан кейін оған жақсырақ әсер ету үшін Мәнер қойындысындағы градиент функциясымен ойнаңыз.

Мэдди сол жақта қызғылт түсті (F9A3D8) сызықтық градиентті таңдады. оң жақта 100% мөлдір.

Одан кейін Араластыру режимдеріне өтіп, қабаттасуды таңдаңыз.

Қозғалысты қосу

Жасау үшін иллюстрация режимі динамикалық, көріністі кесіп өтетін бөлшектер шамдарының соңғы қабатын қосыңыз. Ол үшін Maddy 15-қадамдағы бірдей градиентпен толтырылған өте жақсы штрихтарды жасау үшін бұрынғыдай (алдын ала орнатуларымыздан төртінші) щетканы сақтайды. Содан кейін араластыру режимін қайта қабаттасуға орнатыңыз.

Біздің сол щетканы сақтайды. Мен күттім: Барлық осы қадамдардан кейін иллюстрация аяқталды!

Сызбаның фоны неліктен маңызды?

Сызбаның фоны қандай болса да , ол соңғы өнер туындысына жақсы немесе жаман әсер етеді!

Сіз объектілер мен кейіпкерлерді динамикалық позаларда салуды үйренгеннен кейін, фон суреттің соңғы бөлігі болып табылады.Барлығын біріктіретін басқатырғыш.

Сіздің фоныңыз кейіпкеріңіздің ян үшін инь рөлін атқарады. Егер сіз өзіңіздің кейіпкеріңізді дөңгелек пішіндерді пайдаланып жасасаңыз, өңді көрсету үшін бұрыштық кескіндерді пайдаланыңыз. Егер сіздің кейіпкеріңіз қараңғы болса, ашық фондық түстерді пайдаланыңыз және т.б. Ең бастысы - кейіпкеріңізбен қарама-қайшы болу, оларға ерекшеленуге көмектеседі.

Сіздің фоныңыз сіздің кейіпкеріңізді және оның тарихын техникалық және тұжырымдамалық деңгейде көрсетуі керек. Егер сіз өзіңізден фондық дизайн маңызды ма деп сұрасаңыз, оның шын мәнінде маңызды екеніне сенімдіміз.

Бұл оқулық сізге пайдалы болды деп үміттенеміз. Әлі жасамаған болсаңыз, Vectornator қолданбасын жүктеп алғаныңызға көз жеткізіңіз, осылайша сіз Maddy жасаған фон сияқты өзіңіздің керемет фоныңызды жасай аласыз.

Егер сіз біздің құралды жаңадан пайдалансаңыз, Learning Hub немесе YouTube арнасын қараңыз. графикалық дизайн бойынша оқулықтар мен жаңа шабыт үшін; және бірнеше минут ішінде дизайн жасау үшін дайын үлгіні таңдаңыз.

Жұмысыңызды қайта жариялауымыз үшін әрқашан бізді әлеуметтік желіде белгілеуді ұмытпаңыз!

Осы оқулықта біз айтқан әрбір қадам егжей-тегжейлі мәліметтерді қамтымайтынын байқайсыз. Жаңа қабат жасалғанда немесе жаңа пішін салынған сайын біз қадамды айтпаймыз дегенді білдіреді. Оның орнына біз дизайн процесіндегі әрбір құрылымдық қосымшаны бір жалпы қадам ретінде қысқартамыз.

• iPad

• Apple Pencil

• Procreate (немесе кез келген басқа эскиздік бағдарламалық құрал)

• Vectornator бағдарламасының соңғы нұсқасы Не үйренесіз:

• Эскизді қалай салу керек

• Кенеп пен фонды қалай дайындау керек

• Қабаттарды қосу және басқару

• Қалам, қарындаш, қылқалам құралдарын кеңейтілген пайдалану , Түйін және Пішін құралдары

• Түс таңдау құралы мен градиент өңдегішін кеңейтілген пайдалану

• Жарық, көлеңке және қозғалысты қалай қосуға болады

• Көшірмені пайдалану жолы жұмыс жүктемесін жеңілдететін функция

• Қолмен сызылған әріптерді қалай жасауға болады

• Күрделі фигураларды қалай жасауға болады

Біз мұнда тәжірибе мен теорияны біріктірдік, сондықтан бекітіңіз!

Сілтемелеріңізді дұрыс алыңыз

Бұл қадам жобалағыңыз келетін фон түріне дұрыс шабытты табу туралы болып табылады.

Мэддидің сілтемелері қайдан келетінін болжай аласыз ба қайдан? Оның шабыттары - 80 және 90 жылдардағы неон шамдары бар пастельді қала пейзаждарыСейлор Мун және Кардкаптор Сакура сияқты аниме. Ол олардың эстетикасын фондық дизайнға енгізбек.

Олар қызықты жарықтандыруға, әрекетке және жақсы композицияға бейімделіп қойған. Бірақ сіз жай ғана далаға шығып, айналаңызда көрген пейзаждарды немесе қалалық көріністерді салуыңызға болады.

Бұл жерде ең бастысы - бәріне мән беру. Сіз өзіңіздің мінезіңізді және олардың фонын жеке заттар ретінде емес, біртұтас бірлік ретінде қарастыруыңыз керек. Сіз өзіңіздің кейіпкеріңіздің фонын ғана салып қоймайсыз, сонымен бірге кейіпкеріңіз болатын көріністі саласыз.

Негізгі пішіндеріңізді сызыңыз

Экиз жасаудың танымал стилі - сілтемелерден бірнеше шағын, 5 минуттық "ым-ишара" зерттеулерін жасау, онда сіз негізгі мәндерді жай ғана блоктайсыз.

Одан кейін көбірек зерттеу үшін бір немесе екі зерттеуді таңдаңыз. жасау үшін шамамен 30 минут жұмсайтын егжей-тегжейлі эскиздер, дәл солай Мәдидің Procreate бағдарламасында аяқтайтын эскизі сияқты.

Осылай ойлау барлық элементтерді жақсырақ және қызықты етіп біріктіруге көмектеседі. Өйткені сіздің көрерменіңіз мені қоршаған ортаға жай ғана сәндік фон болғаннан гөрі көбірек инвестициялайды.

Сонымен, біз Джокастаның жасөспірім екенін білеміз.керемет күштері бар қыз. Бірақ жаратушы ретінде Мэдди оның болашақта, күн сайын кешкісін үйіне қайту үшін қоғамдық көлікті күтуге тура келетін бос емес қалада тұратынын біледі.

Бұл кішкентай көздің жауын алатын элементтен білуге ​​болады. —автобус аялдамасының белгісі шын мәнінде ғарыш көлігі болып табылады.

Эскизді Vectornator бағдарламасына жүктеп салу

Procreate қолданбасынан эскизіңізді jpeg/png форматында экспорттаңыз және оны импорттаңыз. Vectornator ішіне. Мұны Галерея қойындысынан сүйреп апару арқылы жасауға болады.

Кейіпкеріңізді орналастырыңыз

Мэдди Джокастаны сахнаға үштен бірлік ережесі бойынша орналастырды.

Көптеген жолдар бар. теңдестірілген эстетикаға қол жеткізуге көмектесетін әртүрлі тексерілген ережелерді (мысалы, үштен бірлер ережесі) пайдалану арқылы тамаша композиция жасаңыз. Бұл туралы көбірек білгіңіз келсе, басқа таңғажайып иллюстратор — Судабех Дамаванди түсірген тамаша композициялар жасау туралы бейне оқулықты қараңыз.

Қабаттарыңызды реттеңіз

Қабаттарыңызда ұқыпты және ұйымдасқан болу маңызды — бұл қадамға жұмсаған қосымша күш-жігеріңіз иллюстрацияны ілгерілетуіңізге он есе көмектеседі.

Сондықтан кейіпкеріңізді орналастырғаннан кейін жасырыңыз. таңбалар қабаты. Содан кейін эскиз қабатын түсіргеннен кейін оны құлыптаңызмөлдірлік.

Техника туралы айтудың да жақсы уақыты!

Фонды жобалаудың екі жолы бар: перспективаны пайдалану немесе пейзажды қабаттау. Бүгін біз қабаттау техникасына назар аударамыз. Басқа бейнеде перспектива теориясын қарастырғанымызды қаласаңыз, төменде пікір қалдырыңыз.

Осылайша, пейзажды бөлетін болсақ, бізде барлығы бес қабат болады. Алдынан артқа қарай, сондықтан ең жақыннан ең алысқа қарай қабаттар:

• Джокаста және елес.
• Автобус аялдамасы және теміржол.
• Бірінші қатардағы ғимараттар.
• Екінші қатардағы ғимараттар.
• Соңында, аспан, ай және бұлттар.

Осы сәттен бастап жай ғана есте сақтаңыз. иллюстрацияңыздың кез келген жаңа дизайн элементі үшін әрқашан жаңа қабат жасау үшін — мысалы, автобус аялдамасы бөлек қабатта, ғимараттардың екінші қатарында, ай мен жұлдыздар да, т.б. Түсінесіз.

Түстермен оқиғаны айтыңыз

Түс - кейіпкеріңіздің тарихы туралы көбірек айтып бере алатын тағы бір өте маңызды аспект.

Осылайша, бұл әлем болашақта, ол сиқырға толы және ол сонымен қатар Сейлор Муннан шабыттандырады. Мэдди неондар, пастельдер, қызғылт және жасыл түстер сияқты батыл түстерді таңдағаны таң қалдырмайды. Көңілсізден басқа кез келген нәрсе!

Мэддидің туындысын қайта жасау үшін қажет он алтылық кодтардың барлығы:

Қою күлгін - 7125D0

Қызғылт сары - EFB09F

Орташа көк - 869FEF

Қою көк - 3E6AED

Қою көк - 4265D2

Қызғылт - 2885C7

Сары - FEF66F

Қызғылт - F9A3D8

Ашық қызғылт - F9DCEE

Соңында, түс комбинациясын пайдалануды қамтамасыз ету керек бұл жеткілікті қарама-қайшы, бірақ сонымен бірге сіздің кейіпкеріңізбен үйлесімді болып қалады. Сол себепті Мэдди Джокаста үшін қолданған реңктерге өте ұқсас реңктерді таңдады.

Мэдди таңдаған реңктер оның композициясында әртүрлі дизайн элементтерінде қолданылып, қайта пайдаланылатынын байқайсыз. Әртүрлі, бірақ шектеулі түстер палитрасын таңдау шығармашылық үдерісте көмектеседі, сонымен қатар өнер туындыңызды біріктіреді және айқынырақ етеді.

Көңіл-күйді күннің уақытына қарай орнату

Қатты фондық түстен аулақ болыңыз және күн уақытын көңіл-күйді орнату әдісі ретінде пайдаланыңыз. Бұл көрініс үшін Мэдди ерте кешті таңдады.

Бұл Джокаста мен оның елес досының дәл қазір сезінетініне сәйкес келеді. Джокаста бәрі біткен сияқты, бірақ түнде елестер пайда болғандықтан, ол өз күнін енді ғана бастағалы тұр!

Осы көрініске жету үшін Мэдди бүкіл кенепті толтыратын күлгін шаршы жасайды (C18FF0). Содан кейін ол жоғарғы оң жақтан бастап қою көк (3E6AED) сызықтық градиент қолданадыбұрыш.

Мэдди содан кейін шаршының көшірмесін жасайды, градиент қарама-қарсы бұрышта болатындай етіп айналдырады және градиент түсін әдемі қызғылт сарыға өзгертеді (EFB09F). Біреу күн батқан діріл деді ме?

Ғимараттардың екінші қатарын жасау

Біз нысандардың екінші ең алыс қабатынан (ең алыс) бастаймыз. аспан болу).

Бұл ерекше тәртіп соншалықты маңызды емес. Бірақ егер сізде ғимараттар, теміржол вокзалы және т.б. сияқты бір-бірін қабаттасатын қабаттар кластері болса, нысандарды алдыңғы қатарға қалай орналастыру керектігін, сізде қаншалықты теріс кеңістік бар екенін түсіну үшін ең алысынан бастаған дұрыс. ойнау және қай түстер жақсырақ контраст.

Мэдди Пішін құралын алып, ғимараттардың алдыңғы көрінісін анықтау үшін геометриялық пішіндерді жасай бастайды. Ол пайдаланатын көк реңк 869FEF.

Перспективаны салу

Ал жақтарын салу үшін ол күңгірт реңкті таңдайды—957AE1.

Бұл ғана емес, ол сонымен қатар тіктөртбұрыштың жоғарғы жағының бұрышын композицияңыздың жоғалу нүктесіне сәйкес келетіндей өзгерту үшін Түйін құралын пайдаланады.

Мәліметтер қосу

Мэдди көрерменнің көзқарасына жақынырақ ғимараттарға баннер қосады.

Бұл ғимараттар техникалық тұрғыдан әлі екінші қатарда тұрғанымен, олар ең алыс ғимараттардың ең жақыны. Сондықтан кез келген қосумұндағы мәліметтер тек шынайырақ параметрді жасайды.

Ғимараттардың бірінші қатарын сызыңыз

Бұрынғыдай, Пішін құралын алып, сызыңыз қаланы толтыру үшін төртбұрыштар. Мэдди қайтадан 957AE1 таңдады, ал бүйірлер үшін 4265D2.

Амбианс жасау

Фонға көбірек тереңдік қосу үшін келесі мәліметтерді қосуды қарастырыңыз. қалалық тұман.

Пішін құралының көмегімен тіктөртбұрыш сызыңыз және оған төменнен жоғары қарай жоғалатын қызықты сызықтық градиент беріңіз. Сол түс (біздің жағдайда, төменгі түс) әдемі көкшіл (2885C7) және сол түс (біздің жағдайда, жоғарғы) ақ (FFFFFF) 0 мөлдірлікпен. Бұған A арнасын нөлге келтіру арқылы қол жеткізуге болады.

Қосымша мәліметтерді қосу

Жақындаған сайын күңгірт және қараңғы болатынын есте сақтаңыз. нысандарыңыз егжей-тегжейлі болады. Алдыңғы қатардағы ғимараттар минималды тіктөртбұрыштар мен терезелері өте аз тұтас блоктардан тұратын кластер болып қала береді.

Сондықтан кейіпкерге ең жақын ғимараттарда келесідей мәліметтердің барлық түрлерін қосуды ұмытпаңыз. терезелер, шамдар немесе билбордтар. Мэдди қылқаламды таңдау тақтасындағы екінші алдын ала орнатуды пайдаланып еркін қылқаламмен жасайтын осы «Coola» белгісі сияқты.

Алдыңғы жоспардағы ғимараттарға бірнеше терезе қосу кеңесі - Таңдау құралымен бірнеше нысанды таңдау және оларды ретімен көшіріңіз.

СызыңызАвтобус аялдамасы

Тіктөртбұрыш құралымен аялдаманы құрайтын барлық негізгі пішіндерді қадағалаңыз.

Бұрынғыдай, кез келген бұрыштарды өзгерту үшін Түйін құралын пайдаланыңыз. сіздің көзқарасыңыздың жоғалу нүктесіне әкеледі. Мұнда ол қоршау үшін күлгін түсті (7125D0), мұқаба үшін ақ (FFFFF) және сары (FEF66F) және белгі үшін қосымша көк түсті (957AE1) пайдаланады.

Қосымша қосу Өлшем

Автобус аялдамасының элементтері де күннің батуы көрінісінің бөлігі болып табылады.

Оны ояту үшін біз осы біртұтас түстер туралы бірдеңе жасаймыз. Сондықтан қоршауды жасау үшін пайдаланған жоғарғы тіктөртбұрыштың көшірмесін жасаңыз, оны тар етіп жасаңыз, үстіне орналастырыңыз және оған шағылысқан күннің батуы жарығын көрсететін градиент беріңіз.

Мэдди сызықтық градиентті (градиент ортасында) және оң және сол түсті ашық қызғылт сарыға өзгертеді (EFB09F). Содан кейін ол A арнасын нөлге өзгерту арқылы сол түсті толығымен мөлдір етеді.

Әр жеке рельс үшін бірдей әсерді қолданыңыз.

Аспанға элементтер қосу

Соңында, біз келесіге көшеміз аспандағы мәліметтер, онда біз бірнеше бұлттарды, жұлдыздарды және айды қосамыз.

Бұлттар үшін Қылқаламды алыңыз.