Рисуем красный флаг

10 октября 21:00 2011

Бывают дни, когда хочется порисовать для себя. И сегодня именно такой день 🙂

Я решил нарисовать красный флажок — специально для урока.

Этап 1. Прорисовка ножки флага

Для начала создал документ 500х500, и набросал на разных слоях то, что станет основой для флага:

Рисуем красный флаг

Теперь начну делать ножку флага. Отключив остальные слои, я принялся за нее. Решил делать из золота.

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

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

Почему я просто не оставил стиль слоя на ножке? Есть 3 причины:

  • 1. Это меня бесит;
  • 2. Это не профессионально;
  • 3. Чувствуешь себя ущербом, когда приходится их применять в таких картинках.

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

Пришлось перерисовывать сначала.

Прорисовка золого слоя для ножки флага

Я залил основу ножки цветом #988135. И на новом слое однопиксельным карандашом начертил посередине такую линию:

Два раза продублировал с каждой стороны, уменьшив их непрозрачность на 50%:

Склеил эти три слоя, понизил непрозрачность полученного слоя до 50% и перевел в режим «Перекрытие» (overlay):

Продублировал последний слой, и сменил режим смешивания на «Мягкий свет» (soft light):

Далее провел еще одну, но уже черную линию немного правее, и перевел слой с ней в режим «Мягкий свет» (soft light):

С краёв, справа и слева, провел по одной белой однопиксельной линии, слой с ними перевел в режим «перекрытие» (overlay) и снизил непрозрачность до 15%. С правой стороны продублировал этот слой.

Слева, отступив 1 пиксель от края, провел белую линию, а слой перевел в режим «Перекрытие» (overlay), концы линии сверху и снизу, подтёр мягким ластиком:

Снизу у получившейся ножки провел черный градиент, перевел слой в режим «Мягкий свет» (soft light), а непрозрачность снизил до 75%:

Ножка готова, получилось даже лучше стиля смешивания 🙂

Подставляем слои

На этом этапе создания своего флага, я залил приготовленный круг (тут важно попасть в перспективу) цветом #988135, и применил фильтр Шум > Добавить шум (noise > add noise), в поле «значение» проставил на 2:

Продублировал слой, переместил его под первый слой подставки, немного затемнил и сдвинул на 2 пикселя вниз, это даст нам объем:

Снизу, на кончике последнего слоя, провел однопиксельную тень, в режиме «Мягкий свет» (soft light):

Так же сделал и на верхнем слое, только не тень, а грань, белого цвета. Непрозрачность слоя понизил до 40%.

И продублировал этот слой, сменив только режим смешивания на «Перекрытие» (overlay).

Дальше, для объема, сверху на подставке провел небольшой чепрный градиент, и перевел в режим «Мягкий свет» (soft light):

Сверху провел черную грань 1px, понизив непрозрачность слоя до 25%, и сдвинул его на 1px вниз:

Снизу подставки провел белый градиент, слой в режиме «Мягкий свет» (soft light), непрозрачность слоя 60%:

Готово! Ножка и подставка:

Осталась только ткань! 🙂

Этап 2. Рисуем сам флаг

Рисую прямоугольник цвета #9e0000:

С помощью инструмента «Перо» (PeenTool), делаю изгибы флага:

Далее инструментами Dodge и Burn (Осветлитель и Затемнитель), я придаю флагу объем. Как это делается можно прочитать в моем прошлом уроке «Рисуем ленточку».

Для того чтобы придать ткани текстуру, дублирую слой, применяю фильтр Шум > Добавить шум (noise > add noise), со значением 3, и понижаю непрозрачность слоя до 50%:

Слева на краю флага провожу черную однопиксельную линию, и перевожу слой с ней в режим «Мягкий свет» (soft light), непрозрачность слоя 50%. Так же, слева от флага (вплотную к нему) провожу белую однопиксельную линию, перевожу слой с ней в режим «Мягкий свет» (soft light), прозрачность не трогаю:

Чуть ниже флага, на ножке, тоже провожу 1px линию в режиме «Мягкий свет». И делаю грань сверху, на флаге, чтобы придать ему объем:

Готово! Надеюсь у Вас получится с первого раза, а не как у меня 🙂

Итог и Исходники

После небольших доработок, получаем приятную картинку:

На этом всё, спасибо за внимание и не забывайте подписываться на обновления блога.