Урок рисование иконки PSP

Веб дизайн в Иркутске

Рисуем иконку PSP
В этом уроке хочу поделиться своей техникой в рисовании пиксельных иконок, ничего сложного в этом нет.
Для удобного просмотра я дублировал процесс создания иконки масштабированной до 300% картинкой справа.

+3
28 августа 2010, 03:58
CoLorifiC

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

Шаг 1: Создаем файл 50 на 50 пикселей, dpi 72 точек на дюйм

С помощью инструмента

с радиусом закругления углов 6px создаем форму нашей PSP

Что бы добиться наиболее правильной формы, берем карандаш

и добавляем недостающие элементы нашей форме (что бы провести ровную линию, необходимо зажимать клавишу Shift) У вас должно получиться нечто похожее на эту форму:

Шаг 2: Теперь будем добавлять необходимые элементы, начнем с дисплея, инструментом

рисуем прямоугольник как показано на картинке. После этого переходим в свойства слоя прямоугольника и наложим градиент…

Цветовые значения для градиента

Так же необходимо изменить параметры градиента:

Создаем новый слой. На нем рисуем кнопочки к приставке (используем при этом тот же карандаш

в 1 px )
Я рисовал белым цветом. Затем применил к слою с кнопками прозрачность. Затем на новом слое я старался добиться четкости и визуально смотрел на те участки где необходим был более контрастный цвет.

Добавляем верхние кнопки по бокам. По краям дисплея нирисовал линии которые добавят объема экрану. (техника такая же)

На дисплее добавляем блики. Для этого на новом слое мягкой кистью

наносим в левый верхний угол немного свечения (белый цвет)

Затем используем инструмент

, толщина линии 8 px. Проводим линию с зажатой клавишей Shift, сверху вниз, начиная с левого угла экрана, под углом 45 градусов. Рядом рисуем еще одну, только уменьшаем ширину линии до 3px. Излишки линий подтираем мягкой резинкой.