Множество людей просят рассказать как можно нарисовать собственный набор мини-иконок. Вцелом это сделать относительно просто. Все что вам нужно, это знать основные приемы в фотошопе, или иными словами иметь базовый опыт фотошопа. Сейчас я вам покажу как используя Карандаш (Pen Tool) нарисовать иконки, и потом их собрать чтобы сделать полную коллекцию. С помощью этой техники я уже создал более 320 иконок до этого дня.
1. Создаем новый документ
Запустим фотошоп и создадим новый документ с размером 14×14 px, и прозрачным фоном.
2. Нарисуем контуры фигуры
Выберем Pencil tool, затем выберем кисть в 1 пиксел из палитры. Возьмем темно-серый цвет из палитры цветов и начнем рисовать контуры иконки. Чтобы нарисовать прямую линию просто кликните в начальную точку и затем удерживая Shift кликните в конечную точку.
Подсказка: В любое время можно стереть пикселы используя резинку (Eraser tool), выбрав размер кисти в 1px.
3. Основной градиент
Выделим пустое пространство инструментом волшебная палочка (Magic Wand tool). Создадим новый слой, установим основной цвет в светло-серый и фоновый цвет в белый. Выберем инструмент Gradient Tool и протянем градиент с верхнего угла в нижний по диагонали.
4. Света и тени
Создадим новый слой. Нарисуем белую внутреннюю окантовку в 1px сверху чтобы создать эффект засветки. Затем нарисуем серым внутреннюю нижнюю окантовку.
5. Групируем все слои
В палитре слоев выделим все слои и нажмем Ctrl + G чтобы собрать все слои в одну группу.
6. Рисуем карандашом
Опять нарисуем контуры и затем заполним внутреннюю область или сплошным цветом или градиентом. Когда завершите, сгрупируйте эти слои в отдельную папку.
Примечание: если вы хотите использовать один цвет во всем икон-паке, сохраните цвета которые используете в наборе цветов (color swatch).
7. Собираем иконки
Здесь показано как я использовал группы слоев чтобы собрать коллекцию.
8. Экспорт для Web
После завершения рисования иконок, устанавливая аттрибут видимости слоя (visible / invisible) для групп слоев сохраним их как Save for web (Ctrl+Alt+Shift+S).
Popularity: 9% [?]
Вы должны авторизоваться чтобы оставлять комментарии.