Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Створимо свій перший цифровий малюнок без планшета в Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

Final product image
What You'll Be Creating

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

Доброю новиною є те, що вам не потрібно «повторювати традиційний процес», щоб створювати цифрові картини. Існують й інші шляхи, і ваша миша буде краще для їх підходити. Як я писала у статті «Чому користувачі миші повинні малювати в Фотошоп і малювати в Ілюстратор», ви можете використати мишу для створення красивого векторного мистецтва.

Але якщо вам не подобається вектор, я покажу вам, як працювати «без планшетів» в Photoshop. Я повинна попередити вас - це не буде просто і швидко! Але якщо ви дійсно маєте намір «малювати» таким чином, вам це сподобається!

1. Підготуйте файл

Крок 1

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

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

Як тільки ви відсканували свій малюнок, клацніть і перетягніть файл в Photoshop. Він відкриється автоматично.

how to draw digital painting
Якщо ви хочете навчитися створювати традиційне чисте лінійне мистецтво, перевірте розділ 5 «Малювання для дітей: малюємо миле лисеня»

Крок 2

Нам не потрібно зберігати стандартні пропорції сканування / фотографії. Змінимо його на зображення, використовуючи інструмент Crop Tool (C). Цей інструмент використовує правило третин, тому читайте про це, якщо хочете більше дізнатися про використання правильних пропорцій.

crop painting

Крок 3

Виберіть Вибрати> Все. Потім Скопіюйте (Control-C) вибір.

Крок 4

Перейдіть в меню Файл> Створити. Якщо для пресету встановлено значення Clipboard (1), це означає, що цей новий файл буде мати розмір зображення, яке ви тільки що скопіювали. У моєму випадку це 1900 px (2) x 2248 px (3). Це повинно бути досить багато. Якщо який-небудь з ваших вимірювань буде менше 1500 px, ми виправимо його через хвилину.

Натисніть ОК, щоб створити новий файл.

new file photoshop how big

Крок 5

Вставте (Control-V) скопійоване зображення. Якщо воно занадто мале, настав час це усунути. Перейдіть в меню  Image > Image Size і змініть номер найнижчого значення на НЕ менш як 1500 px. Інше значення буде змінюватися пропорційно.

photoshop image size how to change

Крок 6

Збережемо файл, щоб він був готовий до змін. Перейдіть в меню Файл> Зберегти як, виберіть потрібне розташування і вкажіть тимчасове ім'я. Переконайтеся, що формат PSD.

Пізніше, коли ви захочете зберегти зміни, просто використовуйте поєднання клавіш Control-S, щоб перезаписати файл.

photoshop file how to save

Крок 7

Подивіться на панель Шари. Кожен шар являє собою окреме зображення, тому для малювання на ньому ви повинні вибрати його.

photoshop layer panel how to use what are layers

Натисніть на зображення, яке ви вставили, і зменшіть його Прозорість до 20%.

photoshop how to change layer opacity

Змініть його Режим змішування на Multiply, щоб зробити його прозорим.

photoshop how to change blend mode multiply

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

photoshop how to lock layer

2. Створіть основу для малювання

Крок 1

Створіть Новий шар над малюнком.

photoshop how to create new layer

Крок 2

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

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

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

Інструментом для керованої точності в Adobe Photoshop є Перо (P). Ось як його використовувати.

Почніть шлях, клацнувши в кутку за допомогою Пера (P).

photoshop how to start path how to draw without tablet

Щоб намалювати пряму лінію, клацніть там, де закінчується уявна пряма.

photoshop straight line path

Якщо ви віддаєте перевагу вигнутій лінії, утримуйте і перетягуйте її після натискання.

photoshop curved line path

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

photoshop end path too curved

Це воно! Ви можете продовжити малювати весь контур.

photoshop how to draw digitally without tablet

Звичайно, це не було б контрольованою точністю, якби ви не могли відрегулювати те, що ви вже намалювали. Використовуйте Direct Selection Tool (A) для вибору і переміщення точок на контурі.

photoshop how to fix path

Щоб завершити контур, просто клацніть першу точку шляху.

photoshop how to close path

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

photoshop drawing without tablet full path

Крок 3

Щоб повернути контур в виділення, клацніть правою кнопкою миші на полотні і виберіть Зробити виділення.

photoshop path to selection

Крок 4

Виберіть яскравий колір, але той, який не надто важкий для очей.

photoshop pick color

Крок 5

Застосуйте Paint Bucket Tool (G), щоб заповнити виділення вибраним кольором. Потім перейдіть до Select> Deselect.

photoshop how to fill selection

Крок 6

Перетягніть барвистий шар під лінію малюнка і змініть його ім'я на основа.

photoshop change layer name

Крок 7

Ми будемо використовувати основу як Clipping Mask. Створіть новий шар і закріпіть його на основі, утримуючи клавішу Alt і клацнувши лінію між ними.

photoshop how to create clipping mask

Кожен шар, обрізаний до основи (їх може бути більше, просто кліп нового шару на попередньому обрізаному шарі) буде обмежений його межами. Спробуй це!

photoshop what is clipping mask

Крок 8

Знову використовуйте Pen Tool, щоб намалювати внутрішні елементи тіла. На цей раз ви можете бути не так акуратні, оскільки основа піклується про все, що відбувається за її межами.

photoshop nested clipping masks

Використовуйте різні кольори для кожного елементу / набору елементів. Постарайтеся використовувати якомога менше наборів, і тримайте їх на окремому шарі. Області одного кольору не повинні торкатися одна одної!

photoshop nested clipping masks complete

Крок 9

Ми збираємося використовувати ці шари, щоб обмежити нашу неточну картину, але нам все одно потрібно їх очистити. Спочатку давайте виріжемо ті частини, які покриті Clipping Mask.

Створіть виділення основи, клацнувши по ньому, утримуючи Control.

photoshop make selection from layer

Зробіть Маску шару з цього виділення, клацнувши цей значок в нижній частині панелі:

photoshop how to create layer mask out of selection

Скопіюйте маску на всі інші шари, утримуючи клавішу Alt і перетягнувши її на інший шар. Потім натисніть праву кнопку миші на кожній масці і виберіть Apply Layer Mask. Тепер, навіть якщо ви відпустіть Clipping Mask, це нічого не змінить.

photoshop copy layer mask

Крок 10

Є ще одна річ, яку потрібно прибрати. Елементи перекриваються, тому, якщо ви натиснете Control на один з цих шарів, ви отримаєте порушену форму. Сховайте один з шарів, щоб зрозуміти, що я маю на увазі.

photoshop clean clipping masks

Ми можемо виправити це так само, як і раніше. Виділіть один шар, клацнувши Control. Потім перейдіть до Select> Inverse. Створіть маску шару з цього виділення.

photoshop clean clipping masks selection

Перетягніть маску на інший шар, а потім скопіюйте її (Alt-drag) на інші шари. Тільки вихідний шар повинен залишатися без маски.

photoshop copy layer mask apply

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

photoshop all clipping masks

Виконайте те ж саме з кожним шаром. Зрештою, кожен шар повинен покривати свою область, не перекриваючи інших.

photoshop how to cretae nested multiple clipping masks

Крок 11

Час від часу буде вимагатися основа, але, як правило, це призведе до плутанини на панелі «Шари». Ми можемо використовувати трюк, щоб приховати їх а потім повернути, коли нам потрібно.

Утримуйте Shift, щоб вибрати основу з усіма його обрізаними шарами. Клацніть правою кнопкою миші і виберіть Червоний.

photoshop how to filter layers

Створіть Новий шар під штриховою лінією (при необхідності відкріпите його).

photoshop filter layers how it work

Виберіть Колір в якості фільтра шарів.

photoshop filter layer layes diasppear

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

Ви можете використовувати цей трюк, коли вважаєте, що це може виявитися корисним. Вам не потрібно чекати, поки я скажу вам!

photoshop filter layers by color presentation

3. Додайте колір і світло

Крок 1

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

Давайте намалюємо нашу картину на цьому новому шарі, пофарбованому як «none». Ось як це зробити:

  1. Перейдіть на Червоний вид.
  2. Виділіть область, яку хочете пофарбувати (виберіть її мініатюру за допомогою Control).
  3. Перейдіть в режим перегляду «None».
  4. Виберіть шар.
  5. Заповніть область інструментом Paint Bucket (G).
photoshop how to add colors separately

Використовуйте яскраві кольори, як якщо б не було тіні на сцені.

У моєму випадку мені довелося використовувати правильні кольори, засновані на реальних рисях. Ви можете знайти такі фотографії, корисні для цієї мети:

photoshop paintign colored sharp borders

Крок 2

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

photoshop colored soft borders

Крок 3

Створіть Новий шар. Створіть виділення основи і залийте його 50% сірим.

photoshop how to add shadow layer

Крок 4

Змініть Режим змішування на Multiply. Це наша тінь.

photoshop shadow layer multiply

Крок 5

Створіть Новий шар і закріпіть його. Додайте Маску шару і намалюйте її білим за допомогою м'якої кисті. Ваша мета - залишити трохи тіні між елементами. Не забудьте використовувати виділення!

photoshop how to reveal light
photoshop light revealed

Крок 6

Перейдіть в Filter> Noise і додайте трохи шуму до цього шару. Це зробить його менш плавним.

photoshop noise texture

4. Візуалізація шерсті

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

Крок 1

Створіть Новий шар, зробіть вибір основи і заповніть його 50% сірим. Знову встановіть Режим змішування Multiply. Додамо шум, але на цей раз зробимо його товстим і видимим. Назвіть шар шерсть.

Створіть Новий шар і закріпіть його до хутра.

photoshop how to create fur noise layer

Крок 2

Слухайте уважно, тому що це буде складно. Перейдіть в режим Швидкої маски (Q). У цьому режимі ви можете намалювати виділення за допомогою обраного пензлю. Уявіть собі шерсть, яку ви хочете намалювати, і виберіть область, в якій вона зростає в одному напрямку. Ви можете використовувати виділення базових шарів для обмеження малювання.

photoshop how to create fur select quick mask

Крок 3

Вийдіть з режиму і виберіть Виділення>Інверсія. Вибір буде створений. Ви можете приховати його на мить за допомогою поєднання клавіш Control-H.

Тепер перейдіть в Filter> Blur> Motion Blur. Встановіть Кут у напрямку до вашої уявної вовни. Ви також можете грати з Відстанню, щоб імітувати перспективу волосся (точкові волосся = волосся, видимі зверху).

photoshop how to create fur motion blur

Крок 4

Продовжуйте рух на обох ногах. Чим більше вказівок ви приймаєте до уваги, тим більш реалістичною буде шерсть. Пам'ятайте: Photoshop не може читати ваші думки. Вам потрібно вказати йому, що ви хочете!

photoshop how to create fur motion blur angles

Крок 5

Використовуйте той же метод, щоб додати коротке волосся на морді.

photoshop how to create fur short fur

Крок 6

Для великих пучків хутра нам потрібно додати ще один трюк. Виберіть його, як і раніше, але на цей раз, прямо перед додаванням розмиття, перейдіть в Filter> Pixelate> Crystallize. Чим більше волосяні пучки, тим більше повинен бути розмір Cell Size.

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

photoshop how to create fur long fur
photoshop how to create fur rough example

Крок 7

Виділіть Все (Control-A) і скопіюйте шар. Відкрийте Вікно> Канали. Створіть новий канал...

photoshop how to separate black from white

...і вставте ваше зображення.

photoshop how to create alpha channel

Крок 8

Завантажте канал за виділенням, клацнувши на перший значок в рядку. Потім натисніть RGB-канал, щоб повернутися до нормального вигляду.

photoshop how to make selection alpha channel

Крок 9

Створіть Новий шар і закріпіть його для хутра. Назвіть його texture. Заповніть виділення білим кольором. Потім виберіть Select> Deselect і сховайте попередній шар.

photoshop how to create fur slight texture

Крок 10

Створіть Новий шар (не обрізайте його) і створіть виділення, щоб заповнити його білим кольором, як мить назад. Зробіть вибір основи, інвертуйте її і обріжте зайві частини. Змініть Режим змішування на Overlay.

photoshop how to create fur light

Крок 11

Додайте Маску шару і залийте її чорним кольором. Потім використайте м'який пензль, щоб зафарбувати світло білим. Це шанс для вас створити шерсть вашого персонажа.

photoshop how to create fur shade

5. Додайте деталі

Крок 1

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

photoshop digital painting no tablet shadow details

Крок 2

Створіть Новий шар поверх інших (не обрізайте його). Зробіть виділення основи і заповніть його Радіальним градієнтом.

photoshop digital painting no tablet focus light

Крок 3

Змініть Режим змішування на Multiply і Непрозорість до 55%. Це затемнення буде зосереджено на морді.

photoshop digital painting no tablet focus multiply

Крок 4

Створіть Новий шар. Зробіть виділення темних елементів морди і залийте його чорним. Потім перейдіть в Filter> Pixelate> Mosaic.

photoshop digital painting no tablet how to paint irregular edges

Дублюйте шар кілька разів (Control-J), а потім виберіть їх, утримуючи Shift, клацніть правою кнопкою миші і Поєднайте шари.

photoshop digital painting no tablet more irregular edges

Крок 5

Тепер перейдіть в Filter> Blur> Gaussian Blur. Це зробить забарвлення менш різким і більш природним.

photoshop digital painting no tablet blending

Не забудьте вирізати тінь з очей з правильним виділенням.

photoshop digital painting no tablet clean eyes

Крок 6

Давайте попрацюємо над очима. Створіть Новий шар і намалюйте тінь внизу (для цього використовуйте виділення).

photoshop digital painting no tablet eyes shadow

Додайте синє обведення за допомогою жорсткої кисті.

photoshop digital painting no tablet eyes blue dot

Покрийте його білим обведенням.

photoshop digital painting no tablet eyes white dot

Використовуйте Eraser Tool (E), щоб створити відображення в очах.

photoshop digital painting no tablet eyes reflection

Ви можете пом'якшити відображення, додавши маску шару і помалювавши на ній м'яким пензлем.

photoshop digital painting no tablet eyes soft reflection

Крок 7

Виберіть очі і виберіть Виділення> Змінити> Контраст. Контраст на 3 px.

photoshop digital painting no tablet eyes glow select

Створіть Новий шар. Застосуйте м'який пензль, щоб намалювати світіння внизу.

photoshop digital painting no tablet eyes glow paint

Змініть Режим змішування на М'яке світло.

photoshop digital painting no tablet eyes glow fix

Крок 8

Щоб зробити ніс більш детальним, спочатку нанесіть на нього жорсткий пензль.

photoshop digital painting no tablet nose details

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

photoshop digital painting no tablet pressure with mouse

Крок 9

Використайте ту ж техніку, щоб завершити інші деталі.

photoshop digital painting no tablet details

6. Завершіть малювання

Крок 1

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

Спочатку додайте фон. Це допоможе нам налаштувати персонажа щодо сцени.

photoshop digital painting no tablet background

Крок 2

Подвійне клацання по texture, щоб відкрити Параметри змішування. Перевірте Bevel & Emboss, а потім пограйте з налаштуваннями, щоб домогтися ефекту 3D-хутра. Точні значення будуть залежати від того, як виглядає ваше хутро.

photoshop digital painting no tablet fur texture blending options
photoshop digital painting no tablet fur texture added

Крок 3

Shift-клік по всім шарам, що створюють персонажа (без базових шарів) і Об'єднуємо їх. Потім виберіть одну область (використовуючи базові шари) і виберіть Filter > Blur > Smart Blur. Використайте його, щоб шерсть стала більш пухнастою.

photoshop digital painting no tablet smoothen details
photoshop digital painting no tablet smoothened face

Зробіть те ж саме для кожної області:

photoshop digital painting no tablet smoothened fur

Крок 4

Використовуйте Quick Mask (Q), щоб вибрати края персонажу.

photoshop digital painting no tablet select outline

Крок 5

Із вибраними краями перейдіть в Filter> Blur> Gaussian Blur. Використовуйте його, щоб додати до них відчуття відстані, створюючи глибину.

photoshop digital painting no tablet depth

Крок 6

Чи не знімайте виділення! Відкрийте панель Вікно> Корекція і виберіть Відтінок / Насиченість.

photoshop digital painting no tablet add adjustment

Тепер ви можете налаштувати колір і яскравість обраної області.

photoshop digital painting no tablet adjust colors

Крок 7

Давайте трохи збиймо шерсть. Знайдіть область, яка виглядає занадто різкою. Використовуйте Quick Mask, щоб вибрати її.

photoshop digital painting no tablet how to create fur select quick mask

При необхідності використовуйте вибір базових шарів для вирізання надлишкових деталей.

photoshop digital painting no tablet how to create fur cut mask

Створіть виділення, а потім продублюйте його (Control-J). Тепер ви можете використовувати Motion Blur на цій частині окремо, не зачіпаючи решту зображення.

photoshop digital painting no tablet how to create fur copy paste

Дублюйте шар ще раз і використовуйте Edit> Free Transform, щоб налаштувати його на іншу частину хутра. Ви можете зробити цю частину хвилястою, використовуючи режим Warp.

photoshop digital painting no tablet how to create fur warp

Ви можете використовувати цей трюк на всьому тілі.

photoshop digital painting no tablet how to create fur realistic

Крок 8

Зробіть виділення основного шару. Створіть новий шар і додайте радіальний градієнт до цього виділення. Потім створіть новий шар нижче і залийте його чорним. Злийте обидва шари.

Розмістіть цей шар і використовуйте його як альфа-канал, щоб створити виділення.

photoshop digital painting no tablet focus shadow

Інвертуйте виділення, потім додайте настройку Hue / Saturation. Тепер ви можете зробити область більш насиченою.

photoshop digital painting no tablet focus color

Крок 9

Давайте створимо вуса! Створіть Новий шар. Візьміть жорсткий пензль, утримуючи Shift і намалюйте білу лінію з нею.

photoshop digital painting no tablet whiskers white line

Використовуйте інструмент Free Transform Tool (Control-T), щоб «заточити» лінію. (Ви також можете використовувати Polygon Tool для створення довгого трикутника.)

photoshop digital painting no tablet whiskers triangle

Перейдіть в меню Edit > Puppet Warp. Додайте три шпильки: дві з боків і одну посередині. Потім перемістіть це в середині, щоб створити дугу.

photoshop digital painting no tablet whiskers arch

Дублюйте вуса і змініть їх за допомогою інструменту Free Transform Tool, щоб створити цілий набір вусів.

photoshop digital painting no tablet whiskers done

Об'єднайте все вуса, а потім зменшіть їх прозорість, щоб зробити цей ефект менш помітним.

photoshop digital painting no tablet whiskers subtle

Крок 10

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

photoshop digital painting no tablet caracal kitten

Ми це зробили!

Ось наша рись-кошеня, повністю «намальована» мишкою. Чи можна його швидше створити за допомогою планшета? Насправді ні. Процес, який я показав вам, заснований на створенні малюнка, побудованого з різних елементів. Це те, що добре для миші, і перо планшета не призначене для цього.

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.