Понедельник, 23.04.2018, 20:21

Каталог статей

Главная » Статьи » Уроки Photoshop » Создание иконок

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

IconDesign


Вот мои соображения по поводу проектирования иконок в Adobe Photoshop:

— много уважаемых создателей иконок считают Illustrator лучшей программой для
их создания — http://blog.turbomilk.com. У меня нет и я не умею работать в Illustrator, но я хорошо знаю Photoshop, и я обнаружил, что его тоже можно использовать для создания иконок и это очень просто.

— лучший способ проектировать иконки (маленького
размера) — это векторы. В Photoshop, их делают с помощью Shape и Pen tools. Мой личный способ заключается в том, чтобы делать векторы в твердых цветах (один вектор в каждом слое (layer) ) и затем применять различный эффекты слоя (Blending options), как gradients и strokes.

Так
что же мы можем сделать, чтобы Photoshop стал лучшей программой для проектирования иконок.

Во-первых скачать plug-in для сохранения icon file из photoshop file — IconBuilder. Вот отсюда http://iconfactory.com/software/iconbuilder

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

IconDesign

В View меню, идите
в раздел Show и поставьте галочку на Grid. Я так же рекоммендую запомнить горячую клавишу этой комманды, т.к вам нужно будеть скрывать и снова включать сетку. Для настройки значков, идите в раздел меню Window — Workspace — Keyboard shortcuts (Только Photoshop CS2 и выше).

IconDesign

Идите
в настройки Photoshop — Guides, Grid and Slices. Установите gridline на 1 пиксель, и subdivisions на 1.

IconDesign

Сейчас когда
вы увеличите картинку (1200% — увеличение на картинке выше) вы увидите сетку, где каждая линия разделяет каждый пиксельl. Это не работает на маленьком увеличении, как 100%-200%, итак теперь нажмите на горячую клавишу, чтобы скрыть сетку..

IconDesign

Последний
шаг — идите в раздел View, отмечайте галочкой Snap и в разделе Snap To, отмечайте галочкой Grid.

IconDesign

Теперь каждый раз, когда
вы будете использовать Shape или Pen tool для рисования векторов они будут автоматически выравниваться по пикселям. Результат — ваши изображения на основе вектора будут выглядеть большими и четкими даже в небольших размерах. Есливы хотите нарисовать вектор в середине пикселя, тогда скройте сетку и Photoshop прекратит выранивание.

IconDesign


Очень быстрый
пример — я использовал pen tool для создания 3 векторов…

ForIconDesign


…и применил эффекты stroke и gradient для каждого слоя…

IconDesign

а здесь я показал как выглядит эта иконка в нормальном размере (100%). Не лучшая иконка, я знаю =) но этот пример я сделал за 20 секунд!

Это всё, удачи вам! Может быть мир увидит лучшие Иконки с вашей помощью:-)




Источник: http://www.illustrateddesigns.com
Категория: Создание иконок | Добавил: ps-master (22.09.2008)
Просмотров: 6326 | Рейтинг: 3.8/4 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню
Форма входа
Друзья сайта
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Наш опрос
Нужен ли нашему сайту развлекательный раздел?
Всего ответов: 92
Рейтинг@Mail.ru Рассылка 'Уроки Photoshop: обработка фотографий'
PS-Master © 2018 |