Создание иконки 16х16

В продолжение темы «о четких пикселах»  — обещанная пиксельная иконка. Буду рада, если кому-то пригодится.

Нарисуем иконку «Теги».

1. Создаём документ 16х16, увеличиваем масштаб изображения  до 3200% и включаем пиксельную сетку (Ctrl+Э) с настройками: линия через каждый 1 пиксель. Берем инструмент «Прямоугольник со скругленными углами»: радиус скругления — 1 пкс, размер — 9х10, создаём прямоугольник.  

2. Берем инструмент «Перо-» (удалить опорную точку) и удаляем 2 верхние точки. 

3. У остальных 2 верхних точек убираем векторные направляющие инструментом «Угол».

4. Инструментом «Перо+» добавляем точку посередине верхней линии прямоугольника, инструментом «Угол» убираем у неё векторные направляющие и, выделив ее (всё тем же инструментом «Угол» или инструментом «Стрелка»), поднимаем на 5 пикселей вверх.

5. Теперь, на палитре «Слои» выделяем миниатюру векторной маски и, выбрав инструмент «Выделение контура», зажимаем клавиши Shift+A+Alt и сдвигаем фигуру влево-вверх на 1 пиксель. 

6. Всё так же, оставаясь на миниатюре векторной маски, нажимаем кнопку «Вычесть из области фигуры-«.

7. Опять зажимаем клавиши  Shift+A+Alt , выделяем верхнюю пустую фигуру и тащим её тоже влево-вверх на 1 пиксель. Нажимаем теперь кнопку «Добавить к области фигуры».

8. Затем, всё еще оставаясь в инструменте «Выделение контура» нажимаем кнопу «Объединить» и вот что получаем. 

9. Теперь поворачиваем всю фигуру на 45 градусов. С помощью инструмента «Выделение контура» выравниваем её по пиксельной сетке. Показанные точки нужно выровнять по-отдельности. 

10. Делаем дырку в иконке. Инструментом Эллипс: размер 3х3. Выделяем миниатюру векторной маски, нажимаем в палитре инструментов кнопку «Вычесть из области фигуры-«, создаем круг на нашей фигуре. Подгоняем его по сетке. 

Готово!

Можно добавить иконке какой-нибудь стиль.

А тут можно посмотреть PSD.

Поделиться в соц. сетях

Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Комментариев нет

Ответить