Рисуване на герой във Photoshop. Урок за рисуване на герои във Photoshop
Предговор
Този урок се роди от еуфорията от моята покупка на таблет Wacom Intuos5 Medium. Това е таблет с ~ A5 работна повърхност и запис на натиск на писалката и чувствителност на наклон. 2048 нива на налягане и 60 градуса наклон. Пропорциите са 16:10. Това е широкоекранен, който пасва идеално на моя монитор. Тези, които имат монитор 4: 3, ще трябва да отрежат част от активната зона на таблета в настройките, за да запазят правилните пропорции.
Можете да си представите каква буря от емоции изпитах относно придобиването. Защото преди този таблет работих върху стар Bamboo, който беше закупен, ако не ме лъже паметта, през 2007-2008 г., а може би и по-рано. И няма да лъжа, тогава дори не използвах пръстен за докосване. Защото беше ужасна по чувствителност и не разбра, когато се опитах например да увелича картината, като прокарах пръст по нея. Работеше всеки друг път, ако не и по-рядко. Но аз обичах таблета си от Wacom и не исках да се разделя с него.
Имах и радост, защото имах "удоволствието" да работя на други таблети, дори не искам да пиша компании. Ужас, ужас. Да се върна към времето, когато взех Intuos. Настроих го и се потопих в света на професионалното оборудване. Е, какво да ви кажа приятели, другари?! Прочетете по-долу, ще опиша всичко. И все пак аз - не професионален художник... Искам да кажа, не съм го научил. Самоук и може да направи нещо нередно. Не бъдете твърде придирчиви.
Урокът е предназначен за хора, които имат минимално разбиране за това как Photoshop четките и къде е гумичката, няма да показвам никакви супер техники. Просто ще ви покажа етапите на създаване на герои.
Част 1. Скица:
Да вземем като аксиома, че първоначално вече знаем в каква перспектива и какъв размер ще бъде нашият герой. И имайте предвид, приятели, че може да бъдете помолени да проектирате десетки такива герои. Ще разгледаме само един. В противен случай ще отнеме много време.
Винаги започвам разработването на герои или анимацията със скица. Това е задължително, особено ако проектът не е ваш, но работите за някой друг. Клиентът трябва да разбере дали сте схванали смисъла на неговата идея или все още трябва да изработите детайлите и да коригирате ъгъла.
Ще направим с вас герой за хипотетична игра на случаен фантастичен план. Герой в стил като чиби. С известни свободи.
Първо, нека нарисуваме заготовка като тази. Мисля, че няма да е трудно да нарисувате такъв чуб. Ако все пак възникнат някакви трудности, на някакъв етап. Използвайте някоя от скиците по-долу като основа. И опитайте, опитайте. Това е единственият начин да постигнете нещо.
След това правим по-подробна скица и още един малък трик, който използвам за бъдеща анимация. Веднага нарязах героя на отделни части, вижте фиг. 2. Само аз правя това, ако първоначално е известно, че играта ще бъде направена в растерна графика, а не преведена във векторна графика.
Как изглеждат слоевете. Не забравяйте да ги наименувате.
Това е просто празно място, което не ни казва нищо. Нито за характера на героя, нито каква класа представлява. Ще приемем, че имаме Tech. Възлагане. главен геройвойн. Защото по-лесно е за анимиране и няма специални ефекти. Боецът е по-лесен за нас за разглеждане за по-лесно разбиране на основните стъпки.
Нека да разберем какво лице може да има един герой и неговият шлем. Защото обикновено не можете да нарисувате шлема отделно, освен ако не трябва да бъде анимиран или шапката трябва да се смени по време на играта. И ние с вас ще изхождаме от факта, че нашата каска ще бъде анимирана заедно с главата.
Помним, че според техническото ни задание ще имаме растерна графика. Това ни дава възможност да направим по-фино изобразяване на детайлите. И за себе си на този етап създавам BLENDING LAYER, където се намира цялото засенчване. Слой, който е отделен от пътя. Така че по-късно да не пречи на боядисването на обекта. За да стане по-ясно как се оказва моят герой. И честно казано е по-лесно да се одобри с клиента. Защото не много хора могат да си представят прасе със сенки, но тук всичко изглежда по-красиво за очите. ;)
Нека да си починем малко от главния герой и да припомним, че в предговора написах, че съм закупил Intuos5 Medium и имам няколко думи какво да кажа за този инструмент. Точно това усещате, когато работите върху малки детайли и засенчване.
Когато работех върху стар таблет, при голямо увеличение на картината, беше ясно, че писалката удря грешен пиксел, към който се насочвах. Но с годините толкова свикнах с тази малка неточност, че вече не я забелязвах. И сега, в същия мащаб, където и да маркирам, писалката винаги стига там, където трябва, пиксел по пиксел. Първоначално дори ми създаде известен дискомфорт. Свикнал съм с неточности.
Сега това е толкова райско усещане за контрол върху рисунката, че е трудно да се предаде с думи и се обяснява с такава характеристика на таблета като разделителната способност, която в Intuos5 е 5080 линии на инч, а в стария Bamboo беше 2 пъти по-ниска - 2540 lpi.
Връщаме се към героя. Нарисувах шлейф на гърба на шлема, който също ще отрежа по-късно за анимация. Това ще създаде по-интересни възможности за движение.
Ако нарисувам герой за играта, се опитвам да избягвам остри ъглив графиката, тъй като меките линии не предизвикват агресия и отхвърляне на изображението от потребителя. И ние не рисуваме предмет на изкуството и хората ще гледат нашия герой повече от една минута, а не пет, ако имаме късмет, то с часове. И човек не трябва да има отрицателни впечатления от своето Алтер его.
За да ви е удобно да работите с увеличеното изображение, можете да създадете прозорец, който ще показва миниатюрно копие на вашия работен лист. Отиваме в прозореца à подреди à нов прозорец за ... (името на вашия документ). На английски не помня как се казват артикулите. Но те се намират на едно и също място, виж фиг.5
В резултат на това работещите ми прозорци изглеждат така. Рисувам в центъра, а миниатюрно копие на героя виси горе вдясно.
В резултат на това вие и аз трябва да получим нещо като този шаблон на нашия герой.
Както можете да видите, ние продължаваме да рисуваме върху изрязаните части, а не върху един слой. Разбира се, можете да го направите на един, но след това, ако трябва да го анимирате. Все пак ще изрежете картината и ще завършите липсващата.
Част 2. Настройки за цвят и таблет.
Ще започна тази част, като обясня как настроих таблета си. Вероятно има по-удобни оформления. Направих го за себе си. Intuos5 Medium може да се персонализира с 8 експресни клавиша и сензорен пръстен. В свойствата на вашия таблет Wacom можете да зададете настройките за всяко приложение поотделно. Много е удобно. Първото нещо, което направих, беше да настроих Photoshop и chrome)))). Ще ви покажа настройките на магазина.
Върху сензорния пръстен поставих увеличението и отдалечаването на четката. На пръстена могат да бъдат окачени четири действия. Но аз отмених две. Може би ще добавя нещо по-късно.
Как започва украсяването на нашия характер? Това е изборът на оптималния цвят.
Направих два комплекта цветове. Понякога трябва да направите много комплекти. Защото задачата е размазана. И трябва да гледаш. Ще разгледаме два варианта. Светъл характер и тъмен.
Не е страшно, че е боядисан нескопосано. Основното нещо е да покажете комплектите и да изберете цвят. За нашия урок избирам по-тъмния герой от фигура 10. Защото Мисля, че шарките на бронята могат да се покажат по-ярко върху нея.
Когато започвате да боядисвате, първо запълнете всичко с основния цвят. И изберете пътя, т.к малкият човек ще бъде малък в играта и не трябва да се слива в обстановката. И на етапа на боядисване ще отделя шлейфа от шлема (опашката е червена). Защото не съм правил това по-рано.
Символ, очертан път и коригирани извити линии.
Когато започнете да рисувате, първо подредете цветовете без сянка и светлина.
Послеслов
В обобщение на урока мога да кажа, че някой ще рисува по-добре, някой малко по-зле. Някой обикновено прави характерите си по различен начин. Както си спомняте, започнах урока си, за да разкажа малко за таблета, на който сега работя. Надявам се, че сте пренесли поне частица от моята радост, ако е така, тогава се зарадвах много. И разбира се исках да покажа на заинтересованите от темата как създавам чиби герои.
Колко време бих прекарал в рисуване на детайли, очертания и сенки без точна и чувствителна на натиск писалка за таблет, страх ме е да си представя. Прекарах два дни за този герой. И това е, защото пишех урок.
В следващия урок ще ви покажа как да анимирате нашия герой във Flash. А ти домашна работа... Извадете меч за този герой. Или брадва. Защото Ще използвам оръжието в анимацията. Добри дни. И довиждане!
Популярният художник Аарон Блейз обяснява как да рисувате динамични герои във Photoshop, използвайки традиционното мислене.
В този урок Аарон Блейз ще обясни как създава реалистични герои и как използва различни препратки в процеса.
1. Създайте скица
Попълнете документа в сиво, което ще ви позволи по-точно да поставите светли и тъмни акценти. Създайте нов слой върху сивия фон и го наречете груба скица. На този етап рисуваме свободно, без да се зацикляме на детайлите. Очертаваме основните пропорции и черти на характера.
2. Детайлизиране на скицата
Намалете непрозрачността на скицата до около 30% и създайте нов слой, наречен Improved Sketch. Сега рисуваме детайли - например бръчки, гънки, нос.
Този етап е много важен, тъй като получената скица ще бъде проба (шаблон) за по-нататъшния процес на рисуване.
3. Нанесете основните цветове
Основният цвят е този, който нашият герой има първоначално, без да го засяга със светлина или сянка. Създайте нов слой под слоевете със снимката и го наречете Цвят на преден план. На този етап авторът използва голяма четка, която наподобява естествена четка. Авторът започва със зелено, тъй като той е доминиращият цвят. Ние небрежно прилагаме зелено върху героя.
След това добавете други цветове за разнообразие. На този етап можете също да работите бързо, ясно и без да мислите за детайлите. Време е за експерименти! Получената рисунка ще бъде основа за по-нататъшно оцветяване.
4. Създайте първия слой сянка
Създайте нов слой върху всички останали, наречете го Shadows. Задайте режима на смесване на Умножение. Това ще позволи цветът на преден план да се вижда през слоя сянка. Започнете да рисувате сенки с избрания студен среден тон.
Можете също да направите всичко бързо на този етап, но бъдете внимателни.
5. Начертайте директно осветление
След това създайте нов слой върху останалите и го наречете Direct Lighting. Много е важно да запомните температурата на цветята на този етап. Авторът използва студ неутрален цвятза сенки, но за акценти, по-топли, по-чисти цветове.
Започваме да рисуваме в по-светлите зони, където светлината пада върху героя. За това използваме топли зелени и жълти. Виждаме, че нашият характер вече започва да се оформя!
6. Определете отразената светлина
Създайте нов слой под слоя Direct Lighting и го наречете Reflected Light, след което изберете цвят, който е малко по-топъл и по-ярък от околния цвят на сянка.
Ключовият фактор тук е предпазливостта и изтънчеността: рисувайте спретнато.
7. Маркиране на светлинните сигнали
Създайте нов слой и го наречете Highlights. Отворете инструмента за избор на цветове, изберете светъл цвят и значително увеличете яркостта му. След това рисуваме акцентите директно където е необходимо. Авторът също така добавя блясък около ръбовете и по-дълбоки сенки.
8. Създайте есенен фон
След това създайте нов слой под всички останали слоеве и го наречете фон. С помощта на естествена четка започнете да скицирате много бързо задният фон"Есенни" цветове, които контрастират благоприятно със зеления характер.
Начертайте фона в по-тъмни нюанси, за да изпъкнете по-добре героят. След това натиснете Filter> Blur> Gaussian Blur и задайте размазването на 25 пиксела.
9. Използване на препратки към снимки
Текстурата на слонската кожа ще ви помогне да създадете хладна кожа за нашия характер! Изберете малък участък с инструмента Ласо, плъзнете го към нашата илюстрация и намалете непрозрачността до 30%. След това щракнете върху Изображение - Корекция - Експозиция (Image> Adjustments> Exposure), увеличете стойността на гамата и коригирайте стойността на експозицията, за да увеличите контраста. По този начин коригирайте тези настройки заедно с нивото на непрозрачност, докато текстурата се впише идеално в нашия чертеж.
10. Задайте текстурата на нашия герой
След това отидете на Редактиране - Безплатна трансформация (Редактиране> Безплатна трансформация), променете размера на текстурата и след това изберете Редактиране - Трансформиране - Кривина (Редактиране> Трансформиране> Изкривяване). Сега можем да оформим текстурата, така че да пасне във формата си на нашия характер.
11. Добавете акценти към текстури
В края на този етап текстурата трябва да изглежда като част от героя, тоест да се слее напълно с него. Създайте нов слой върху всички останали и го наречете Texture Highlights. След това избираме изящен тънка четкаи започнете да рисувате акценти върху текстурите, където светлината удря.
12. Начертайте петна по кожата на героя
Създайте слой под слоя "Highlights on textures" и го наречете "Spots". Задайте този слой на Multiply Blending Mode.
Сега, като използвате средните тонове на зелените и червените, внимателно започнете да рисувате петна и ивици по кожата на героя. Това ще го направи по-интересно и също така ще помогне да се определи формата на тялото.
13. Начертайте елементите на преден план
Създайте нов слой върху останалите и започнете да рисувате свободно листата и клоните на преден план. И тъй като всичко това ще бъде замъглено, няма нужда да рисувате усърдно всички детайли. Въпреки това, авторът внимателно създава тези елементи, използвайки множество слоеве.
Когато нарисуваме всичко, обединете всички слоеве и отидете на Filter - Blur - Gaussian Blur. Задайте размазването на 35 пиксела. Това ще даде на изображението приятна дълбочина.
14. Финални щрихи
Копирайте всички слоеве с героя и ги обединете в един слой. След това правим всички оригинални отделни слоеве невидими. Изберете инструмента Blur и настройката Airbrush, задайте го на около 300px и 50%.
Сега започваме да размазваме тези области на слоевете с героя, който искаме да направим извън фокус. Това се прави, за да се привлече зрителя към основната част на рисунката - в този случай лицето на героя. Освен това ще придаде на рисунката един вид фотографски вид. Накрая изравнете изображението и коригирайте експозицията и наситеността, за да направите рисунката да изглежда ярка и красива.
05/05/16 12.5KВ тази статия ще ви покажа как да създадете няколко различни спрайта на играта във Photoshop CC / CS6. За това използваме пикселно изкуство:
Предпочитания за Photoshop
1. Създайте нов квадратен документ със страни между 20 и 100 пиксела ( в зависимост от това колко голям е спрайтът). Ще работя с платно 50 x 50 px:
- Ширина: 50 пиксела;
- Височина: 50 пиксела;
- Резолюция: 72 dpi;
- Цветен режим: RGB (8-битов);
- Фоново съдържание: Прозрачно.
Фигура 1: Нов файл във Photoshop 50 x 50 px
Фигура 2: Ново празно платно във Photoshop 50 x 50 px
2. Нека продължим нашия урок по пикселно изкуство. Изберете инструмента Молив ( в падащото меню Brush tool) и задайте размера на четката на 1 пиксел. Изберете инструмента Eraser и задайте размера на 1 пиксел, Режим - Молив:
Фигура 3: Инструментът Молив е в падащото меню Brush tool
Фигура 4: Преоразмерете инструмента Молив с 1 пиксел
Фигура 5: Променете настройките за инструмента Eraser
3. За да покажем къде ще бъдат разположени пикселите на графиката върху платното, ще включим мрежата. В гл Редактиране> Предпочитания> Ръководства, мрежата и резените регулират настройките на мрежата. Задайте мрежата да показва всеки пиксел ( деление - 1 пиксел). Щракнете върху " Добре„И след това включете решетката, за да можете да я видите. Отидете на Покажи> Покажи> Решетка:
Фигура 6: Конфигуриране на настройките на мрежата
Фигура 7: Настройте мрежата да показва всеки пиксел
Фигура 8: Включете решетката
4. Друга промяна, върнете се към Настройки> Общии променете интерполацията на изображението на " Съседни (поддържа остри ръбове)»:
Фигура 9: Промяна на интерполацията на изображението на "По съседни пиксели"
Сега всичко е готово, за да можем да започнем да създаваме пикселно изкуство!
Създаване на герои
Ще започнем със създаване на спрайт от един символ.
1. Да започнем с файла с размери 50 x 50 px, който създадохме. Ще добавя фонов слой с плътен цвят. След това ще можем да видим мрежата.
В долната част на палитрата със слоеве щракнете върху иконата, която изглежда като полузапълнен кръг. Изберете опцията Цвят и дайте на новия слой неутрален цвят на запълване:
Фигура 10: Прекият път за добавяне на нов униформен слой е в менюто в долната част на палитрата на слоевете
2. Добавете нов прозрачен слой върху този слой за запълване с цвят. Отидете на Слой> Нов> Слойили просто щракнете върху иконата на сгънат лист в менюто в долната част на палитрата със слоеве.
3. Нека създадем тялото на нашия герой. Нека изберем основния цвят на кожата. Използвам цвят # f2cb9f:
Фигура 11: Избор на основен цвят на кожата
4. Използвайки инструмента Молив, нарисувайте тялото на игровия герой с пикселно изкуство. Искам да запазя тялото възможно най-просто и след това да го настроя в края. Ще добавим повече подробности, когато създадем основната форма.
Съвет: За всеки нов елемент добавете допълнителен слой, за да можете да се върнете по-късно и да коригирате.
Съвет: Ако искате да създадете права линия, щракнете веднъж на мястото, където искате да я започнете, след което задръжте клавиша Shift и щракнете върху мястото, където искате да завършите линията. Photoshop автоматично ще създаде права линия между двете точки.
Можете да създадете тялото, както желаете. Ето как го направих:
- Кликнете веднъж върху платното с молив 15px, за да създадете главата;
- Създайте триъгълник ( надолу), това ще бъде сандъкът и начертайте врата върху него ( с помощта на молив с размер 3 пиксела);
- Създайте торса, като използвате друг триъгълник ( нагоре) под триъгълника на гърдите;
- Начертайте крака от долната част на триъгълника на торса;
- Поставете "точки" на тези места, където ръцете ще завършат. Едната от ръцете на героя ще бъде вдигната нагоре, а другата ще бъде спусната. Задръжте натиснат клавиша Shift и щракнете върху ръба на рамото, за да свържете рамото и края на ръката;
- Добавете ръцете и краката на героя на играта с пикселно изкуство;
- Сега можете да добавите или изтриете някои пиксели, за да коригирате формата на тялото. Добавих малко повече обем в краката, за да направя шията и тялото по-дебели и заоблих малко раменете.
Фигура 12: Редът на създаване на частите на тялото, като се започне от главата
5. Сега ще добавим дрехи, коса и лице. Използвайте основната си форма на тялото като шаблон, за да създадете дрехите си. Искам да добавя шест нови слоя за риза, панталони, обувки, коса, лице и малки детайли:
Фигура 13: Добавяне на подробности за героите, като се започне с ризата
Фигура 14: В крайна сметка получих един слой за запълване с цвят, един плътен слой и шест детайлни слоя.
6. Photoshop файл, какъвто е в момента.
7. В този момент от урока по пикселно изкуство нашият човек вече може да се нарече завършен, но искам да добавя повече дълбочина с помощта на светлина и сянка.
Допълнителна стъпка, добавяне на сенки:
Създайте сплескано копие на всички слоеве. За да направите това, изключете видимостта на слоя за запълване с цвят ( щракнете върху иконата на окото вляво от миниатюрата на слоя), след което натиснете Command-Option-Shift-E (Mac) или Ctrl-Alt-Shift-E (PC). Това автоматично ще създаде сплескано копие на всички видими слоеве върху останалата част от стека от слоеве.
Сега предлагам да поставите слоевете в отделна папка и да изключите видимостта му. За бързо групиране на слоеве, изберете ги и щракнете върху тях, след което натиснете Ctrl / Option -G:
Фигура 15: Натиснете Command-Option-Shift-E (Mac) или Ctrl-Alt-Shift-E (PC), за да създадете сплескано копие
Фигура 16: Групирайте неизползваните слоеве в папка. Също така включих отново видимостта на слоя за запълване.
8. Добавете нов слой и променете неговия режим на смесване. Режимът на смесване може да се зададе с помощта на падащото меню в горната част на палитрата на слоевете, вляво от параметъра за непрозрачност. По подразбиране в тази програма за пикселна графика е зададено на "Нормално".
Искам да избера режима на смесване "Мека светлина", защото ще потъмнее добре цветовете, които използвах за героя. С избран нов слой ( ще го нарека "засенчване"), докато задържате клавиша Alt, щракнете върху слоя, разположен по-долу ( сплескан слой със символи), за да създадете маска. По този начин, каквото и да рисувате върху слоя „Засенчване“ ще се вижда в маската на слоя „Характер“:
Фигура 17: Режим на смесване с мека светлина
9. Начертайте областите на слоя "Засенчване" с черен молив. С текущия режим на смесване черното ще потъмнее цвета отдолу. Червеното на ризата ще стане тъмночервено, зелената коса ще стане тъмнозелена и т.н.
Съвет: Ако засенчването е твърде грубо, променете режима на смесване или непрозрачността на слоя. Ако искате да добавите повече нюанси към сенчестите цветове, създайте нови слоеве „Засенчване“ с различна непрозрачност.
В крайна сметка получих два слоя сенки, първият с непрозрачност 25%, а вторият с непрозрачност 45%:
Фигура 18: Добавяне на дълбочина с допълнителни слоеве за сянка
10. Ако искате да добавите акценти, създайте нов слой “Highlighting” по същия начин, както добавихме слоя “Shading”, просто задайте режима на смесване на “Overlay” и използвайте бял молив.
11. След като сте доволни от вида на вашия 8-битов символ, е време да запишете окончателния спрайт в PNG файл. Но първо трябва да изрежем платното, така че да приляга плътно към героя на играта с пикселно изкуство и да не съдържа допълнително пространство около ръбовете. Това ще ни позволи да намалим размера на файла. Изключете видимостта на слоя с цветно запълване и след това отидете на Изображение> Подрязванеи задайте „Въз основа“ на „ Прозрачни пиксели". Щракнете върху бутона OK.
В този урок ще ви покажа как да създадете анимационен герой във Photoshop. Да започваме!
Изходни материали
Следните активи бяха използвани в този урок:
Етап 1
Когато създавате герои, започнете механично да скицирате бъдещия герой, за да намерите формата и пропорциите, това е добър начин да получите нещо интересно и добър старт за създаване на основа за това какво ще бъде окончателното творение.
Стъпка 2
След като идеята е ясна, нека започваме. Създайте нов документ, запълнете този документ с ярко оранжев цвят, аз обикновено започвам със създаване на очи, за мен те са център на вниманието на героя, които отразяват специалните черти на характера на собственика си и защо са асиметрични? Отговорът на този въпрос е само лично предпочитание; Предпочитам да рисувам очите на героите си по този начин. Ето защо, първо начертайте два кръга с помощта на инструмента Elliptical Marquee Tool (M), за това създайте нов слой, наименувайте този слой "Eye Base" и запълнете основата за очите с бяло, след това приложете Layer Style, опцията Drop Shadow, като показано на екранната снимка по-долу.
Стъпка 3
След това нека създадем ириса на очите, за да спестим време, ще създадем един ирис за едното око и след това ще го копираме и поставим на другото око. В средата на белия кръг създайте кръгла селекция с инструмента Elliptical Marquee Tool (M), за това създайте нов слой, наименувайте този слой „Десен ирис“ и след това запълнете ириса със светлосини очи, създайте нов слой , наименувайте този слой “Iris Shadow”, променете режима на смесване за този слой на Overlay, непрозрачността на слоя е 100%, и след това приложете градиент от черно към прозрачен, както е показано на екранната снимка по-долу.
Стъпка 4
За текстурата на ириса трябва да създадете специална четка, която ще бъде полезна в бъдеще при създаването на косата на героя. Скрийте видимостта на предишните слоеве, които създадохме преди, след това създайте нов слой и с помощта на Pen Tool (P) създайте вертикална линия, а след това с помощта на Convert Point Tool, създайте крива на линията, както е показано на екранната снимка по-долу След това в палитрата Предварителни настройки на четките изберете четката Flat Point Medium Stiff, след това щракнете с десния бутон върху слоя, за да отворите контекстното меню, в менюто, което се показва, изберете опцията Stroke the path (Stroke Path), в прозореца, който се появи, поставете отметка в квадратчето Simulate Pressure, играйте с размера на четката, за да получите тънка линия със замъглени краища. След това отидете на Редактиране - Дефиниране на четка (Редактиране> Дефиниране на предварителна настройка на четката) и запазете създадената четка, наименувайте четката като четка за създаване на въси или можете да назовете четката по различен начин. в стандартен набор от четки Програми за Photoshopверсии 5 и 6.
Стъпка 5
След като създадохме четката, е време да я персонализираме. Отидете в раздела Настройки на четката (F5) и в опцията Форма на върха на четката, преместете плъзгача Разстояние и в опцията Shape Dynamics настройте контролите, както е показано на екранната снимка по-долу, играйте с тези настройки, опитайте да тествате четката, докато получавате желания стил, идеята е да нарисувате текстура на ирис, подобна на лъч. Създайте нов слой, наименувайте този слой "Iris texture" и поставете този слой под слоя "Iris shadow" , променете режима на смесване за този слой до Мека светлина (Soft Light), непрозрачност на слоя 100%, изберете черно и боядисайте шаблона на текстурата, след това използвайте инструмента Smudge Tool, за да промените леко линиите, така че да не изглеждат стандартни.
Стъпка 6
Повторете същата операция, която направихте по-рано, но този път с бяло. Създайте нов слой, наречете този слой „Бял кръг с текстура на ириса“, променете режима за този слой на Мека светлина (Мека светлина), непрозрачност на слоя 100%. Искаме да изсветлим зоната срещу сянката, така че използваме Layer Mask, за да скрием горния десен ъгъл на слоя.
По правило ирисът е по-тъмен по ръба. Създайте нов слой. Наименувайте този слой "Iris Stroke", променете режима на смесване за този слой на Multiply, непрозрачност на слоя 60%, използвайте Wand Tool (W), за да създадете селекция около ириса, след това отидете на Edit - Stroke (Edit> Stroke), изберете позиция спрямо границата вътре (местоположение отвътре), задайте ширината на щриха на 4 пиксела, след това използвайте инструмента за размазване, за да размажете малко щрихът, за да съответства по-добре на текстурата.
Стъпка 7
Ирисът все още се нуждае от малко работа, за да изглежда по-изпъкнал, дублирайте слоя Iris Shadow. Променете режима на смесване на дублиращия се слой на Multiply, непрозрачността на слоя е 90%, сега имаме по-изпъкнал ирис.
Така че е време да създадете някои акценти върху ириса. Създайте нов слой, наречете този слой „Highlight 1 ″, променете режима на смесване за този слой на Luminosity, непрозрачност на слоя 100%. След това върху този слой нарисувайте бял кръгъл ръб под формата на пръстен с диаметър, по-малък от диаметъра на ириса, за това използвайте мека кръгла четка с ниска непрозрачност. След това създайте друг слой „Highlight 2 ″, променете режима на смесване за този слой на Lighten, непрозрачност на слоя 57%, увеличете акцента в долната част на ириса с допълнителни бели щрихи и използвайте инструмента Smudge Tool), за да симулирате ириса повърхност.
Стъпка 8
След това скицирайте зеницата. Създайте нов слой и го наречете „Зеница“. Начертайте черна точка в центъра на ириса, след това размажете краищата на зеницата с инструмента Smudge Tool. Сега ще добавим отражение върху ретината на окото, ще създадем нов слой, наречем този слой „Отражение върху ретината“. Начертайте бяло петно в горния десен ъгъл, размажете малко краищата с инструмента Smudge Tool. За да симулирате отражение, също с помощта на четка и пръста си, рисувайте и размазвайте сини и оранжеви отблясъци в долния ляв ъгъл, за да създадете отражения от синята светлина и заобикалящата червена коса върху героя.
На всички отразяващи повърхности има силен контраст между светлина и сянка и за да постигнете това, създайте нов слой, наречете този слой "Retina Shadow". Режим на смесване за този слой Normal (Normal), непрозрачност на слоя 60%, поставете този слой под всички слоеве с ирис и зеница. На този слой нарисувайте черен до прозрачен градиент в долната част, точно обратното на светлината. Накрая, след като създадете отразяващите светли точки, създайте нов слой, наречете този слой "Оранжев оттенък". Променете режима на смесване за този слой на Умножение (Умножение), непрозрачност на слоя 30%. Направете избор на око и попълнете активната селекция оранжево, фоновият цвят, поради това повърхността на окото ще отразява цвета на козината около очите. Бележка на преводача: в последната стъпка авторът създава цвета на очната ябълка с помощта на оранжев нюанс. Слой "Оранжев оттенък", авторът поставя под слоя "Сянка на ретината".
Стъпка 9
Последният ефект ще бъде отражението на хоризонта върху повърхността на окото, за това създайте нов слой, наречете този слой „Horizon Reflection“. Променете режима на смесване за този слой на Мека светлина (Мека светлина), непрозрачност на слоя 20%, като използвате черен цвят, нарисувайте извита линия в средата на окото, запълнете с черен цвят областта под тази линия и след това използвайте слой маска, скрийте излишните зони, които бяха нарисувани извън границата на ириса.
Стъпка 10
Обединете в един слой всички видими слоеве, които са били използвани за създаване на окото, с изключение на слоя "Основа на очите", наименувайте обединения слой "Дясно око", дублирайте го, наименувайте дублиращия се слой "Ляво око". Отидете на Редактиране - Трансформиране - Мащабиране (Редактиране> Трансформиране> Мащаб), за да мащабирате лявото око, след това, като използвате инструмента за преместване (V), преместете лявото око на подходящото място. Обединете слоевете с очите.
Стъпка 11
Очите са готови, време е да започнете да създавате торса. Създайте нов слой върху оранжевия фонов слой.
Изберете мека кръгла четка с черен цвят и използвайте тази четка, за да започнете да рисувате формата на тялото, не е нужно да сте прецизни, просто очертайте очертанията на основните форми. След това отидете на Filter> Liquify и използвайте Forward Warp Tool (W), за да придадете на създадените форми като ръце, крака, бузи, глава по-подробен вид. Можете да видите, че авторът временно е изключил видимостта на оранжевото слой, така че да можете ясно да видите къде е нанесъл четката 2. Наименувайте този слой “Torso base”.
Стъпка 12
След това ще добавим детайли около ръба на контура на тялото, за това първо използваме инструмента Smudge Tool и след това твърда кръгла четка. Започнете с големи кичури коса, като постепенно променяте размера на четката по време на процеса, за да получите най-добрия резултат, колкото по-случайно правите това, толкова по-реалистично ще изглежда козината на героя. Също така променете посоката и ъгъла на щрихите, докато създавате детайлите.
В следващата стъпка използвайте четка с размери 14px, тази четка ще даде по-накъсан ефект; също така променяйте размера и ъгъла на четката за страхотни резултати. След като използвате Finger Tool, използвайте малка четка, за да създадете фини косми, така че да са леко накъдрени.
Стъпка 13
След това ще нарисуваме веждите. Създайте нов слой, наречете този слой "Brows", като поставете този слой върху слоя с очите. Използвайки инструмента Rectangular Marquee Tool (M), създайте правоъгълна селекция над очите. Запълнете тази селекция с оранжево, цвета на тялото и след това приложете стила на слоя (Layer Style), опцията Shadow (Drop Shadow) и приложете настройките, показани на екранната снимка по-долу, използвайте инструмента Finger Tool 14px и Splatter Brush отново, за да създадете космите на веждите, тъй като сме приложили сянка към слоя, всеки удар, който прилагаме, ще проектира своя собствена сянка, което ще ни даде дълбочина ефект.. в опцията Сянка можете да използвате тъмнокафяв нюанс #683506.2.авторът първо рисува космите за веждата с помощта на твърда кръгла четка, цветът на четката е един от нюансите на тъмно кафяво, играйте с непрозрачност на четката, можете да използвате стойността на непрозрачност 75 % и след това да размиете правоъгълната оранжева селекция с Finger Tool, докато космите ни ще създадат сянка, която ще им придаде ефект на дълбочина.
Стъпка 14
Използвайки текстурата на козината, която можете да изтеглите от връзката в началото на този урок, ще създадем основа за козина за нашия герой. Използвайки инструмента Polygonal Lasso Tool, изберете областите на козината върху текстурата, след това ги копирайте и поставете в нашия работен документ (всяка зона на козината на отделен слой), веднага щом позиционирате зоната на козината върху нов слой, използвайте move или завъртете в съответствие с посоката на косъма на вълната, стрелките на екранната снимка показват къде трябва да бъде насочена косата на главата, по тялото. В някои случаи е необходимо да използвате Warp Transform Tool, за да коригирате посоката на косъма в козината.
След това, с помощта на маски за слоеве, скрийте нежеланите или излишните участъци от козината, като същевременно запазите малки зони в ставите, избягвайки появата на празнини, където няма текстура.
Стъпка 15
След това ще обединим козината, първо задайте режима на смесване на всички слоеве на Multiply, Opacity 100%. Върху слоевата маска на всеки слой, използвайте Finger Tool и 14px Splatter Brush, за да смесите съседната козина. Спазвайте посоката на козината, за да избегнете резки преходи между участъците от козината. Задаването на сила за всеки удар през целия процес ще ви помогне да постигнете най-добри резултати. Не забравяйте, че ние не рисуваме върху прехода между областите на козината, ние просто обработваме зоните върху маската на слоя, използвайки прозрачността на маската на слоя, следователно върху маската на слоя използваме черни или бели четки, за да скриване на излишните зони или отмяна на действие.
След като цялата козина е подравнена, обединете всички слоеве. Променете режима на смесване за обединения слой на Multiply, след което отидете на Filter> Sharpen> Smart Sharpen и приложете изостряне от 50%.
Стъпка 16
Трябва да нарисуваме уста, за да придадем изразителност на нашия характер. Създайте нов слой и го наречете "Уста". Променете режима на смесване за този слой на Умножение (Умножение), непрозрачност на слоя 100%. Вземете твърда кръгла четка, задайте размера на около 3 px и повече, начертайте линия за устата и след това леко използвайте Finger Tool, за да симулирате косата около нея. Тялото на нашия герой все още няма форма, за да коригирате това, създайте два нови слоя, задайте режим на смесване и непрозрачност, както е показано на екранната снимка по-долу. Това, което ще направим, е да нарисуваме сенки, за да придадем формата на тялото, такива части на тялото като лапи, брадичка, очни кухини и т.н., за това използваме черен цвят, а също така си играем с непрозрачността на слоя.
Стъпка 17
В тази стъпка ще добавим странична синя светлина, която ще обогати нашата цветова палитра. Създайте нов слой и го наречете „Синя светлина“. Променете режима на смесване за този слой на Цвят, непрозрачността на слоя е 100%. Изберете мека кръгла четка и щрихи на четката от лявата страна на нашия герой, след това използвайте Finger Tool и 14px Splatter Brush, за да рисувате върху щрихите, за да смесите страничната светлина с текстурата на козината.
Стъпка 18
Сега започва етапът, където допълнително ще подрежем зоните с козина върху основната основа на козината, която създадохме от истинската текстура на козината. Изберете четката, която създадохме в стъпка 4 и отидете в раздела Четки (F5), където трябва да играем с различни настройки за опцията Форма на върха на четката. За създаване на косми, козината ще варира в зависимост от частта на тялото, космите ще бъдат по-къса или по-дълга. Друга опция е да регулирате ъгъла, тази опция е необходима, за да регулирате позицията на космите в желаната посока според посоката на козината в стъпка 14. И накрая, опцията Разстояние ще се използва за регулиране на разстояние между космите, в открити зони като корема, космите ще бъдат по-разпръснати, докато по бузите, напротив, ще бъдат близо една до друга.
Стъпка 19
С опцията Shape Dynamics можем да имаме по-голям контрол върху посоката на козината, като коригираме стойността на Angle Jitter, можем да създадем разрошено палто, а чрез регулиране на опцията Roundness Jitter козината ще бъде вълнообразна. Е, нека се забавляваме, създавайки козината за нашия герой.
Стъпка 20
За да създадете козината, използвайте два нови слоя. Назовете един слой "Red Hair", върху който ще използваме оранжев цвят, който е по-светъл от цвета на торса. Наречете другия слой "Бяла вълна", върху който ще нарисуваме бяла козина. Режим на смесване и за двата слоя Normal (Normal), непрозрачност на слоя 100%. Бялото палто трябва да е върху червеното палто. Както можете да видите на екранната снимка по-долу, не се опитвайте да покриете целия торс с допълнителна козина, просто добавете малко козина в някои части на тялото, за да допълните повърхността на козината. Създайте допълнителен слой "Сянка под веждите", изберете по-тъмен нюанс на оранжево, за да нарисувате сенки в областта на веждите. Бележка на преводача: когато създавате сянка под веждите, можете да използвате същата четка, както при нанасяне на допълнителна козина.
Стъпка 21
За бялата нишка вълна, която се спуска от брадичката до гърдите, отново използвахме парче кожа с текстура. Използвайки инструмента Ласо (L) или инструмента Elliptical Marquee Tool (M), изберете нишката вълна, след това я копирайте и поставете върху нов слой. Наименувайте този слой "Бяла нишка", режимът на смесване за този слой е Нормален ( Нормално ), непрозрачност на слоя 75%. След това нанесете маска на слоя върху слоя с кичура вълна, за да скриете излишните зони на косата. След това ще придадем на кичура вълна бял нюанс, за това отидете на Изображение - Корекция - Нива ) и преместете десния плъзгач за изсветляване.
Стъпка 22
Направете космите малко къдрави, а също така направете някои леки корекции в посоката на космите с инструмента Smudge Tool, като използвате висока стойност на сила, добавете повече детайли към космите.
Стъпка 23
На този етап от урока реших да изсветля малко зоната под очите на нашия домашен любимец. За да направите това, създайте нов слой. Наименувайте този слой „Настройка на светлината“. Режим на смесване за този слой Normal (Normal), непрозрачност на слоя 25%, след това с четка с оранжев цвят, телесен цвят, обиколете очите.
Стъпка 24
Така че нека започнем да създаваме фона, трябва да слезем надолу в палитрата на слоевете. Създайте нов слой върху слоя "Torso base", именувайте този слой "Blue background", режим на смесване за този слой Normal (Normal), непрозрачност 35%. Изберете средни нюанси от син цвятСлед това, като използвате инструмента Gradient Tool (G) от синьо към прозрачно, плъзнете градиентната линия отгоре надолу. След това отидете на слоя "Torso base", за да създадете селекция на торса с помощта на Wand Tool (W), Приложете инверсия и без да премахвате активната селекция, отидете на слоя "Син фон" и добавете маска на слоя към този слой, за да изрежете контура на тялото на нашия домашен любимец на синия фон.
Стъпка 25
Създайте нов слой и го наречете „White Highlight“. Променете режима на смесване на този слой на Мека светлина (Непрозрачност 75%). След това копирайте и поставете маската на слоя, която създадохме в предишната стъпка, върху нашия нов слой, също със селекция от тялото на домашния любимец. След това изберете Brush Tool (B) с мека кръгла четка бяло... Начертайте достатъчно голямо бяло петно зад гърба на нашия домашен любимец, за да създадете бял акцент на фона. Бележка на преводача: за да копирате и поставите маска на слой на слой, просто задръжте клавиша Alt + и задръжте левия бутон на мишката върху маската на слоя на слоя, след което го плъзнете към нов слой. Слой - маската ще бъде автоматично копирана в нов слой.
Стъпка 26
За да създадем почвата, на която ще стои нашия домашен любимец, ще използваме текстурата на чакъла, която може да бъде изтеглена от връзката в началото на този урок. Преместете текстурата в нашия документ и наречете този слой „Земя“. Режим на смесване за този слой Normal (Normal), непрозрачност 100%. След това отидете Редактиране - Трансформиране - Перспектива (Редактиране> Трансформиране> Перспектива) и трансформирайте земната площ в съответствие с перспективата на героя. След това, като използвате инструмента Elliptical Marquee Tool (M), създайте овална селекция на земята, върху която ще стои нашия домашен любимец. След това, без да премахвате селекцията, отидете на Select> Refine Edge и приложете Feather Edge) 15 px, накрая приложете Маска на слоя За да скриете областите на текстурата, където тя припокрива краката на нашия домашен любимец, отидете на слоя "Torso Base" и използвайте Wand Tool (W), за да създадете селекцията на торса на домашния любимец, след това изберете инструмента Paint Bucket Tool ( G) и запълнете маската на слоя с черна маска, след което отидете на Редактиране - Запълнете и запълнете маската на слоя с черно, като щракнете върху миниизображението на маската на слоя предварително, за да се уверите, че маската на слоя е активна и по-нататък ще запълним маска на слоя, а не самият регион останете със земята.
Стъпка 27
За да балансирате околния цвят със земята, създайте нов слой, наречете този слой „Tint of Blue“. Променете режима на смесване на този слой на Цвят, непрозрачност 35%, след което запълнете този слой с цветния нюанс, който използвахме при създаването на градиента.
Стъпка 28
И накрая, трябва да създадем сянка от нашия герой, която ще бъде проектирана върху земята. Създайте нов слой и наименувайте този слой „Character Shadow“. Променете режима за този слой на Умножение (Умножение), непрозрачност на слоя 71%. Изберете инструмента Brush Tool (B), задайте мека кръгла четка с черен цвят и след това нарисувайте сянка.
Стъпка 29
Завършихме работата по създаването на нашия герой и фон, остава да добавим ефект на винетка, за това отидете на Filter> Lens Correction и приложете стойностите, показани на екранната снимка по-долу.
Стъпка 30
За да направите изображението малко по-рязко, отидете на Filter - Sharpen - Smart Sharpen (Filter> Sharpen> Smart Sharpen) и приложете следните настройки:
Заключение
За да завършите работата, обединете всички слоеве. Обикновено дублирам обединения слой и след това работя върху дубликат на оригиналния слой. След това направете малка корекция с помощта на нива, за това отидете на Изображение - Корекция - Нива (Image> Adjustments> Levels), за да увеличите контраста.
В този урок ще ви покажем как да използвате Illustrator и Photoshop, за да създавате герои от Boomrock Saints. Надявам се този урок да ви вдъхнови да използвате тази техника, за да развиете свой собствен стил на илюстрация. Опитайте се да създадете качествена скица от самото начало и ще се забавлявате много по-забавно, като я трансформирате от черно-бял в цветен герой. И така, да започнем!
Етап 1
Създайте нов документ 1600px x 1600px и изберете светъл градиент за фон. Добавете нов слой към вашия документ и започнете да скицирате вашите герои.
Когато използвам таблет, обикновено избирам стандартна 3px четка с цвят, малко по-тъмен от фона. За допълнително контролиране на налягането на копчето, поставям отметка в „Динамика на формата“.
Стъпка 2
Намалете "opacity" (opacity) до 50% и добавете два нови слоя - по един за всеки знак.
Използвайте тези нови слоеве, за да преминете към небрежните скицирани линии и да ги почистите малко, както и да добавите детайли. Бъдете внимателни и се опитайте да не смесвате слоевете, за да можете по-късно да промените позицията на знаците, ако е необходимо. Би било добра идея да ги наименувате като на изображенията по-горе. От този момент нататък героите започват да се оформят. Напълно нормално е всичко в чертежа да остане небрежно на този етап.
Стъпка 3
Добавете нов слой между първата "скица" и слоевете със символи и го наречете "цвят".
Използвайте този слой, за да експериментирате и грубо скицирайте груба скица на героите, като използвате избраната от вас цветова палитра. В случая групата искаше нещо в партизански стил, аз разбира се избрах цветове каки.
След това на око добавете осветление и потъмняване. Зададох основната светлина отляво на героите, за да увелича максимално осветяването на откритата кожа/дрехата. Частите, които са покрити, ще бъдат оставени „както са“ или засенчени, ако са зад друг елемент, като дясната страна на торса на Брайън, покрита от дясната му ръка. По същия начин по-голямата част от торса на Джош е засенчен от лявата страна, тъй като е закрит от Брайън, който е точно пред него.
Стъпка 4
Веднага щом сте доволни от резултата, можете да продължите към илюстрацията Adobe илюстраторза да изчистите очертанията. Скрийте всички слоеве с изключение на контура, запазете го като jpeg и го отворете в Illustrator. Откакто използвам таблета си, мога да работя по пътеки с писалка за таблет дори по-добре, отколкото с мишка. Тези, които не работят с таблет, ще могат да направят тази част и с инструмента за писалка. В интернет има много уроци за използването на инструмента за писалка в Illustrator, както и много различни методи. Този метод е този, който предпочитам.
Създайте нова четка, като отворите палитрата Brushes и щракнете върху иконата "нова четка" в долната част. В диалоговия прозорец, който се отваря, изберете калиграфската четка, щракнете върху OK и задайте ъгъла, закръглеността, диаметъра и вариацията на тази нова четка на настройките, показани по-долу.
Изберете съдържанието на вашия слой, като щракнете върху кръга от дясната страна на слоя в палитрата със слоеве. Намалете "непрозрачността" (opacity) до 30% и заключете слоя. Използвайте черно за границата и никакво за запълване.
Стъпка 5
Вече сме готови да започнем да почистваме пътеката. Когато рисувате път, опитайте се да промените дебелината на линиите за по-динамичен ефект.
Няколко бързи съвета, които трябва да имате предвид, когато работите с тежести на линиите:
1. Създайте илюзията за дълбочина. Ако обект или човек е по-близо до вас, линиите обикновено са по-дебели. Следователно, ако тази рисунка е на фона на градски пейзаж, линиите, които съставят градския пейзаж, ще бъдат по-тънки от линиите на героя.
2. Обърнете внимание на източника на светлина. Там, където светлината е по-ярка, линиите са по-тънки. Когато светлината е слаба, линиите са склонни да са по-дебели.
3. Външните линии на обект или човек обикновено са по-дебели от вътрешните линии. Това ще помогне да се открои този обект или човек от другите.
4. Разширете краищата на линиите, които се пресичат от друга линия. Разгледайте снимката по-долу, за да видите какво имам предвид.
След приключване трябва да получите нещо подобно на това:
Стъпка 6
Сега можем да отворим отново файла във Photoshop и да започнем да рисуваме и обработваме. Експортирайте файла от Illustrator (Файл> Експортиране) и изберете “Photoshop” от падащия списък. В диалоговия прозорец, който се отваря, задайте разделителната способност на висока (300 dpi) и щракнете върху OK.
Стъпка 7
За тази част, която обикновено правя, създавам отделен слой за всеки цвят или елемент на всеки знак под слоя с очертанията. Така че ще изглежда нещо подобно:
След това просто рисувам всеки елемент върху съответните им слоеве. Може също да сте забелязали, че осветих малко очертанията на всеки герой. Според мен това придава на илюстрацията по-естествен вид, за разлика от тъмните контурни линии.
Стъпка 8
След като нарисувахме героите, остава само обработката. Обикновено започвам със засенчване и работя към разпределение на светлината. Създайте отделен слой "Засенчване" над основния цветен слой за всеки елемент. Сега, като използвате оцветеното изображение от стъпка 3 като ориентир, потъмнете знаците, като използвате набора четки, настроен на около 60% твърдост.
Моята техника е да избера всеки елемент, който потъмнявам, като натискам Command / Ctrl върху миниатюрата на слоя и едва докосвам областите, които се нуждаят от потъмняване.
Направете това с всички елементи и знаци и трябва да получите нещо подобно на това:
След като сте видели резултата и сте решили, че някои от затъмнените зони трябва да са още по-тъмни, можете да създадете нов слой само за тъмните зони и да използвате същата техника, както по-горе, за да го нарисувате. Наличието на тъмни зони в илюстрацията ви помага да създадете по-динамичен резултат.
Стъпка 9
След това се занимаваме с разпределението на светлината. Добавете нов слой над слоя "Shading" за всеки елемент. С избрания слой "Осветление", използвайте същата техника с Command / Ctrl и щракнете върху миниатюрата на слоя, за да изберете тяхното съдържание и да добавите малко светлина, където е необходимо.
За да създадете отражения за сенките, използвайте инструмента за писалка, за да създадете форма около вътрешния периметър. След това щракнете с десния бутон върху тази фигура, щракнете върху бутона "Направи избор" и натиснете бутона OK в диалоговия прозорец, който се отваря. След като формата е избрана, изберете бяло като цвят и използвайте инструмента за градиент, за да създадете фини отражения чрез плъзгане отгоре надолу под лек ъгъл. След като приключите, намалете непрозрачността на този нов слой до около 30% или какъвто процент искате да изглежда изображението.
Стъпка 10
Накрая добавяме довършителни щрихи като татуировката на ръката на Брайън, логото на ризата на Брайън, логото на SF върху шапката на Брайън и малко допълнително осветление на двата героя, за да се съсредоточи наистина върху източника на светлина.
Ето метода, който използвах за татуиране на Брайън.
Виждайки всички илюстрации завършени, групата попита дали Брайън може да бъде направен „по-стегнат“, за да отразява повече от естествените му качества. Затова направих някои бързи корекции, като разширих малко торса и добавих малко дефиниция към дясната ръка, което можете да видите на крайното изображение по-долу.
