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

10 основных ошибок в цифровой живописи и как их исправить

Read Time: 26 mins

Russian (Pусский) translation by Masha Kolesnikova (you can also view the original English article)

Цифровая живопись весьма сложная. Все что вам нужно для того, чтобы начать рисовать - правильное программное обеспечение. Любой инструмент, даже самый мощный, находится в пределах вашей досягаемости. Все цвета готовы к использованию, не требуется никакого смешивания. Если вы только что перешли из традиционной живописи в Photoshop то все не так уж сложно; вам просто нужно найти копии ваших любимых инструментов. Но если вы новичок в обоих видах искусства, то начинается настоящий кошмар - тот, в котором вы не осознаете, что вы спите!

Хитрость Photoshop основана на его кажущейся простоте: вот набор кистей, здесь все цвета, вот ластик, в вот команда "отменить". Вы начинаете рисовать, все выглядит плохо, поэтому вы ищете другие инструменты, чтобы сделать еще лучше. И только посмотрите, сколько там инструментов! Вы начинаете пробовать их все, один за другим, и происходит волшебство.

Однако «магия» означает, что вы позволяете Photoshop рисовать завас. У вас нет никакого контроля над этим, но рисунок по-прежнему выглядит лучше, чем все что вы, как новичок, когда-либо сами делали (по крайней мере, это то, во что вы верите). Итак, вы позволили этому произойти и создали много рисунков в надежде, что однажды они превратятся в шедевры.

Профессиональные цифровые художники, которым вы восхищаетесь, используют Photoshop для воплощения своих видений, но они используют его как инструмент, а не как искусство, которе производит за вас машина. Какая разница?

  • Специалисты представляют себе эффект и заставляют программу делать это.
  • Начинающие заставляют программу делать что-нибудь и, если им это нравится, то они оставляют эффект.

Второй вариант звучит знакомо? Если да, то продолжайте читать. В этой статье я покажу вам, как улучшить десять различных аспектов рабочего процесса, чтобы вы стали по-настоящему знающим художником Photoshop. С помощью этих десяти простых советов вы поймете свои ошибки, которые, возможно, останавливали вас в течение долгого времени!

Примечание. Проблемы, которые я описываю, применимы к ситуации, когда художник непреднамеренно достигает эффекта для реалистического стиля. Это не ошибки, если вы их планируете!

1. Неправильный размер холста

Начало нового рисунка это как детская игра. Вы переходите в меню «Файл»> «Новый», или, если вы более продвинутый, используйте сочетание клавиш «Control-N». Это выглядит так просто, что часто упускается из виду.

digital painting what resolution to use width heightdigital painting what resolution to use width heightdigital painting what resolution to use width height

Есть три аспекта этой проблемы.

1. Слишком маленький холст

Подобно тому, как все объекты сделаны из атомов, любой цифровой рисунок состоит из пикселей. Это вы, наверное, знаете. Но сколько именно пикселей вам нужно для создания детальной картины? 200x200? 400x1000? 9999x9999?

Общей ошибкой для начинающих является использование размера холста, подобного разрешению экрана. Проблема в том, что вы никогда не знаете, какое разрешение использует ваш зритель!

Допустим, что ваше изображение выглядит на вашем экране, как в примере 1. Высота рисунка максимальная, без необходимости прокручивать его, и это нормально для вас. Это самое большое разрешение, 1024x600. Пользователи с разрешением 1280x720 (2) и 1366x768 (3) тоже не будут жаловаться. Но обратите внимание на то, что происходит с пользователями с большим разрешением - 1920x1080 (4) и 1920x1200 (5). Постепенно изображение занимает все меньше и меньше места на экране. Для этих пользователей вы не использовали всю возможную высоту!

digital painting relative size resolutiondigital painting relative size resolutiondigital painting relative size resolution

И дело не только в «белом пространстве» вокруг вашей картины. «Большее разрешение» не всегда означает «больший экран». Ваш смартфон может иметь больше пикселей на своем компактном экране, чем у вас на ПК! Взгляните:

  1. Одинаковые размеры, разное разрешение
  2. Разные размеры, одинаковое разрешение
digital painting size resolution differencedigital painting size resolution differencedigital painting size resolution difference

Что это значит? Для зрителей, картина, которой вы планировали заполнить весь экран, может выглядеть так... :

digital painting size resolution difference simulationdigital painting size resolution difference simulationdigital painting size resolution difference simulation

Но это не единственный признак, по которому вы выбираете размер для своего рисунка.  Чем больше разрешение, тем больше пикселей. В меньшем разрешении глаз может занимать 20 пикселей, а при большем разрешении он может содержать 20000 пикселей! Представьте себе все возможные детали, которые вы можете разместить в такой большой области!

Вот интересная уловка: когда вы рисуете что-то маленькое в большом разрешении, независимо от того, насколько оно неряшливо, есть отличный шанс, что издали (т.е. в уменьшенном размере) оно будет выглядеть интересным. Попробуйте!

digital painting why use bigger resolutiondigital painting why use bigger resolutiondigital painting why use bigger resolution
Большое разрешение позволяет увеличить масштаб изображения до мельчайших деталей.

2. Слишком большой холст

Значит ли это, что вы всегда должны использовать огромное разрешение, чтобы дать себе больше свободы? Теоретически, да. На практике это не всегда необходимо, а иногда это невозможно.

Чем больше разрешение, тем больше пикселей вашего основного штриха. Чем больше пикселей в штрихе, тем труднее обрабатывать его, особенно когда дело доходит до уровней давления с переменной Flow. Итак, это практический аргумент против этого - вам нужен мощный компьютер, чтобы было удобно использовать большие разрешения.

digital painting big resolution good computerdigital painting big resolution good computerdigital painting big resolution good computer

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

Если вы используете более высокое разрешение, чем необходимо, может возникнуть соблазн добавить некоторые детали в различных местах, только потому, что вы можете это сделать. И когда вы это сделаете, пути назад не будет. Есть много уровней детализации, но конкретный фрагмент должен использовать только по одному за раз. Если вы хотите создать быстрый, живописный мех, не тратьте часы на глаз и нос - это только заставит весь кусок выглядеть непоследовательным и незавершенным.

3. Слишком большой конечный размер

Допустим, вы нашли идеальное решение для своей картины. Она не слишком велика и не слишком мала - идеально подходит для уровня детализации, который вы хотите достичь. Однако здесь есть место для еще одной ошибки. Это разрешение было вашим рабочим размером. Возможно, вам понадобилось много пикселей, чтобы добраться до этой детали глаза, но эта деталь будет видна и «с расстояния».

digital painting what final size resolution to usedigital painting what final size resolution to usedigital painting what final size resolution to use
Зачем всем видеть эти неприятные подробности ...
digital painting change resolution detailsdigital painting change resolution detailsdigital painting change resolution details
... если вы можете заставить их видеть только то, что должно быть видно?

Перед сохранением файла для окончательного вида измените его размер. Я не скажу вам самое оптимальное разрешение, потому что его нет. Правило: чем детальнее участок, тем меньше он потеряет в качестве, если будет представлен в большом разрешении. Чем более «схематичная» картина, тем лучше она будет выглядеть, когда представлена в маленькой версии. Если вы хотите узнать больше об этом, посмотрите, какое разрешение используют ваши любимые художники при публикации своих работ в Интернете.

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

digital painting how to change sizedigital painting how to change sizedigital painting how to change size

2. Начиная с белого фона

Это может показаться тривиальным - что собственно не так с белым фоном? Он ... нейтрален, верно? Это похоже на лист бумаги.

Проблема в том, что нет «нейтрального» цвета. «Прозрачный» является самым близким к нему, но его невозможно нарисовать. Цвет - это цвет. Когда встречаются два цвета, то определенное отношение появляется само по себе. Для белого + цвет А это отношение: «цвет А темный». Независимо от того, каково ваше намерение, вы начинаете с темного цвета только потому, что вы использовали самый яркий фон! Все будет темным по сравнению с ним.

digital painting what background color choose startdigital painting what background color choose startdigital painting what background color choose start
Тот же оттенок изменяет свою относительную яркость, если смотреть на другом фоне

В традиционном искусстве мы используем белый фон, потому что технически легче нанести темный яркий цвет, чем наоборот. Но нет никаких оснований для этого в цифровом рисовании! Фактически, вы могли бы даже начать с черного фона, но это такая же плохая идея, как и чистый белый цвет. На практике самый «нейтральный» цвет, который мы можем получить, составляет 50% ярко-серого (#808080).

Почему? Цвет фона меняется так, как вы воспринимаете другие цвета. На белом фоне темные оттенки будут казаться слишком темными, поэтому вы избегаете их. На черном фоне он будет работать одинаково с яркими оттенками. В обоих случаях результатом будет слабый контраст, который вы замечаете, когда пытаетесь добавить какой-либо другой фон. Вот доказательство:

digital painting black white background wrongdigital painting black white background wrongdigital painting black white background wrong
Я начал эту картину с слишком темного фона, и когда я захотел добавить более яркий, он выглядел ослепительно!

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

digital painting gray background gooddigital painting gray background gooddigital painting gray background good

3. Избегайте сильного контраста

Конечно, иногда ваше восприятие яркого и темного может быть нарушено низким качеством вашего экрана. Если вы используете ноутбук, вы, вероятно, заметили, как контраст изменяется, когда вы смотрите на свою фотографию под углом. Как вы можете добиться надлежащего контраста, который каждый будет видеть правильно, независимо от того, какие экраны используются?

Даже если ваш экран хороший, после долгого сосредоточения на картине ваше восприятие тоже не нарушается. Если вы по-немногу меняете оттенки шаг за шагом, то этот контраст может показаться вам хорошим только потому, что он будет лучше, чем предыдущий пять шагов назад. Объект ниже может выглядеть красиво ...

digital painting why weak contrastdigital painting why weak contrastdigital painting why weak contrast

.... пока вы не сравните его с объектом с более сильным контрастом. И кто знает, может быть, если бы вы сравнили еще с другим, его воспринимаемый контраст автоматически бы снизился?

digital painting how to fix contrast photoshopdigital painting how to fix contrast photoshopdigital painting how to fix contrast photoshop

У Photoshop есть инструмент, который помогает в этой ситуации. Это называется Levels, и это фактически гистограмма - она показывает вам, сколько каждого оттенка есть на рисунке. Вы можете открыть это окно, выбрав Изображение>Коррекция>Уровни или с помощью сочетания клавиш Control-L.

digital painting levels histogram how digital painting levels histogram how digital painting levels histogram how

Как это работает? Взгляните на эти четыре примера:

  • Почти одинаковое количество белого, черного и среднего тона
  • Только черные и темные полутоны
  • Только белые и светлые полутоны
  • Только черно-белые, почти без полутонов

Можете ли вы прочитать это на гистограмме?

digital painting photoshop levels how it worksdigital painting photoshop levels how it worksdigital painting photoshop levels how it works

Вы можете изменять уровни, перетаскивая ползунки. Хотя это уменьшает общее количество оттенков, это помогает разместить их в нужном месте на гистограмме.

digital painting photoshop levels how to change increase contrastdigital painting photoshop levels how to change increase contrastdigital painting photoshop levels how to change increase contrast

Гистограмма показывает, что в нашем объекте много полутонов, но есть и видимое отсутствие темных и ярких областей. Независимо от того, что мы видим, это то, что говорит нам компьютер! Хотя нет ни одного идеального рецепта для уровней (все зависит от освещения вашей сцены), полное отсутствие темных и ярких областей - это плохой знак.

Просто посмотрите, что происходит, когда мы перемещаем ползунки к середине!

digital painting histogram too little levelsdigital painting histogram too little levelsdigital painting histogram too little levels
Контраст изменился очень хорошо, но смешение пострадало от этого - это потому, что у нас теперь меньше полутонов. Но это не трудно исправить вручную!

Есть ли способ использовать правильные оттенки с самого начала, так что бы не нужно было все это делать? Да, и на самом деле это займет у вас меньше времени, чем вы думаете! Решение заключается в использовании меньшего количества оттенков - темного, яркого, среднего тона и немного черного и белого.

digital painting what shades to usedigital painting what shades to usedigital painting what shades to use

Чтобы реализовать это на практике, прежде чем начинать рисунок, планируйте свое освещение на сфере:

  • Нарисуйте круг и залейте его самым темным оттенком (черный не рекомендуется).
  • Добавьте средний тон.
  • Добавьте яркий оттенок (белый не рекомендуется).
  • Добавьте один или два средних тона между ними.
  • Добавить чуть-чуть черного и белого цвета.
digital painting how to shade light shadow midtonedigital painting how to shade light shadow midtonedigital painting how to shade light shadow midtone

Вы понимаете, где все эти части лежат на гистограмме? Когда мы объединяем их, вот что появляется. Используйте эту сферу в качестве набора образцов для вашего объекта, затеняя его таким же образом - темная тень, средний тон, самый яркий свет, более полутоновые оттенки, самые темные расщелины и яркие блики. Тогда вы сможете все это правильно смешать!

digital painting how to create midtonesdigital painting how to create midtonesdigital painting how to create midtones
Если вы смешаете сферу, вы получите очень хорошую гистограмму со множеством полутонов!

Один момент на последок. Если вы сравните эти две головы еще раз, одну с изначально правильным контрастом и исправленную, вы заметите разницу. Вот почему увеличение контрастности не может реально исправить вашу сцену, если вы не учли значения с самого начала - каждый материал имеет свой собственный диапазон оттенков. Например, самая темная часть белой поверхности будет намного ярче, чем самая темная часть черной поверхности. Это означает, что вы должны подготовить столько сфер, сколько разных материалов присутствует на вашей сцене.

Помните: светлый объект, затененный темными оттенками, так же неправилен, как темный объект, затененный светлыми оттенками!

digital painting how to fix weak contrast luminosity valuedigital painting how to fix weak contrast luminosity valuedigital painting how to fix weak contrast luminosity value

4. Использование слишком сложных кистей и слишком больших штрихов

Когда вы сравниваете традиционные кисти с Photoshop, разница настолько поразительна, что вы можете удивиться, почему они имеют одно и то же имя. В конце концов, классические кисти позволяют рисовать только более или менее хаотичные штрихи, в то время как цифровые создают собственные произведения.

И вот в чем загвоздка. Если они создают что-то самостоятельно, вы отказываетесь от своего контроля над ними. Профессиональные художники чаще всего используют простые мазки, время от времени помогая себе более сложными. Использование сложных кистей на ежедневной основе не только делает вас ленивыми - это также мешает вам научиться достигать эффекта самостоятельно, потому что в этом нет никакой необходимости!

digital painting fur custom brush photoshopdigital painting fur custom brush photoshopdigital painting fur custom brush photoshop

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

Пользовательские кисти не являются чем-то плохим - на самом деле они очень полезны. Проблема возникает, когда вы используете их в качестве основы своего «навыка». Если вы на самом деле потратили время, пытаясь понять, как быстро рисовать мех, вы поймете, что на самом деле он не состоит из одиночных волос, которые вам нужно рисовать один за другим. Вы узнаете, что видение чего-то в наших головах часто не соответствует действительности. Вы узнаете, как видеть и как создавать то, что вы видите, а не то, что вы думаете, что видите.

Вместо этого вы перестаете тратить полчаса на рисование одиночных волос и поиск кисти, которая сделает это за вас. Вы находите то что нужно, вы счастливы, и готовы двигаться дальше. Это так просто, что появляется привыкание, и вы вообще перестаете учиться - вы скорее бы скачали все кисти, если бы это было возможно.

Но как традиционные художники это преодолевают? На самом деле у них нет такого разнообразия кистей. А как они тогда рисуют мех? Ответ прост - так же как вы, если бы пользовательских кистей не существовало. Если вы хотите улучшить свои навыки новичка, отбросьте все сложные кисти на некоторое время. Придерживайтесь простого набора, например, этого, и узнайте, как сделать с его помощью все возможное. Не ищите коротких путей, когда рисование становится трудным. Боритесь с этим, и вы получите бесценный опыт вместо дешевых трюков.

digital painting why custom brush baddigital painting why custom brush baddigital painting why custom brush bad
Здесь не использовалась «меховая щетка»

Слишком большой

Другая распространенная ошибка, связанная с кистями, - использование слишком больших штрихов. Все опять же основано на нетерпении. Правило состоит в том, что 80% работы занимает 20% времени, затрачиваемого на нее, а это означает, что вам нужно потратить 80% рабочего времени на завершение вашего произведения. Если за два часа вы набросали эскиз, базовые, плоские цвета и простую штриховку, у вас осталось еще восемь часов. Более того, за эти восемь часов вы увидите меньше прогресса, чем в первые два! Это обескураживает, не так ли?

Вы можете четко это видеть в процессе, который художники иногда показывают своей публике, вот так. Первые шаги огромны - создается что-то из ничего. А затем все замедляется. Вы едва видите разницу между последними шагами, и все же эта тонкая разница, вероятно, заняла больше времени, чем все предыдущие!

digital painting when to finishdigital painting when to finishdigital painting when to finish
Когда вы остановитесь?

Это проблема. Когда ваша картина почти закончена, вы чувствуете, что хотите закончить ее и увидеть ее наконец уже готовой.  Но это момент, когда вы на самом деле наоборот должны начать! Я помню, как читал комментарий в одном из этих процессов рисования: «Я бы остановился на шаге 4» [из 10]. И в этом разница между этим новичком и профессионалом! Потому что другая часть этого правила такова: последние, медленные 20% работы способствуют 80% итогового результат.

Решение простое. Вы никогда не должны заканчивать свою фотографию большими штрихами (если только это не скоростная живопись). Они зарезервированы для начала, для этого 20% времени. Используйте их, чтобы заблокировать формы, определить освещение, добавить большие части цвета. И затем постепенно уменьшайтесь, увеличивайте масштаб, очищайте, добавляйте детали. Вы увидите, что вы заканчиваете, когда работаете с очень маленькой кистью в очень крупном размере. Как правило, чем больше мест на вашей картине, которых вы касаетесь своей кистью (и чем больше вы ее меняете, например, добавляя небольшую разницу в яркости или оттенке при каждом маленьком штрихе), тем более изысканной она будет выглядеть.

Есть и другая сторона этого правила. Поскольку 80% фрагмента не так сильно влияют на конечный эффект, нет необходимости чрезмерно нам нем фокусироваться. Начинайте свои картины быстро, свободно, и оставьте все свои усилия на потом. Помните: не всякая картина должна быть закончена только потому, что вы ее начали. Отбрасывая то, во что вы не верите, вы сохраняете для себя в четыре раза больше времени, чем вы уже потратили впустую!

5. Использование слишком большого количества цветов

У традиционных художников не слишком много цветов, готовых к использованию. Они должны научиться создавать их, смешивать, чтобы получить желаемый эффект. Это неудобство, по сути, является благословением. У них нет другого выбора, кроме как изучить теорию цвета. У вас, как у цифрового начинающего, под рукой сразу есть все цвета, доступные в пределах вашей досягаемости. И это проклятие!

digital painting how to choose colors photoshopdigital painting how to choose colors photoshopdigital painting how to choose colors photoshop

Мы не понимаем цвета интуитивно. В нашей повседневной жизни нет в этом никакой необходимости. Но, как художник, вы должны полностью изменить свою точку зрения. Вы больше не можете полагаться на интуицию, потому что она плохо работает в этой теме. Вам нужно перестать думать о цветах, как вы их знаете, и понять концепцию Оттенок, Насыщенность, Яркость.

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

digital painting colors relativedigital painting colors relativedigital painting colors relative
Даже оттенок цвета может меняться в зависимости от его окружения. И это знание имеет решающее значение для живописи, а не только для дизайна, как вы можете думать!

Новичок, не знающий всего этого, заполняет свой эскиз целым набором случайных цветов. Они выбирают какой-нибудь синий цвет, а затем добавляют другой какой-нибудь зеленый цвет, без какой-либо связи между ними, они выбирают их из тысяч других цветов с синеватым и зеленоватым оттенком!

Это то, как новичок видит цвета:

  1. Синие
  2. Грязные синие
  3. Серые
  4. Черные
digital painting how color picker works photoshop wrongdigital painting how color picker works photoshop wrongdigital painting how color picker works photoshop wrong

Но ... почему у нас тогда так много оттенков, если они бесполезны? Ответ в том, что это не так. Вам нужно только понять, как они произошли и что они означают. Давайте посмотрим на тот же подборщик цветов, и как его видит профессионал:

  1. Ненасыщенные синие
  2. Насыщенные синие
  3. Яркие синие
  4. Темно-синие
digital painting how color picker works photoshop correctdigital painting how color picker works photoshop correctdigital painting how color picker works photoshop correct

Выглядит сложно? Наверное, но это не повод их игнорировать! Если это слишком сложно для вас, то на какое-то время придерживайтесь оттенков серого. Поймите проблему освещения, затенения и смешивания, и вы получите прочную основу для будущих рисунков. Более того, цвета (а точнее их оттенки) являются глазурью на том торте, который называется вашим произведением. Они могут сделать его слаще, но они не могут быть его основой. Никакое количество крема не сделает хороший пирог хорошим!

И если вы решите освоить цвета, попробуйте эти статьи для начала:

6. Выбор цвета непосредственно из справочника

Трудно бороться с этим искушением, оно настолько сильное, что может заставить вас плакать. Я это хорошо знаю. Тем не менее, если вы хотите действительно научиться цифровой живописи, вы не должны использовать инструмент «Пипетка», чтобы заимствовать цвет из ссылки. Почему это так важно?

digital painting how to choose colors eyedropper tool digital painting how to choose colors eyedropper tool digital painting how to choose colors eyedropper tool

Начинающие обычно используют низко насыщенный оранжевый/розовый для кожи. Это кажется очевидным, но эффект далек от естественного. Если вы используете ссылку, хотя ... это совсем другая история! Почти у каждого пикселя различный оттенок, не только розовый, вы можете найти красные, желтые, оранжевые, даже холодные пурпуры, зеленый и голубой. Насыщенность и яркость изменяются все время, и, тем не менее, конечный эффект не похож на хаос.

Когда вы выбираете цвета из ссылки, ваша собственная картина приобретает новую жизнь. Проблема в том, что она не отличается от трассировки. В результате отслеживания вы получаете линии, которые вы не могли повторить сами, и, выбирая цвета, вы получаете красивое затенение, которое вы не сможете повторить. Эффект потрясающий, но на него нельзя рассчитывать.

Есть еще одна вещь. Выбор цвета останавливает ваш прогресс. Вы «покупаете» набор цветов вместо того, чтобы научиться создавать их самостоятельно. У вас есть цветное колесо со всеми ползунками; Каждый цвет, который вы выбираете, может быть воссоздан вами. Но вы все равно решите использовать те, которые уже созданы - это быстро и эффективно, но вы знаете, что еще быстрее и эффективнее? Сделать фотографию.

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

digital painting how to practice colorsdigital painting how to practice colorsdigital painting how to practice colors
Все эти уроки были написаны мной из ссылки, но без использования инструмента «Пипетка». Как новичок, начните с более простых вещей - чем меньше цветов, тем лучше

7. Добавление цветов в оттенки серого без надлежащих значений

Я написал эту картину в 2011 году. Это, безусловно, приятная, душераздирающая сцена, и мне она все еще нравится. Я помню, что нарисовал ее в оттенках серого, а затем добавил цвета, используя, вероятно, несколько режимов наложения (Color, Multiply, Overlay). Я помню, что была одна досадная проблема: как получить правильный желтый цвет при рисовании в оттенках серого?

digital painting grayscale to color why muddy colors dark yellowdigital painting grayscale to color why muddy colors dark yellowdigital painting grayscale to color why muddy colors dark yellow

У меня больше нет оригинального файла, но, вероятно, это выглядело так в оттенках серого. Обратите внимание, что и зеленая, и желтая области одинаково темные. Но в действительности это не так !

digital painting how from grayscale to color problemdigital painting how from grayscale to color problemdigital painting how from grayscale to color problem

Когда я был новичком, как вы, я полагал, что свет делает все цвета равномерно ярче, а тень делает их равномерно темнее. Вот почему живопись в оттенках серого казалась такой удобной. Я мог бы сосредоточиться на затенении и добавить цвета позже. К сожалению, этот трюк не сработал, и мне потребовалось много времени (главным образом потому, что я не очень старался), чтобы понять, почему это не так.

Простой ответ заключается в том, что разные цвета имеют разную яркость независимо от освещения. Когда вы игнорируете это, в результате вы получаете грязные цвета. Цвета, добавленные непосредственно в изображение в оттенках серого, лишены важной части. Если вы хотите узнать больше об этом, я написал сложное руководство по теме значения цветов.

digital painting grayscale color problem value luminositydigital painting grayscale color problem value luminositydigital painting grayscale color problem value luminosity
digital painting muddy colors contrast color modedigital painting muddy colors contrast color modedigital painting muddy colors contrast color mode
Обе головы имеют одинаковые цвета, применяемые в режиме цвета. Заметьте, что это не цветной слой

8. Затенение с помощью инструментов Осветление и Затемнение

Осветление и Затемнение являются одними из фаворитов для новичка. Они прекрасно вписываются в убеждение, что Photoshop - это «программа рисования». Вам нужно только выбрать базовые цвета, а затем выбрать области, которые вы хотите закрасить. Остальное управляется продвинутыми алгоритмами, а не вами, и это здорово, потому что в любом случае вы не знаете, что делать.

digital painting how to shade dodge burndigital painting how to shade dodge burndigital painting how to shade dodge burn

Однако все не так просто. Эти инструменты не совсем бесполезны, но когда вы новичок, лучше держаться от них подальше. Это не «инструменты затенения». Инструмент Осветление не равен «добавить свет», а инструмент Затемнение не равен «добавить тень». Проблема заключается в том, что они так хорошо подбирают видение новичка о затенении, что трудно преодолеть искушение.

Проблема заключается не в инструментах, а в непонимании самого затенения. Начинающие часто думают, что объекты имеют определенный цвет, и этот цвет темнеет в тенях и наоборот становится ярче на свету. Все не так просто. Это может хорошо работать для затенения ячейки или для целей мультипликации, но даже там это просто короткий путь.

Если это «работает», почему бы просто не использовать это?

  • Это еще одна техника, которая блокирует ваш прогресс. При ее использовании вы даже не замечаете, чего не хватает. Затенение является сложной проблемой, и вы ограничиваете ее правилом «темнее-светлее», потому что это легко. Photoshop работает здесь за вас, а не для вас. Не позволяйте этому мешать вам учиться.
  • Он выравнивает затененный объект. Независимо от того, сколько текстур вы добавите к нему после этого, все работает точно так же, как большая кисть - это означает, что вы можете начать с ним картину, но так никогда и не закончите.
  • Это искажает цвета; Они должны зависеть от окружения (прямой свет, окружающий свет), но ни Осветление, ни Затемнение ничего не знают о фоне, который вы используете. Они все затеняют одинаково!
digital painting how to shade dodge burn comparisondigital painting how to shade dodge burn comparisondigital painting how to shade dodge burn comparison
Между этими частями существует разница в целый год. Первый был затенен дуэтом Осветление - Затенение, другой - пониманием цвета.

Затенение с черно-белым

Расширение этой техники затенения с помощью белого для света и черного для теней. Это происходит из убеждения, что каждый цвет начинается как черный (в тени) и заканчивается как белый (на свету). В то время как это может быть верно для пере- или недодержанных фотографий, это не должно быть правилом, используемым в живописи.

digital painting how to shade black white wrongdigital painting how to shade black white wrongdigital painting how to shade black white wrong

Мы все ищем простые правила, которые легко запомнить и использовать. Но это не значит, что мы должны изобретать простые правила, которые не имеют ничего общего с реальностью: «добавьте белый, чтобы сделать цвет ярче, добавьте черный, чтобы сделать его темнее». Это верно только для оттенков серого! Если вы хотите узнать, какие правила вы можете использовать для создания оттенка цветов, смотрите эту статью.

Необязательная заливка

Когда вы преодолеваете предыдущую проблему, вы можете попасть в другую. Допустим, вы выбрали оранжевый в качестве базового цвета для вашего персонажа. Вы решите, что источник света будет желтым, а окружающий свет будет синим (небо). В соответствии с этим вы переводите оттенок базового цвета на желтый в светло-синем в тени, и это все. Это делает затенение гораздо более интересным, чем если бы вы использовали черно-белое изображение, но это все еще короткий путь, который не обязательно приводит к желаемым результатам.

digital painting how to shade boring shading cold shadow warm lightdigital painting how to shade boring shading cold shadow warm lightdigital painting how to shade boring shading cold shadow warm light

Почему это короткий путь? Создавая только три основных оттенка для вашего объекта, вы автоматически помещаете его в искусственную среду, где все отражает свет со 100% прогнозируемым образом.

В действительности, свет непрерывно отскакивает от всего вокруг, включая «холмы и долины» вашего 3D-объекта. Поэтому затенение редко может быть ограничено двумя или тремя цветами. Синева неба может сделать некоторые тени на объекте синим, но в некоторых других местах  они могут выглядеть зеленоватыми из-за отраженного от травы света. Более того, некоторые тени могут быть действительно яркими и насыщенными из-за света, который попал через препятствие в «тень» (см. Подповерхностное рассеяние).

Если вы примете все это во внимание и решите использовать непрямые источники света, чтобы сделать затенение более разнообразным, вы будете вынуждены рисовать более осознанно - и это здорово! Здесь нельзя использовать большую кисть, потому что она будет смешивать цвета, и в результате вы потеряете их. А маленькая кисть означает, что вы создаете текстуру на лету!

digital painting how to shade properly interesting shading color variousdigital painting how to shade properly interesting shading color variousdigital painting how to shade properly interesting shading color various
digital painting how to shade shading way comparisondigital painting how to shade shading way comparisondigital painting how to shade shading way comparison

9. Смешивание мягкой кисточкой

Есть два основных метода, которые новички используют для смешивания оттенков, оба предназначены для быстрых эффектов:

  1. Смешивание мягкой кистью
  2. Смешивание с инструментом Размытие/Резкость
digital painting how not to blend smudge blur softdigital painting how not to blend smudge blur softdigital painting how not to blend smudge blur soft

Как мы уже выяснили, быстрые эффекты часто означают, что они вне нашего контроля. В этом случае смешение с большими штрихами выравнивает объект и делает его неестественно гладким. Даже если вы потом добавите фото-текстуру, это не изменит этот «пластический» эффект. Опять же, этот метод может быть хорош только для этой стартовой фазы.

digital painting bad blending softdigital painting bad blending softdigital painting bad blending soft

Если вы хотите получить приятную тонкую текстуру (которая хороша для большинства натуральных материалов), используйте более жесткую кисть с нажимом, контролируемым давлением ручки (чем сильнее вы нажимаете, тем более твердый получается штрих).

digital painting how to variable flow pressure opacitydigital painting how to variable flow pressure opacitydigital painting how to variable flow pressure opacity

Этот тип кисти позволяет вам контролировать количество цвета, которое вы хотите использовать.

digital paintinvariable flow brush how it workdigital paintinvariable flow brush how it workdigital paintinvariable flow brush how it work

Благодаря этому атрибуту вам не нужно смешивать границу между двумя цветами. Вы начинаете с базового цвета и слегка прикрываете его другим. Затем вы можете добавить еще один слой того же цвета, сделав его более прочным.

digital painting how to blend with thexture flowdigital painting how to blend with thexture flowdigital painting how to blend with thexture flow

Если вы хотите сделать цвет более плавным, просто выберите цвет где-нибудь посередине и слегка покрасьте границу.

digital painting how to blend smooth texturedigital painting how to blend smooth texturedigital painting how to blend smooth texture

Для более прочной текстуры используйте текстурированную кисть (с острыми краями).

digital painting how to blend smooth texture exampledigital painting how to blend smooth texture exampledigital painting how to blend smooth texture example

В соответствии с правилом 80-20 не заботьтесь о смешивании на первом этапе. Используйте большую кисть и сделайте края видимыми, создавая преувеличенное затенение.

digital painting how to shade before blendingdigital painting how to shade before blendingdigital painting how to shade before blending

Позже вы можете использовать меньшую текстурированную кисть для смешивания краев. Не используйте инструмент Палец, или мягкую кисть, только Пипетку и жесткую кисть с переменным нажимом. Помните: смешивание зависит от текстуры поверхности, поэтому вы не можете использовать один и тот же способ смешивания для любого материала!

digital painting how to blend after shadingdigital painting how to blend after shadingdigital painting how to blend after shading

10. Использование 2D-текстур для 3D-форм

Фототекстуры - последнее средство для новичков, когда объект теоретически закончен, окрашен и затенен, но он все еще похож на пластиковую игрушку. Однако, сама текстура может сделать все ее еще хуже.

Допустим, мы хотим добавить текстуру этой большой кошке.

digital painting how to apply texture flat digital painting how to apply texture flat digital painting how to apply texture flat

Перед добавлением текстуры объект должен быть затенен. Сложная часть - это не обязательно полное затенение. Метод смешивания зависит от текстуры - если вы смешиваете без какой-либо текстуры, вы получите не-текстурное смешение (гладкую поверхность).

digital painting how to apply texture 3d digital painting how to apply texture 3d digital painting how to apply texture 3d
digital painting how to apply texture 3d exampledigital painting how to apply texture 3d exampledigital painting how to apply texture 3d example

Вы можете загрузить текстуру из Интернета или использовать один из шаблонов Photoshop - есть целое множество в наборах по умолчанию. Это мой любимый узор для чешуи, перевернутая дверь.

digital painting how to apply texture too flat pattern scales digital painting how to apply texture too flat pattern scales digital painting how to apply texture too flat pattern scales
digital painting how to apply texture too flat pattern scales exampledigital painting how to apply texture too flat pattern scales exampledigital painting how to apply texture too flat pattern scales example

Если вы измените режим наложения текстуры на оверлей, вы увидите, что он применяется к затенению. Однако обратите внимание, что некоторые части были просветлены. Вам может понравиться, если затенение не было сделано правильно, но это еще один случай отказа от контроля. В большинстве случаев мы не хотим, чтобы текстура создавала собственную версию затенения. В то время как режим наложения не является лучшим решением, он позволяет увидеть, как текстура выглядит на объекте.

Теперь, самая важная и упущенная часть. Если объект предназначен для 3D, он не может быть хорошо покрыт 2D-текстурой. Нам нужно настроить ее форму на форму, которую она покрывает. Существует три основных способа сделать это: экспериментировать и найти свои любимые:

  • Инструмент Свободное преобразование (Control-T) в режиме обертки
  • Фильтр> Превратить в жидкость
  • Редактирование> Марионеточная деформация
digital painting how to apply texture shape form change digital painting how to apply texture shape form change digital painting how to apply texture shape form change
Для сфер лучше использовать Фильтр> Искажение > Сфера
digital painting how to apply texture shape form change example beforedigital painting how to apply texture shape form change example beforedigital painting how to apply texture shape form change example before
Перед использованием Марионеточной деформации
digital painting how to apply texture shape form change example afterdigital painting how to apply texture shape form change example afterdigital painting how to apply texture shape form change example after
После использования Марионеточной деформации

Режим наложения осветляет участки слоя, покрытые белыми областями текстуры. Вместо этого мы могли бы использовать Multiply (это делает белые области прозрачными), но это сделало бы темные тоны (серые) темнее, чем это необходимо. Есть еще один инструмент, идеально подходящий для настройки прозрачности текстуры.

Дважды щелкните слой и поиграйте с ползунками Blend If. Проще говоря, с ними вы можете настроить прозрачность белого и черного.

digital painting how to apply texture opacity blend if slidersdigital painting how to apply texture opacity blend if slidersdigital painting how to apply texture opacity blend if sliders
Удерживайте клавишу Alt, чтобы «разбить» слайдер и получить более плавный эффект
digital painting how to apply texture opacity blend if sliders white transparentdigital painting how to apply texture opacity blend if sliders white transparentdigital painting how to apply texture opacity blend if sliders white transparent
digital painting how to apply texture opacity blend if sliders exampledigital painting how to apply texture opacity blend if sliders exampledigital painting how to apply texture opacity blend if sliders example

Нам нужно понять, что такое текстура. Это не «грубая картина», размещенная прямо на объекте. Это, по сути, шероховатость поверхности. Когда свет попадает на гладкую поверхность, он отражается равномерно. Если поверхность грубая, то есть сделана из крошечных выступов и трещин, свет, попавший в нее, создаст целый набор крошечных теней. И это текстура, которую мы видим.

Из этого можно извлечь еще один факт. Если свет, создает видимую текстуру, то не может быть текстуры без света. А что такое тень, если не недостаток света? Поэтому мы должны уменьшить текстуру в темных областях (если присутствует окружающий свет) или вообще удалить ее (нет света, нет текстуры). Вы можете использовать маску слоя для этого или поиграть с ползунками Blend If (вторая строка). Имейте в виду, что трещины текстуры на самом деле являются тенями, поэтому они не должны быть темнее, чем «нормальная» область тени.

digital painting how to apply texture dark transparent digital painting how to apply texture dark transparent digital painting how to apply texture dark transparent
digital painting how to apply texture dark transparent exampledigital painting how to apply texture dark transparent exampledigital painting how to apply texture dark transparent example

Применение текстуры выполняется быстро и легко, как только вы знаете, какие действия предпринять после ее выбора. Однако это еще не конец. Каждая текстура отличается, и хотя некоторые из них будут отлично смотреться при непосредственном применении, большинство из них потребует дополнительной работы.

Опять же, здесь применяется правило 80-20. Добавить текстуру очень просто, но для ее работы требуется больше времени. В моем примере я смешал края затенения с отдельными чешуйками. Подобные вещи очень трудоемки, но они все меняют!

digital painting how to shade texture photoshop digital painting how to shade texture photoshop digital painting how to shade texture photoshop
digital painting how to shade texture photoshop example digital painting how to shade texture photoshop example digital painting how to shade texture photoshop example
digital painting how to shade texture photoshop comparisondigital painting how to shade texture photoshop comparisondigital painting how to shade texture photoshop comparison
Первая сфера имеет плоскую текстуру в режиме наложения с более низкой прозрачностью, чтобы сделать ее менее заметной; Вторая - такая же, но с искажением. Сравните их с предыдущим, с пользовательскими значениями Blend If или ручным смешиванием

Заключение

Как вы заметили, большинство проблем начинающих исходит из стремления к достижению больших целей без особых усилий и как можно быстрее. Так что на самом деле это не недостаток навыков, а скорее, это глубокое убеждение, что Photoshop - это программа для создания произведений искусства. Это приводит к постоянному поиску инструментов и трюков, вместо того, чтобы самим пытаться понять и решить проблему.

Вы не сможете стать цифровым художником за один день, только потому, что приобрели продвинутое графическое программное обеспечение. Photoshop - это просто инструмент, более удобный для использования, чем пигменты и кисти, но он все еще инструмент. Он не может сделать больше, чем вы хотите! Если вы хотите сделать все возможное, отнеситесь к нему как к цифровому холсту с цифровыми цветами. Забудьте обо всех этих необычных инструментах, фильтрах, кистях или режимах наложения. Просто рисуйте, как на реальном холсте.

Изучите теорию цвета, перспективу, анатомию - все эти вещи должны освоить «нормальные» художники. Со временем вы поймете, как использовать инструменты Photoshop, чтобы делать то же самое проще и быстрее, но не ставьте телегу впереди лошади, пытаясь получить великолепные эффекты, не понимая их. Терпение - это ключ!

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads