Бродил я по файлам своего компьютера, в одном из бэкапов нашёл статью FkoFF'а о рисовании иконок, которая так и не была им опубликована. Сейчас у него самого этой статьи в доступном виде, вероятно, не осталось. Я же решил дать ей вторую жизнь, переработав её грамматически, но оставив ту же суть. Теперь и вы можете прочесть её.

---

Решил я дать-таки уроки иконмейкерства нашим форумчанам, дабы повысить не только количество людей, клепающих иконки, но и качество этих самых иконок.

Разбирать вообще всю теорию построения рисунка я не буду, да оно и не к чему.

Иконки, сами по себе, делятся на два вида:
• Объекты
• Эффекты

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

1. Иконки, изображающие объекты.

Если на иконке изображён объект, то есть несколько правил, вернее, несколько важных аспектов иконки:

• Объект, изображённый на иконке, должен быть сравнительно легко узнаваем.
• Объект должен быть «характерным».
• Объект должен выглядеть максимально объёмным.

Также, на самом деле, нельзя забывать о цветах. Унылые блеклые иконки ни вам, ни пользователям не понравятся.

Первый момент, о котором стоит сказать – объём. Т.е форма объекта.

В 80% пользовательских иконок, которые я видел, напрочь отсутствует форма объекта и перспектива изображения. Такие иконки отдают за километр халтурщиной, и ни один человек, обладающий вкусом, такие иконки использовать не станет.

Как задаётся перспектива объекта и форма? Форма объекта задается тенями и бликами, перспектива – изменением размера, в зависимости от расстояния до «глаз».

Перспектива задаётся при построении рисунка, форма, по большей части, выделяется уже в момент «формирования» рисунка.

Итак, попробуем нарисовать достаточно простой объект – щит.

1. Просто круг в предполагаемой перспективе.
2. К кругу добавлена сетка формы.
3. К имевшемуся кругу добавлен источник света и тень, делающая защитную часть выпуклой, а кайму - плоской.
4. Здесь объект иной формы, треугольный щит, расположенный в перспективе к источнику света. Внимательно приглядитесь, как ложатся тени. Объект, нарисованный впоследствии вами для иконки, должен быть объёмным.

Теперь разберём момент построения формы объекта.
1. Выбираем угол, ракурс, с которого «глаз» будет смотреть на объект. На рисунке изображена линия горизонта с линиями перспективного направления. Т.е на данном этапе мы выбираем именно угол поворота объекта.
2. Мы поместили объект выше линии горизонта, значится, смотрим на него немного снизу, объект находится над нами. На этом же этапе мы выбираем источники света. Один источник света невозможен принципиально, объект всегда освещается более чем с одной стороны, поэтому вокруг имеющегося объекта можно разместить несколько колец, на которые будут подвешены источники света. Впрочем, можно использовать любую трёхмерную форму, на которую вы будете крепить источник. Делается это для того, чтобы лучше видеть угол между источником света и освещаемым объектом.
3. Имея размещённые источники света – делаем пробные наброски теней, чтобы самому для себя выделить освещение объекта. Не забываем также, что освещённость объекта и его световая рефлексия напрямую зависит от материала. Матовые материалы освещаются практически целиком, тогда как полированные материалы практически отражают свет, не рассеивая его. В связи с этим у матовых поверхностей освещение вполне равномерное, тогда как у полированных – контрастное.
4. Рельефность объекта невероятно важна при создании теней на объекте. При обозначенной перспективе и источниках света рельеф объекта далеко не так проблематично делать. Выбрав материал (степень отражения света), рисуем на объекте рельеф. Структура очень проста, каждая впадина имеет контрастную освещённую часть и контрастно затенённую, при большом количестве источников света обе части в некоторых местах могут быть контрастными. Не пытайтесь с первого раза нарисовать идеальное освещение. Пробуйте с одним, максимум двумя источниками света, находящимися на одном расстоянии в полярных координатах от объекта.

Материал. Этот пункт хоть и уже затронут, однако речь шла исключительно об отражении света. Тут есть ещё тонкости, о которых стоит сказать отдельно. Независимо от цвета, материал должен быть узнаваем. Золото это, лед это, или, возможно, дерево – правильно обозначенный рельеф + текстура + материал объекта дают полное представление зрителю о материале, из которого сделан объект.

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

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

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

Работа с цветами на изображении – отдельное искусство. Кто-то рисует сразу цветами, кто-то сначала в ЧБ, потом раскрашивает, кто-то рисует контуры, потом их заполняет цветом. Я предпочитаю рисовать сразу в цвете.
Как вы могли убедиться, даже в ЧБ материал вполне узнаваем. Исходя из этого, можно сделать вполне резонный вывод – независимо от цвета, материал, из которого состоит объект, всегда будет узнаваем. И правда ведь, в течении жизни человек сталкивается с самой разнообразной окраской вообще всех объектов. Более того, нет ни одного объекта, цвет которого можно было бы строго выделить. Т.е, в зависимости от освещения, тени и блики на объекте абсолютно разных цветов (у красной занавески – рыжие блики и пурпурные тени), в другом же освещении – тени зелёные, а блики голубоватые. И поэтому, выбор цвета – вопрос вкуса, дизайна и эмоциональной передачи (экспозиции), а не материала.

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