створюємо комікс з фотографії в Фотошопі

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

У цьому уроці перетворимо звичайну фотографію в комікс, використовуючи фільтри фотошопу. Доведеться трохи попрацювати пензликом і гумкою, але це зовсім не складно в даному випадку.

Створення коміксу

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

Підготовка

Першим кроком підготовки до створення коміксу буде пошук відповідного знімка. Складно заздалегідь визначити, яке зображення ідеально для цього підходить. Єдина порада, який можна в цьому випадку дати – на фото повинно бути мінімум ділянок з втратою деталей в тінях. Фон не важливий, зайві деталі і шуми ми в процесі уроку приберемо.

На уроці попрацюємо ось з такою картинкою:

Исходное изображение для создания комикса в Фотошопе

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

  1. Робимо копію вихідної картинки, використовуючи гарячі клавіші CTRL+J . Создание копии слоя с исходной картинкой в Фотошопе
  2. Змінюємо режим накладення для копії на " освітлення основи» .

    Смена режима наложения для копии фона на Осветление основы в Фотошопе

  3. Тепер потрібно інвертувати кольори на даному шарі. Робиться це гарячими клавішами CTRL+I .

    Инвертирование цветов копии фонового слоя в Фотошопе

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

  4. Отриманий інвертований шар потрібно розмити за Гаусом . Фильтр Размытие по Гауссу в Фотошопе

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

    Размытие инвертированного слоя по Гауссу в Фотошопе
  5. Застосовуємо коригувальний шар під назвою " Ізогелія» .

    Применение корректирующего слоя Изогелия в Фотошопе

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

    Настройка порога яркости корректирующего слоя Изогелия в Фотошопе
  6. Шуми, що З'явилися, можна видалити. Робиться це звичайним ластиком на самому нижньому, вихідному шарі.

    Удаление нежелательных шумов с картинки при помощи ластика в Фотошопе

Таким же способом можна видалити і фонові об'єкти.

На цьому підготовчий етап завершено, далі йде самий трудомісткий і тривалий процес – розфарбовування.

Палітра

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

У нашому випадку це:

  1. Шкіра;
  2. Джинси;
  3. Майка;
  4. Волосся;
  5. Амуніція, ремінь, зброя.

Очі в даному випадку в розрахунок не беремо, так як вони не дуже виражені. Пряжка ременя також нас поки не цікавить.

Разбивка изображения на зоны по цветам в Фотошопе

Для кожної зони визначаємо свій колір. На уроці ми будемо користуватися такими:

  1. Шкіра & 8212; d99056 ;
  2. Джинси &8212; 004f8b ;
  3. Майка &8212; fef0ba ;
  4. Волосся – 693900 ;
  5. Амуніція, ремінь, зброя – 695200 . Зверніть увагу, що цей колір не є чорним, це особливість методу, який ми зараз вивчаємо.

Кольори бажано вибирати якомога більш насичені – після обробки вони значно потьмяніють.

Готуємо зразки. Цей крок не є обов'язковим (для дилетанта), але така підготовка в подальшому полегшить роботу. На питання"Як?"відповімо трохи нижче.

  1. Створюємо новий шар.Создание нового слоя для создания образцов цвета в Фотошопе
  2. Беремо інструмент»овальна область" .

    Инструмент Овальная область в Фотошопе

  3. З затиснутою клавішею SHIFT створюємо ось таке кругле виділення:

    Выделение для создания образцов цвета в Фотошопе

  4. Беремо інструмент»Заливка" .

    Выбор инструмента Заливка в Фотошопе

  5. Вибираємо перший колір ( d99056 ).

    Выбор цвета для заливки образца в Фотошопе

  6. Натискаємо всередині виділення, заливаючи його обраним кольором.

    Заливка образца выбранным цветом в Фотошопе

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

    Передвижение выделенной области в Фотошопе

  8. Це виділення заливаємо наступним кольором. Таким же чином створюємо і інші зразки. Коли закінчите, не забудьте зняти виділення поєднанням клавіш CTRL+D .

    Готовая палитра образцов цвета в Фотошопе

Пора розповісти, Для чого ми створювали цю палітру. Під час роботи виникає необхідність часто міняти колір кисті (або іншого інструменту). Зразки позбавляють нас від необхідності кожного разу шукати потрібний відтінок на зображенні, ми просто затискаємо ALT і натискаємо по потрібному кухоль. Колір автоматично переключиться.

Дизайнери часто користуються такими палітрами для збереження колірної схеми проекту.

Налаштування інструментів

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

  1. Кисть.

    Инструмент Кисть в Фотошопе

    В Налаштуваннях вибираємо жорстку круглу кисть і знижуємо жорсткість країв до 80 – 90% .

    Настройка формы и жескости кисти в Фотошопе
  2. Ластик.

    Инструмент Ластик в Фотошопе

    Форма гумки – кругла, жорстка (100%).

    Настройка формы и жесткости Ластика в Фотошопе
  3. Колір.

    Як ми вже говорили, Основний колір визначатиметься створеною палітрою. Фоновий же завжди повинен залишатися білим, і ніяким іншим.

    Настройка фонового цвета при создании комикса в Фотошопе

Розфарбовування коміксу

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

  1. Створюємо порожній шар і міняємо для нього режим накладення на «множення» . Для зручності, і щоб не заплутатися, назвемо його »шкіра" (подвійний клік за назвою). Візьміть собі за правило, при роботі над складними проектами, давати верствам імена, такий підхід відрізняє професіоналів від любителів. До того ж це полегшить життя тому майстру, який буде працювати з файлом після вас.

    Создание нового слоя с режимом наложения Умножения для тонирования кожи в Фотошопе

  2. Далі працюємо пензликом над шкірою персонажа коміксу тим кольором, який ми прописали в палітрі.

    Обработка кожи при создании комикса в Фотошопе

    Порада: змінюйте розмір кисті квадратними дужками на клавіатурі, це дуже зручно: однією рукою можна фарбувати, а інший регулювати діаметр.

  3. На цьому етапі стає ясно, що контури персонажа не досить сильно виражені, тому розмиваємо інвертований шар по Гаусу ще раз. Можливо, доведеться трохи підняти значення радіуса.Повторное размытие инвертированного слоя по Гауссу в Фотошопе

    Зайві шуми стираємо ластиком на вихідному, самому нижньому шарі.

  4. Використовуючи палітру, кисть і ластик, розфарбовуємо весь комікс. Кожен елемент повинен розташовуватися на окремому шарі.Раскрашивание комикса кистью в Фотошопе
  5. Створюємо фон. Для цього найкраще підійде яскравий колір, наприклад, такий:

    Создание яркого фона для комикса в Фотошопе

    Зверніть увагу, що фон не заливається, а саме зафарбовується, як і інші ділянки. На персонажі (або під ним) фонового кольору бути не повинно.

Ефекти

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

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

  1. Тиснемо правою кнопкою миші по шару і вибираємо пункт " перетворити на розумний об'єкт» . Преобразование слоя в смарт-объект в Фотошопе

    Робимо ті самі дії з усіма шарами.

  2. Преобразование всех слоев с окраской в смарт-объекты в Фотошопе
  3. Вибираємо шар зі шкірою і налаштовуємо Основний колір, який повинен бути таким же, як і на шарі.
  4. Настройка цвета для фильтра Полутоновый узор в Фотошопе
  5. Йдемо в меню фотошопу " Фільтр-Ескіз» і шукаємо там " напівтоновий візерунок» .
  6. Фильтр Полутоновый узор в меню Фотошопа
  7. В Налаштуваннях вибираємо тип візерунка»Точка" , Розмір виставляємо мінімальний, контраст піднімаємо приблизно до 20 . Настройка фильтра Полутоновый узор в Фотошопе

    Результат таких налаштувань:

    Результат работы фильтра Полутоновый узор в Фотошопе
  8. Ефект, створений фільтром, потрібно пом'якшити. Для цього размием смарт-об'єкт за Гаусом .
  9. Размытие эффекта созданного фильтром Полутоговый узор по Гауссу в Фотошопе

  10. Повторюємо ефект на амуніції. Не забуваємо про налаштування основного кольору.
  11. Применение фильтров Полутоновый узор и размытие по Гауссу в Фотошопе
  12. Для ефективного застосування фільтрів на волоссі, необхідно знизити значення контрастності до 1 .
  13. Снижение уровня контрастности фильтра Полутоновый узор в Фотошопе
  14. Переходимо до одягу персонажа коміксу. Фільтри застосовуємо такі ж, але тип візерунка вибираємо «лінія» . Контрастність підбираємо індивідуально. Настройка фильтра Полутоновый узор для одежды в Фотошопе

    Накладаємо ефект на майку і джинси.

  15. Применение фильтров Полутоновый узор и размытие по Гауссу к одежде в Фотошопе
  16. Переходимо до фону коміксу. За допомогою все того ж фільтра " напівтоновий візерунок» і розмиття по Гауса, робимо такий ефект (тип візерунка-коло):
  17. Применение фильтров Полутоновый узор и размытие по Гауссу к фону в Фотошопе

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

Редактирование фильтра в смарт-объекте в Фотошопе

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

більше статей на цю тему: