Рисование пиксельных иконок

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

Для того чтобы нарисовать иконку нужно сделать несколько приготовлений. Мы будем рисовать небольшие иконки, которые обычно используются для вспомогательной иллюстрации навигационных ссылок, в меню, списках и интерфейсах. Пусть это будут иконки дома (классическое обозначение главной страницы) письма (почта), различные стрелки (используются в списках и навигации), бюста человека (для обозначения пользователя).

Все эти иконки легко нарисовать на небольшом поле размерами 16*16 пикселей. Для того чтобы не ошибиться с границами, давайте сделаем для себя выделение, равное по своим размерам квадрату 16*16, с помощью инструмента Rectangular Marquee Tool (клавиша M).

Для того чтобы рисовать пиксельные иконки нам понадобится кисть размером в один пиксель. Лучше всего для этих целей подойдет инструмент Pensil Tool (клавиша B). Выбираем этот инструмент, нажимаем правую кнопку мыши и как показано на изображении выбираем размер пера равным одному пикселю.

Рисовать пиксельную иконку мы будет на отдельном слое (Shift+Ctrl+N), для того чтобы потом ее можно было легко скопировать и перекрасить, при необходимости. Отмечаем на новом слое выделение 16*16 и для того чтобы нам было удобнее рисовать увеличиваем видимую область поля примерно до 800% — 1600% видимости, с помощью нескольких нажатий сочетания клавиш ctrl и +. Все готово.

Далее нашей кистью-карандашом просто рисуем нужные иконки, это просто. Несколько замечаний: чтобы быстро посмотреть что получилось нужно несколько раз нажать Ctrl и — до видимости в 100%, а потом обратно Ctrl и +; чтобы отменить последнее действие – нажать Ctrl+Alt+Z; чтобы быстро стереть все просто нажать Delete.

Вот что получилось

Или в обычном размере.