Як малювати барвисте анімаційне мистецтво в Photoshop

Sep 17, 2025

Як

Під час цього навчального посібника Photoshop я переживаю кілька ключових понять, які я використовую як ілюстратор. Я буду говорити про грубі концепції, чисту лінію роботи, колір, світло і тінь, а деякі з підводних каменів, які люди (включаючи себе), як правило, потрапляють під час роботи через ілюстрацію.

Я буду використовувати Photoshop, щоб зробити вас поступовим кроком через процес і говорити про деякі інструменти, які програма має та як ті різні функції можуть допомогти.

Ви також можете перевірити наш взяти на нові функції Photoshop CC має запропонувати в нашому всеосяжному огляді нового оновлення.

Отримати Adobe Creative Cloud

Натисніть значок у верхньому правому куті зображення, щоб збільшити його.

01. Намалюйте грубу концепцію

Three early composition sketches — Ранні ескізи допомагають встановити тонус композиції

Кожен хороший малюнок починається з твердого фундаменту. Генерація ескізів та робота через різні концепції швидко допомагає мені очистити свій розум і знайти найкраще рішення для будь-якого завдання, яке я дану.

(Спробуйте це 20 Поради щодо дизайну персонажів і Як створити нові конструкції символів у Photoshop підручник, щоб ви розпочати роботу).

02. Виготовляйте вишуканий ескіз

Rough sketch of girl with panda — Зосередитися на більшій картині, перш ніж отримати конкретну

Після того, як я визначив, який напрямок я хочу піти, я пірнаю в деталі. Я працюю над окремим шаром від того, що я зробив раніше, і я намагаюся працювати - як краще, я можу - від великого до маленького. Великі форми до невеликих форм, загальні ідеї до деталей. Таким чином я не вважаю себе занадто багато часу на слабкий малюнок.

03. Принесіть чисті лінії

Girl with panda in ink — Чорнило не доводиться суворо дотримуватися керівних принципів

Inking - це процес, який я насолоджуюся. Я намагаюся все можливе, щоб тримати лінійну роботу відчуття свіжого, уникаючи пастки відстеження ескізу під ним. Створюючи свідоме зусилля, щоб зробити це, як я вперше малюю, я в змозі зберегти життя, яке притаманне на ескізі. Я використовую ескіз як довідник, але не як милиця.

04. Покладіть плоскі кольори

Girl with panda in colour — Плоскі кольори - це хороша можливість зробити гармонійний склад

На шарі під чистою лінією я лежав плоскі кольори, не думаючи про те, що за формою. Це приходить у зручний, коли я хочу налаштувати кольори або значення окремо один від одного. Для мене важливо, щоб усі кольори гармонійні до світла і тінь входять до рівняння. Хоча джерело світла може допомогти гармонізувати будь-яку комбінацію кольорів, я вважаю, що створення гармонійної колірної палітри, щоб почати з того, що робить мене кращим художником.

Короткий урок на теорії кольорів

05. Дублікат і блокування шару

На цьому етапі я створюю інший шар, ідентичний кольоровий шар, перетягнувши мій поточний колір кольору до нового значка шару у нижній частині меню шару. Це також може бути зроблено, перейшовши до Layer & GT; Дублікат шару. Потім я блокую прозорість шару, натиснувши значок CHEQUARBOB у верхній частині меню шару.

06. Заповніть сіром

Girl with panda in grey — Сірий шар корисний для виготовлення тіні

Одного разу у мене є два ідентичні кольорові шари, я заповнюю одну зверху з середньою величиною сірого. Оскільки прозорість була заблокована на шарі, сірий заповнює пікселі, які є непрозорими, даючи мені сіру версію того, що я вже пофарбував. Це приходить у наступному кроці.

07. Створіть тіні на фігурах

Girl with panda in white, next to girl with panda in grey — Сірий шар дозволяє зосередитися на формі

Я знову дублюю свій колір і наповнюйте його на цей раз білими, потім я змінюю режим шару для помноження. Режим помноження рівня пом'якшує всі шари під ним. Білий не з'являється на множному шарі, але будь-яке значення темніше, ніж білий. Це, як я створюю ті тінь, відокремлені від своїх кольорів. Сірий шар над кольоровим шаром дозволяє мені мислити чисто про форму без відволікання кольорів.

08. Створіть основні моменти за допомогою шарів екрана

Girl with panda in black next to girl with panda in grey — Основні моменти створюються аналогічним чином до тіней на попередньому кроці

Я створюю висвітлює так само, як тіні, а не використовуйте помножити шар, я створюю дублікат шаром та встановлюю його для режиму екрана. Режим екрана робить саме протилежне помножте шару. Щось легше, ніж чорний, буде полегшити будь-які значення на шарах, які під ним.

09. Подумайте про поверхні

Зображення 1 з 3

Different surfaces have unique reactions to light — Різні поверхні мають унікальні реакції на світло

Зображення 2 з 3

The panda's fur diffuses the light — Хутро Панда дифундує світло

Зображення 3 з 3

The silk dress reflects the light — Шовкове плаття відображає світло

Оскільки я вважаю підсвічуванням і тіней у цій частині, я також думаю про те, як світло реагує на різні поверхні. Шовкове плаття має найсильніші основні моменти та чіткі тіні, тоді як хутро Панда дифундує світло, так що основні моменти та тіні набагато м'якше.

10. Створіть шаблони

Chinese textile pattern — Традиційний китайський текстильний малюнок допомагає розбити текстури

На цьому етапі ілюстрація страждає від відсутності візуальної текстури. Волосся дівчини забезпечує трохи перерви з твердих блоків кольору, але недостатньо. Таким чином, я розробляю, щоб додати до одягу дівчини, виходячи з того, що я бачив у традиційному китайському текстилю.

11. Формуйте шаблон до форми

Для мене найважча частина проектування костюмації є створення шаблонів або графіки, які потрібно обертати навколо складок і складки тканини. На щастя, Photoshop має дуже зручний інструмент Warp. Щоб використовувати інструмент, я роблю вибір, потім натисніть ( Cmd + t ), потім клацніть правою кнопкою миші та виберіть Warp у спадному меню. Крім того, ви можете перейти до редагування & gt; Перетворення & gt; Деформація. Перетягнувши свій вибір, ви можете відповідати на всілякі форми. Зазвичай я роблю вибір на основі того, де є перерви або складки в тканині.

12. Створіть фон

Girl with panda on bamboo background — Простий зелений фон приносить всю композицію разом

Середовища - це моя найменша улюблена річ.Це, в основному, тому що я не так практикую з ними, і я не настільки комфортно створює їх, як я з іншими речами.У цьому випадку фон безсумнівно простий, а зелений у ньому легко вивести в персонажі, щоб допомогти гармонізувати весь образ.

Ця стаття була опублікована у випуску 154 Imaginefx , журнал найкращого у світі для цифрових художників. Підпишіться на imaginefx .

Пов'язані статті:

61 Best Free Photoshop щітки
Найкращі таблетки для малювання прямо зараз
Оскар фільм-плакати отримують поп-арт макіяж

Як малювати барвисте анімаційне мистецтво в Photoshop

01. Намалюйте грубу концепцію

02. Виготовляйте вишуканий ескіз

03. Принесіть чисті лінії

04. Покладіть плоскі кольори

05. Дублікат і блокування шару

06. Заповніть сіром

07. Створіть тіні на фігурах

08. Створіть основні моменти за допомогою шарів екрана

09. Подумайте про поверхні

10. Створіть шаблони

11. Формуйте шаблон до форми

12. Створіть фон

Як - Найпопулярніші статті

Як розтягнути полотно і встановити для масляних фарб

Як Photoshop хтось у картину

Створіть власний ботометр

Як поєднати 3D та комічне мистецтво в Збрансі

Дизайнер афінності: Як використовувати сітки

Створіть інтерактивне зображення паралакса

Складіть графіку AR з ефектами

Створення сенсаційних заходів у Photoshop

Категорії