Як стварыць дэталізаваную катану ў Affinity Designer
У гэтым уроку мы пройдзем працэс стварэння рэалістычнай катаны (японскі меч) з дапамогай Affinity Designer. Паглядзіце на файл, прымацаваны да гэтага ўроку, каб убачыць поўную версію часткі.
У ўроку мяркуецца, што ў вас ёсць працоўнае веданне інструментаў у Affinity Designer і камфортны ўзровень ведаў у вектарным дызайне. Калі ў вас ёсць вопыт працы з вектарамі, але вы пачатковец у Affinity Designer, вы можаце азнаёміцца ​​з бясплатным курсам "Affinity Designer Quick Start", каб набыць неабходныя веды аб інструментах, якія мы будзем тут выкарыстоўваць.
Графічны планшэт карысны для хуткасці, але не з'яўляецца істотным, паколькі мыш таксама будзе працаваць. Давайце пачнем!
Навучальныя актывы
Пры стварэнні гэтага ўроку выкарыстоўваліся наступныя актывы:
Драўляны ўзор Аляксея Усольцева з калекцыі Тонкія ўзоры
Перад пачаткам працы: Збярыце даведачны матэрыял
Катаны - даволі складаныя рэчы, якія складаюцца з многіх кампанентаў, і традыцыйна яны зроблены з дбайнай увагай да дэталяў. Па гэтай прычыне без даведачнага матэрыялу можа вельмі лёгка атрымацца, што ваша катана апынецца не зусім правільнай. Каб гэтага пазбегнуць, важна сабраць шмат і шмат даведачных матэрыялаў - столькі малюнкаў, колькі вы зможаце знайсці.
Перад тым, як што-небудзь зрабіць, запусціце Google Image Search і Wikimedia Commons і пачніце пошук даведачных малюнкаў. Акрамя пошукавых тэрмінаў, якія адразу прыходзяць у галаву, такіх як "катана", "японскі меч" і т. д., некаторыя дадатковыя тэрміны, якія вы можаце выкарыстоўваць для пошуку добрага матэрыялу, уключаюць:
Tsuka / tsuka-ito: дзяржальня / абгорнутая дзяржальня
Tsuba: цуба (Гарда японскага меча)
Saya katana: павінен знайсці малюнак ножан катаны
Антычная катана
Падстаўка для катаны
1. Наладзьце дакумент Affinity Designer
Мы будзем распрацоўваць наш малюнак для адлюстравання ў памеры 1366 пк на 768 пк, але мы створым яго ў рэальным памеры 2730 пк на 1536 пк. Гэта дазволіць нашаму фінальнаму малюнку адлюстроўваць Retina / 2x гатовы дысплэй.
Мы дасягнем гэтага, выкарыстоўваючы здольнасць Affinity Designer стварыць палатно памерам у "кропках" замест "пікселяў". З "кропкамі" вы можаце вырашыць, колькі фактычных пікселяў павінна быць на піксель дысплея, задаўшы DPI вашага дакумента. Пры DPI 72, адна кропка ўяўляе сабой адзін піксель. Але з DPI 144, адна кропка уяўляе два квадратных пікселя.
Такім чынам, палатно памерам 1366 пт на 768 пт з DPI 72 будзе мець дазвол 1x пры адлюстраванні на 1366 пк на 768 пк.
Але палатно 1366 пт на 768 пт з 144 DPI будзе генераваць малюнак з фактычным памерам у пікселях 2730 пк на 1536 пк і будзе мець дазвол 2x пры адлюстраванні на 1366 пк на 768 пк на экране Retina / 2x дысплэй.
Чаму мы не выкарыстоўваем 2-разовы экспарт Designer
Affinity Designer прадастаўляе магчымасць дызайну з дазволам 1x, а затым аўтаматычна экспартуе ў 2x і нават 3х зыходны памер. Аднак гэты працэс маштабавання патрабуе, каб малюнак быў цалкам складзен з вектараў.
Адной з самых цікавых функцый Affinity Designer з'яўляецца Pixel Persona, якая дазваляе лёгка змешваць растравую і вектарную графіку, і мы будзем трохі выкарыстоўваць гэта падчас нашага працоўнага працэсу. Аднак растравыя элементы не будуць павялічвацца ў маштабе без размытасці, хоць яны будуць добра змяншацца ў маштабе. Таму, каб стварыць дызайн, гатовы да 2x, нам трэба планаваць загадзя і ствараць усё першапачаткова на 2x, а затым змяншаць ў маштабе да 1х.
Стварыце новы дакумент Affinity Designer з гэтымі наладамі:
Калі мы праходзім працэс афарбоўкі нашай катаны, мы павінны пераканацца, што яна добра кантрастуе з фонам, таму нам трэба стварыць часовы фон, каб дапамагчы ў гэтым. Пазней мы створым больш цікавы фон, але цяпер давайце проста выкарыстаем прыблізна правільны колер за нашай працай.
Стварыце прастакутнік, які груба пакрывае ўсё палатно і запоўніце яго Linear Gradient, што складаецца з чатырох прыпынкаў:
#000000 пры 0%
#111111 пры 20%
#393939 пры 80%
#545151 пры 100%
2. Усталюйце фігуры базавай крывой
Наш малюнак будзе мець тры асноўныя кампаненты, выгібы, якія павінны быць сапраўднымі і паслядоўнымі: лязо, дзяржальня і ножны. У катанне лязо перамяшчаецца ўверх па ўнутранай частцы дзяржальні, таму яно павінна выглядаць так, як калі б яно ўваходзіла ў яго. Аналагічна, лязо павінна выглядаць так, як-быццам яно правільна ўпісваецца ў ножны. Нарэшце, дзяржальня павінна выглядаць так, як калі б яна супадала з ножнамі, калі меч быў у абалонцы.
Для гэтага мы пачнем з стварэння фігуры базавай крывой, з якой мы атрымаем выгіб для ўсіх трох. Гэтыя фігуры, верагодна, тыя, на якія вы павінны звярнуць найбольшую ўвагу, каб атрымалася правільна, паколькі яны складуць аснову ўсёй вашай канструкцыі, і калі выгіб будзе няправільны, усё гэта будзе выглядаць "непраўдападобна".
Стварыце доўгі прастакутнік, а затым цягніце яго верхні і ніжні края ўверх, пакуль не атрымаеце выгіб, адпаведны таму, што вы бачылі ў сваім даведачным матэрыяле для катан і іх ножан. Старайцеся пазбягаць празмернага згибания фигуры.
Зрабіце копію гэтай фігуры, каб вы маглі захаваць яе ў якасці базавага шаблону для вашай фігуры, каб спасылацца на ўвесь дызайн.
Затым падзяліце сваю фігуру на дзве часткі, прычым крайняя левая фігура стане дзяржальняй. Зірніце на свой даведачны матэрыял, каб вырашыць, дзе гэты падзел павінен адбыцца.
Зрабіце копію правай фігуры і трохі адцягніце яе ўніз. Гэтая фігура стане ножнамі.
Усталюйце колер першапачатковай правай фігуры на светла-шэры. Гэта стане лязом.
3. Удасканальце і дадайце больш асноўных фігур
Наладзьце форму ляза ў адпаведнасці з вашым зыходным матэрыялам, перамяшчаючы верхні правы вузел і надаючы яму выгіб з дапамогай інструмента Corner і акругляючы правы край. Затым зрабіце копію фігуры, надайце ёй больш цёмны колер, сціскайце і рэгулюйце новую фігуру, каб стварыць пазу ўздоўж ніжняй частцы ляза.
На левым канцы ляза стварыце невялікі прастакутнік з закругленымі вугламі з правага боку і злёгку выгнутыя левы і правы края, каб яны выступалі ў якасці кальца, якое злучае лязо з дзяржальняй.
Зрабіце набор базавых формаў для Гарда (tsuba), выкарыстоўваючы эліпсы для стварэння фігур у форме дыска і мадыфікаваных прастакутнікаў для стварэння іх знешніх краёў.
Выкарыстоўваючы адрэгуляваныя прастакутныя фігуры, дадайце каўпачок левым канца дзяржальні і кальцо праваму канцу за шыйкай гарда.
Зараз давайце пяройдзем да асноўных фігур ножан. Выкарыстоўваючы прастакутнікі з закругленымі вугламі і, пры неабходнасці, адрэгуляваныя края, дадайце наканечнікі да левага і правага канца ножан, а таксама да апошняй трэці шляху ад правага канца.
Пасуньце ўбок ножны да таго часу, пакуль яны не будуць размешчаны гарызантальна па цэнтры лініі з мячом, з адносна невялікім вертыкальным разрывам паміж імі. Затым павярніце яго крыху супраць гадзіннікавай стрэлкі да таго часу, пакуль яго канцы не будуць супадаць адзін з адным. Цяпер у вас павінна атрымацца нешта падобнае на гэта.
4. Стварыце асноўныя фігуры падстаўкі.
Створым падстаўку з двух палоў на двух розных пластах - гэта дапаможа нам надаць такі выгляд, як быццам частцы падстаўкі стаяць за мячом і ножнамі, а іншыя часткі спераду.
Парадак пластоў:
Ніжняя падстаўка
Верхняя падстаўка
Праглядзіце свой даведачны матэрыял для азнакамлення з агульнымі фігурамі падстаўкі катаны. Затым стварыце фігуры, падобныя тым, якія вы бачыце на малюнку ніжэй, каб стварыць верхнюю палову падстаўкі. Самы просты спосаб - зрабіць з аднаго боку такія фігуры, як вы хочаце, а затым дубляваць іх і павярнуць па гарызанталі так, каб стварыць адпаведную палову пары.
Змясціце верхнюю палову сваёй падстаўкі на пласт паміж ножнамі і катаннай, каб ён выглядаў так, як быццам верхняя частка падстаўкі стаіць перад лязом, а ніжняя частка - за ножнамі.
У пласт над пластом ножан, дадайце фігуры, каб стварыць ніжнюю палову падстаўкі. Я прапаную спачатку стварыць гарызантальную базавую частку, а затым зрабіць вертыкальныя секцыі "ножкі", абгарнуць вакол яе. Пераканайцеся, што лініі ніжняй паловы выглядаюць так, як быццам яны злучаюцца з верхняй паловай.
Прама зараз фон праяўляецца ў маленькіх зазорах пад катаннай і ножнамі, ледзь вышэй апор, у якіх кожны знаходзіцца. Да пласту за катанай дадайце некалькі простых чорных прастакутнікаў, каб запоўніць гэтыя зазоры ў верхняй палове падстаўкі.
У пласце за ножнамі, зрабіце тое ж самае для ніжняй паловы падстаўкі, дадаўшы чорныя квадраты, каб запоўніць прамежкі, каб фон не адлюстроўваўся.
Цяпер асноўныя фігуры скончаны, і вы гатовыя перайсці да дадання рэалізму.
5. Удыхніце жыццё ў лязо
Змяніце заліванне ляза ад суцэльнага колеру да эліптычнага градыенту вельмі светлым шэрым, амаль белым колерам у цэнтры. Рэгулюйце форму і становішча градыенту да таго часу, пакуль не з'явіцца святло, які адлюстроўваецца ад краю ляза.
Нам таксама трэба змадэляваць некаторыя светлавыя эфекты з левага краю ляза, таму дадайце да фігуры Gradient Overlay з дапамогай панэлі Layer Effects. Усталюйце значэнне Scale X для накладання 50% і значэнне Offset X на -25%. Гэта дазволіць вам размясціць градыент, каб ён адлюстроўваўся толькі з левага краю ляза.
Зрабіце крайнюю правую кропку пераходу цалкам празрыстай, каб градыент паступова знікаў. Усталюйце некалькі каляровых рэшт паміж палажэннямі 0% і 50%, каб стварыць некалькі больш светлых і цёмных шэрых абласцей, імітуючы святло, які адлюстроўваецца ад пункту трохі справа ад дзяржальні.
Зрабіце копію фігуры вашага ляза, а затым выкарыстоўвайце Node Tool, каб дадаць некалькі дадатковых патаўшчэнняў, пры гэтым ніжні край падымаецца вышэй і робіцца хвалістым, каб стварыць закруглены край ляза. Затым надайце яму Linear Gradient з некалькімі кропкамі пераходу колеру рознай асветленасці, спрабуя змякчыць колер асноўнага ляза.
Дададйце да вашай фігуры выемкі, Elliptical Gradient запоўніце святлом у цэнтры і размясціце яго так, быццам святло адлюстроўваецца недалёка ад бліку на правым канцы ляза. Таксама надайце яму дадатковую глыбіню, дадаўшы няўлоўную Inner Shadow з дапамогай панэлі Layer Effects. Выкарыстайце Add для рэжыму накладання ценяў, надайце яму Radius каля 7 пк і Offset каля 4 пк, усталюйце цёмна-шэры колер з Opacity 42%.
У левым канцы баразда яшчэ занадта цёмная. Каб выправіць гэта, стварыце постаць трапецыі, укладзеную ўнутр фігуры баразды на панэлі пластоў. Гэта яе замаскіруе, таму мы ўбачым толькі частку трапецыі, якая будзе бачная "праз" фігуру баразды.
Прямяніце Transparency Tool да трапецыі, каб правая палова фігуры знікла, тым самым наклаўшы яе на астатнюю частку баразды. Затым надайце ёй вертыкальны лінейны градыент, цёмна-шэры зверху і светла-шэры знізу. Выкарыстайце Fill Tool, каб размясціць градыент і стварыць цень у верхняй частцы баразды, і пераход да больш светлага колера ўнізе.
У той момант, калі частка ляза, размешчаная ніжэй баразды, усё яшчэ выглядае занадта плоскай, таму нам трэба надаць ёй больш змяненняў у асветленасці і цемры. Зрабіце яшчэ адну копію ляза, і на гэты раз адрэдагуйце яго да таго часу, пакуль у вас не з'явіцца паласа, якая будзе праходзіць уздоўж баразны.
Дастасуеце да паласы Elliptical Gradient, які нашмат шырэй, чым вышыня, ствараючы павярхоўны выгіб на ніжням баку ляза.
Нарэшце, мы збіраемся дадаць блеск, каб падкрэсліць светлавыя блікі, якія ёсць на лязе. Стварыце невялікі эліпс і дадайце Outer Glow з белым колерам, Radius 70 пк, Intensity 40% і Blending Mode, усталяваным на Screen.
Зрабіце копію эліпса, трохі паменшыце яе, павялічце Intensity яе Outer Glow да 80% і паменшыце Radius да 35 пк.
Цяпер, у пункце, дзе ёсць падсвятленне на лязе, размесціце пярэднюю частку з двух эліпсаў перад катанай і заднім эліпсам за катанай, каб стварыць лёгкі блеск. Зрабіце копіі двух эліпсаў і перамесціце іх туды, дзе вы хочаце, каб быў блеск на лязе, пры неабходнасці змяніўшы іх памер і Opacity.
Ваш закончаны лязо цяпер павінен выглядаць так.
6. Дадайце эфект золата кальцу
Выберыце фігуру кальца на левым канцы вашага ляза і выкарыстайце панэль Layer Effects, каб дадаць Color Overlay, усталяваны на #896D36, з Color Burn Blending Mode і Opacity 28%. Гэта дапаможа нам атрымаць багаты, гладкі колер, які мы хочам.
Затым ўсталюйце заліванне на вертыкальны Linear Gradient з колерам, як вы бачыце на малюнку ніжэй, каб стварыць эфект золата. Гэта дапамагае ўключыць невялікі шум у колеры вашых першых і апошніх кропак пераходу, каб згенераваць тэкстуру.
Дадайце да фігуры штрых 0,5 пт, а затым перайдзіце ў меню Layer> Expand Stroke ў меню, каб ператварыць штрых ў асобную фігуру. Дадайце яму Linear Gradient, падобны гэтаму, з невялікай колькасцю шуму ў колеры, каб дадаць тэкстуру.
Зрабіце копіі абодвух, асноўнай фігуры і фігуры контура, а затым прыцьміце і пазбаўце колер ў градыенце асноўнай фігуры, як гэта.
Усталюйце Blending Mode для абодвух копіях фігур на Multiply і Opacity на 21%.
Выберите Vector Brush Tool і на панэлі пэндзляў ў раздзеле Тэкстуры абярыце пэндзаль Paint 1 і намалюйце такі штрых. Вы хочаце, каб ён меў прыкладна той жа выгіб, што і кальцо, так як будзе не зусім правільна, калі вы спачатку яго расцягніце, вазьміце інструмент Node Tool і адрэдагуйце патаўшчэнні рыскі пэндзля.
Змясціце штрых пэндзля па-над фігурай кальца, а затым на панэлі Layers ўстаўце штрых пэндзля пад вашай першай фігурай кальца (той, якая мае нармальны рэжым накладання), каб кальцо датыкалася з яго верхнім і ніжнім канцамі.
Змянице колер рыскі ад белага да чорнага, а затым, усё яшчэ абраным, націсніце Command-G, каб уставіць яго ўнутры групы. Усталюйце рэжым накладання групы на Reflect, а затым ўнутры групы зрабіце копію рыскі і перамясціце яго ледзь лявей ад першага. Працягвайце рабіць гэта, пакуль у вас не будзе каля 12 з гэтых штрыхоў, якія ахопліваюць усю фігуру кольца. Яно павінна выглядаць наступным вобразам.
Зрабіце копію групы створаных вамі рысак пэндзля і з самай нізкай групай на панэлі Layers (г. зн. адна за іншы), змяніце Blending Mode на Overlay і Opacity на 50%. Цяпер ваша завершанае залатое кальцо павінна выглядаць так.
7. Удасканальце канцы дзяржальні
Прымяніце Linear Gradients да фігур на кожным канцы дзяржальні, каб яны выглядалі круглявымі, пры гэтым, каб святло падала на іх зверху. Вы можаце выкарыстоўваць адзін і той жа градыент на абедзвюх фігурах.
Зрабіце копію фігуры на правым канцы дзяржальні і, калі яна знаходзіцца за арыгіналам на панэлі Layers, трохі перамесціце яе ўлева і трохі паменшыце яе вышыню, каб яе верхнія і ніжнія края былі не бачныя, тым самым ствараючы "абрэзаную" фігуру.
Пачніце размалёўваць яе золатам, надаўшы ёй Linear Gradient з некаторым шумам для тэкстуры, падобнай гэтай.
Зрабіце копіі некаторых з вектарных пэндзляў рысак, якія вы выкарыстоўвалі для дадання тэкстуры вашаму залатому кальцу, і перамясціце іх на панэль Layers, каб яны замаскіраваліся вашай абрэзанай фігурай. Наладзьце іх Blending Mode на Overlay і Opacity на 58%, а затым размясціце іх так, каб яны надавалі тэкстуру абрэзанай фигуре.
Зрабіце копію ўсёй абрэзанай фігуры і ўсталюйце верхні ўзровень Blending Mode на Multiply. Цяпер у вас павінна быць залатая абрэзаная фігура на канцы вашай дзяржальні, як гэта.
8. Стварыце пакрыццё дзяржальні (Tsuka-ito).
Для пакрыцця, якое ахоплівае дзяржальню, мы збіраемся стварыць адзін кавалачак скручанай тканіны і шмат разоў яе прадубляваць, каб стварыць наш поўны пакроў.
Зрабіце фігуру, падобную гэтай, і прямяніце да яе чырвоны Linear Gradient, з кропкамі пераходу, каб ён выглядаў асветленым зверху і зацененых знізу. Уключыце некаторы шум для тэкстуры.
Устаўленныя ўнутры фігуры, стварыце два трыкутніка і дадайце да іх часткова празрыстыя чорныя Linear Gradients, каб яны выглядалі як цені, створаныя выгібам пасярэдзіне. Выкарыстайце Fill Tool, каб наладзіць памер і арыентацыю градыенту, каб атрымаць правільны эфект.
У прамежку паміж двума ценямі, а таксама ўстаўленымі ў выгнутую фігуру, стварыце такую ​​фігуру з часткова празрыстым белым Linear Gradient, каб стварыць блік і завяршыце эфект выгібу. Яшчэ раз выкарыстайце інструмент Fill Tool, каб надаць вашаму градыенту правільны памер і арыентацыю.
Устаўлены ў выгнутую фігуру, а на пласце пад фігурамі цені і бліку, стварыце доўгую тонкую прастакутную фігуруі, сагніце яе, каб яна адпавядала выгібу дзяржальні мяча. Запоўніце яго Linear Gradient, чырвоным зверху і вельмі цёмным чырвоным (амаль чорным) унізе.
Зрабіце копію гэтай фігуры і паўтарайце яе з рэгулярнымі інтэрваламі злева направа ад выгібу. Ваш завершаны выгіб павінен выглядаць наступным чынам.
Неаднаразова зрабіце копію выгнутай фігуры і выкарыстайце яе, каб абгарнуць дзяржальню, за выключэннем невялікіх зазораў на канцах. Паварочвайце кожную секунду гарызантальна так, каб яна выглядала, быццам тканіна згінаецца ў пераменным кірунку і злёгку паварочвае кожную скапіраваную фігуру супраць гадзіннай стрэлкі, так што яна ідзе за выгібам дзяржальні.
Выкарыстоўваючы той жа метад, які вы зрабілі для стварэння выгнутых частак, стварыце дзве дадатковыя часткі разгінання тканіны, каб завяршыць пакрыццё на кожным канцы дзяржальні. На гэтым этапе вам можа спатрэбіцца адрэгуляваць базавы дэскрыптар і левую верхавіну, каб усе прыгожа адпавядала.
Дадайце чорны эліпс над верхняй часткай левай верхавіны дзяржальні, каб стварыць у ёй адтуліну. Вазьміце адзін з кавалачкаў тканіны з дзяржальні, павярніце яго на 90 градусаў, а затым змяніце яго памер так, каб ён выглядаў як пятля з тканіны, якая праходзіць праз адтуліну ў дзяржальні на адным канцы, і першы зазор на пакрытай дзяржальні ў іншым канцы.
Часова схавайце пакрыццё, а затым надайце дзяржальні, якая знаходзіцца пад пакрыццём, круглявасць і тэкстуру, прымяніўшы Linear Gradient, як тут, усталюйце Noise на 100% у кожнай з кропак пераходу.
Зрабіце невялікія фігуры, якія будуць ствараць арнаменты на дзяржальні (menuki) і размалюйце іх залатым колерам, выкарыстоўваючы той жа метад, што і раней, з кольцам і аздабленнем дзяржальні. Гэта можа быць любая форма, якая вам падабаецца. Размясціце іх, каб яны былі бачныя праз пакрыццё дзяржальні, у напрамку да правага канца дзяржальні.
Ваша завершаная дзяржальня зараз павінна выглядаць прыкладна так.
9. Удасканаленне і асвятленне шыйки гарды.
Перш за ўсё, мы хочам зрабіць кальцо гарды больш дэкаратыўным, а не проста з дыскам. Вы можаце выявіць тут крэатыўнасць і перарабіць фігуры, як вы хочаце, а я выразаў адтуліны ў вялікім дыску, выкарыстоўваючы такія фігуры.
Пасля ўдасканалення фігур кальца гарды, дадайце асвятленне, ужываючы лінейныя градыенты.
10. Праверце вашу катану
Уся ваша катана цяпер скончана, і гэта, безумоўна, самая вялікая дэталь гэтай частцы. Выдаткуйце трохі часу і праверце, што вы зрабілі - гэта павінна выглядаць прыкладна так.
11. Удасканалянне і асвятленне ножны
Усталюйце пласт для ножан, каб зноў паказаць яго, і перарабіць фігуры на ім, каб зрабіць іх больш упрыгожанымі і дэкаратыўнымі.
Зараз нам трэба надаць круглявасць і блеск ножнам, ідучы ад святла, які адлюстроўваецца ад яго.
Гэта крыху складана, таму што ў Affinity Designer вы не можаце выкарыстоўваць эфекты пласта над празрыстым заліваннем. Каб стварыць блеск на ножнах у іншым дызайнерскім дадатку, я б зрабіў нешта накшталт стварэння копіі фігуры ножан, ужываючы зрушэнне ўнутранага святлення і ўсталяваўшы заліванне нулявой непразрыстасці. У Affinity Designer, аднак, калі вы ўсталюеце заліванне на нулявую непразрыстасць, эфекты пласта таксама стануць празрыстымі.
Мы таксама не можам выкарыстоўваць лінейныя градыенты для стварэння асвятлення на ножнах з-за яго выгнутасці, гэта азначае. Што некаторыя больш простыя метады адсутнічаюць. Таму мы збіраемся выкарыстоўваць альтэрнатыўнае рашэнне, і па гэтай прычыне наступныя крокі могуць здацца дзіўнымі, але прытрымлівайцеся іх, і вы ўбачыце, куды мы накіроўваемся.
Спачатку падзяліце ножны на дзве часткі, як тут, і размалюйце верхнюю частку #1F1F1F і ніжнюю #393939.
Зараз мы збіраемся стварыць блеск, які размяшчаецца ўздоўж верхняй часткі ножан. Мы збіраемся зрабіць гэта, шляхам стварэння больш светлага, доўгага выгнутага прамавугольніка, дзе мы хочам, каб быў блеск. Мы зробім верхнюю частку гэтага прамавугольніка на ножнах дачыненнем да яе зацямняючага эфекта ўнутранай цені.
Зрабіце копію верхняй фігуры, трохі перамясціце два верхніх пункту ўніз і дадайце колер залівання #797979. Дадайце ўнутраную цень з колерам #202020, усталюйце рэжым Normal у Blending Mode, на 100% Opacity, паказваючы прама ўніз з Radius 4 пк і Offset з 4 пк.
Цяпер у вас павінна быць шэрая фігура, якая паступова накладваецца на верхнюю частку вашых ножан, як тут:
Каб накласці ніжнюю частку блеску, зрабіце новую фігуру пад ім, як тая, якую вы бачыце на малюнку ніжэй. Пераканайцеся, што яго верхняе выраўнованне па краях ідэальна ўзгадняецца з ніжнім краем фігуры блеску і заліванне ўсталяваная на #111111. Надайце яму Outer Shadow, які паказвае прама ўверх з колерам #111111, Normal Blending Mode, 100% Opacity, 15 пк Radius, 7 пк Offset і Intensity 45%.
Outer Shadow новай фігуры павінна перакрываць фігуру блеску, накладзіце яе на астатнюю частку ножан.
Работа над блескам верхняй паловы ножан скончана, і зараз мы збіраемся стварыць блеск таксама для ніжняй часткі. Аднак на гэты раз мы будзем ператвараць існуючую ніжнюю частку ножан у блеск замест стварэння новай фігуры.
Выберыце ніжнюю палову ножан і прымяніце да яе ўнутраную цень. Усталюйце кропку колеру цені з дапамогай колеру #1B1B1B, Blend Mode на Normal, 100% Opacity, Radius 8 пк і Offset 8 пк.
Вы павінны ўбачыць, што ніжняя форма цяпер паступова змяшаецца з цёмнага да светлага.
Цяпер усё, што нам трэба зрабіць - гэта зноў пазбавіць колеру ніжняй формы ад светлага да цёмнага з верхняга краю. Каб зрабіць гэта, дадайце новую фігуру, падобную той, якую вы бачыце на малюнку ніжэй, і надайце ёй Outer Shadow. У вас ёсць кропка цені прама ўнізе, з колерам #111111, Radius 18 пк, Offset 5 пк і Intensity 45%. Гэтая цень будзе перакрываць блеск у ніжняй часткі, гармануючы з ножнамі.
Цяпер у вас павінны быць ножны, якія выглядаюць круглявымі, з яркім блескам, выгнутым уздоўж верхняй часткі, і больш няўлоўным пад ней.
Перарабіце дэкаратыўныя фігуры на ножнах, каб надаць ім залатой стыль, выкарыстоўваючы тыя ж метады, што вы выкарыстоўвалі, каб стварыць залатое кальцо на лязе.
Прама зараз вашы залатыя ўпрыгожванні не могуць цалкам пакрыць ножны, так як выглядаюць занадта плоскімі, асабліва наканечнік на правым канцы.
Каб гэта выправіць, пераключыцеся на Pixel Persona і вазьміце мяккі пэндзаль, усталяваны на колер #B19854. Затым, на пластах пікселяў, устаноўленых у Blending Mode на Multiply, укладзеных ўнутры кожнай з вашых залатых фігур, намалюйце некалькі ценяў, каб ўпрыгажэнні выглядалі, як быццам яны больш спалучаюцца з ножнами.
12. Дадайце падсвятленне падстаўцы
Выкарыстоўваючы Linear Gradient, які ідзе злева направа, дадайце цень, як тут, да падставы падстаўкі побач з кожнай з двух ножак.
Дадайце Linear Gradient зверху ўніз на кожную з пярэдніх частак ножак падстаўкі, якія робяць далёкія часткі яшчэ больш цёмнымі, а блізкія святлей.
Я знайшоў, што самы просты падыход заключаўся ў тым, каб стварыць адзін градыент, які быў бы такі ж вышыні, як падстаўка, нават калі б ён быў занадта вялікі, каб змясціцца альбо на верхнюю, альбо на ніжнюю палову. Я б падстроіў градыент на адной пярэдняй фігуры, а затым скапіраваў яго на іншыя тры. Гэта дапамагло б стварыць адчуванне паслядоўнасці ў асвятленні ножак падстаўкі.
13. Стварыце адлюстраванне стала
Расцягніце тры прамавугольніка і злучыце іх так, каб зрабіць стол.
Зараз мы дададзім адлюстраванне падстаўкі на стале. Зрабіце копію ніжняй паловы падстаўкі і павярніце яе вертыкальна, а затым устаўце яе ўсярэдзіне прастакутніка, які ўтварае верхнюю частку стала, каб ён быў замаскіраваны ўнутры яго.
Усталюйце Opacity копіі на 37% і выраўняйце адлюстраваную базу падстаўкі з рэальнай базай. Затым адрэгулюйце кропкі на якія адлюстроўваюцца ножкі падстаўкі так, каб яны супалі з рэальнымі ножками.
14. Стварыце фон
Знайдзіце тэкстуру ці малюнак, якія вам падабаюцца для задняй сцяны. Не турбуйцеся моцна аб колеры абранага вамі малюнка, паколькі вы можаце яго адрэгуляваць. Я выкарыстаў гэты бясплатны ўзор дрэва з калекцыі Далікатныя ўзоры.
Стварыце прастакутнік, які пакрывае большую частку фону (пакідаючы прастору для падлогі), а затым выкарыстайце Fill Tool, каб усталяваць яго заліванне на Bitmap і загрузіце тэкстуру ў адпаведнасці з вашымі перавагамі. Адрэгулюйце размяшчэнне кропкавых малюнкаў у адпаведнасці з вашымі перавагамі.
Дадайце некалькі Adjustment Layers, каб надаць фону колер і стыль, адпаведны вашай сцэне. Вы не хочаце, каб фон быў занадта яркім або меў занадта шмат дэталяў, так як гэта зменшыць вашу катану. На дадзены момант таксама павінна здацца занадта цёмным, так як мы хутка падымем святло, каб крыху асвятліць сітуацыю.
Я адкарэктаваў свой фон з Levels Adjustment, HSL Shift Adjustment, і Curves Adjustment. Я таксама дадаў чорны прастакутнік на ўсю сцяну і ўсталяваў яго Blend Mode на Multiply з Opacity 35% .
Зробім падлогу, выкрэсляючы прастакутнік, які вылучае шчыліну пад задняй сценкай. Надайце яму Linear Gradient, цёмны ззаду і светлы спераду, з шумам, каб стварыць падобную на дыван тэкстуру.
Зрабіце лакальнае асвятленне, абклаўшы тры павялічваючыхся эліпса адзін на аднаго. Запоўніце кожны з іх Elliptical Gradient белым колерам з абодвух канцоў, але 5% Opacity ў цэнтры і 0% Opacity звонку. Ссуньце Midpoint градыенту да прыкладна на 66%.
Злучыце тры эліпса ў групу і ўсталюйце групавы Blending Mode на Vivid Light і яго Opacity на 45%.
На пласт за лакальным асвятленнем, дадайце яшчэ адзін чорны прастакутнік на ўвесь фон, г. зн.на сцяну і падлогу, і ўсталюеце яго Blend Mode на Multiply і 45% Opacity, каб ён занавесіў усё, каб у катаны быў высокі ўзровень кантраснасці з фонам.
Нарэшце, дадайце вялікі эліпс вакол дакумента з дапамогай Elliptical Gradient, празрыстага ў сярэдзіне і цёмнага па краях, наладзьце яго, каб стварыць эфект віньеткі, то ёсць паступовага абескаляроўвання чорнага ў вуглах палатна.
Вы скончылі!
Выдатная праца, цяпер ваша частка катаны скончана!
Каб экспартаваць малюнак з дазволам 2x, проста выкарыстоўвайце функцыю экспарту JPEG па змаўчанні ў меню File> Export. Affinity Designer будзе ўключаць у сябе інфармацыю, якая вызначае DPI малюнка, таму, калі вы праглядзіце яго ў "Папярэднім праглядзе" на Mac, ён будзе адлюстроўвацца пры 1366 пк на 768 пк, негледзячы на ​​яго фактычны памер 2730 пк на 1536 пк.
Для экспарту з дазволам 1x, захавайце новую копію свайго дакумента. Затым змяніце параметры налады дакумента, каб DPI было з 144 да 72, а ў галіне Resample абярыце Bicubic. Затым вы можаце экспартаваць свой малюнак праз экспарт JPEG па змаўчанні, і яно будзе мець як фактычны памер, так і памер дысплея 1366 пк на 768 пк.
Альтэрнатыўным метадам з'яўляецца выбар экспартаванага і змененага памеру малюнка JPEG з дазволам 2x. Негледзячы на ​​выдатны вопыт работы з дызайнерскім працэсам працы ў Affinity Designer, я змог дамагчыся найлепшай якасці маштабавання для майго 1x малюнка, змяніўшы памер майго JPEG з дазволам 2x у Photoshop, а затым экспартаваць яго з дапамогай Resampling, усталяванага ў Bicubic Automatic. Я выявіў, што атрыманы малюнак мае меншую даўжыню і больш гладкія лініі.
Affinity Designer - дзіўны інструмент для вектарнага дызайну (з выкарыстаннем растравых інструментаў), і я спадзяюся, што вы выдатна папрацавалі з ім. Мне б хацелася ўбачыць вашыя версіі катаны, таму, калі ласка, раскажыце, што вы стварылі, у каментарах ніжэй!