В этом уроке
мы с вами познакомимся с техникой рисования иконок в фотошопе. Как вы
знаете, сам фотошоп не умеет сохранять картинки в нужном нам расширении
(.ico), поэтому придется скачать специальный плагин, который его этому
научит...
Вот мои соображения по поводу проектирования иконок в Adobe Photoshop:
— много уважаемых создателей иконок считают Illustrator лучшей программой для
их создания —http://blog.turbomilk.com. У меня нет и я не умею работать в Illustrator, но я хорошо знаю Photoshop, и я обнаружил, что его тоже можно использовать для создания иконок и это очень просто.
— лучший способ проектировать иконки (маленького размера) — это векторы. В Photoshop, их делаютс помощью Shape и Pen tools. Мой личный способ заключается в том, чтобы делать векторы в твердых цветах (один вектор в каждом слое (layer) ) и затем применять различный эффекты слоя (Blending options), как gradients и strokes.
Так что жемы можем сделать, чтобы Photoshop стал лучшей программой для проектирования иконок.
Это очень хорошая идея, т.к. IconBuilder несет с собой папкус некоторым колличеством готовых шаблонов, включая некоторые из таких (избражено на рисунке).
В View меню, идите
в раздел Show и поставьте галочку на Grid. Я так же рекоммендую запомнить горячую клавишу этой комманды, т.к вам нужно будеть скрывать и снова включать сетку. Для настройки значков, идите в раздел меню Window —Workspace — Keyboard shortcuts (Только Photoshop CS2 и выше).
Идите
в настройки Photoshop — Guides, Grid and Slices. Установите gridline на 1 пиксель, и subdivisions на 1.
Сейчас когда
вы увеличите картинку (1200% — увеличение на картинке выше) вы увидите сетку, где каждая линия разделяет каждый пиксельl. Это не работаетна маленьком увеличении, как 100%-200%, итак теперь нажмите на горячую клавишу, чтобы скрыть сетку..
Последний
шаг — идите в раздел View, отмечайте галочкой Snap и в разделе Snap To, отмечайте галочкой Grid.
Теперь каждый раз, когда
вы будете использовать Shape или Pen tool для рисования векторов они будут автоматически выравниваться по пикселям. Результат — ваши изображения на основе вектора будут выглядеть большими и четкими даже в небольших размерах. Есливы хотите нарисовать вектор в середине пикселя, тогда скройте сетку и Photoshop прекратит выранивание.
Очень быстрый
пример —я использовал pen tool для создания 3 векторов…
…и применил эффекты stroke и gradient для каждого слоя…
…
а здесья показал как выглядит эта иконка в нормальном размере (100%). Не лучшая иконка, я знаю =) но этот пример я сделал за 20 секунд!
Это всё, удачи вам! Может быть мир увидит лучшие Иконки с вашей помощью:-)
