Рисуем значок «Мой компьютер»

В этом уроке нарисуем значок «мой компьютер». В итоге должно получиться такое изображение:

Создадим новый документ размером 256×256 пикселей. Задний фон сделаем следующим цветом #d3e0c3. Работать будем в основном окне, а во втором будем смотреть конечный результат наших действий, поэтому заходим в Window -> Arrage -> New Window for untitled.psd и создаем второе окно, которое уменьшаем до 25 процентов.

Делаем основным цветом белый и из панели инструментов выбираем Rectangle tool

и рисуем такой квадрат:

Берем из панели инструментов move tool и зажав клавишу ctrl изменяем форму нашего квадрата, чтобы она стала вот такой:

Копируем слой с квадратом и заливаем новую форму любым цветом.

Снова берем move tool и, сделав активным новый слой, захватываем курсором правую нижнюю часть квадрата. Зажимаем shift + alt , чтобы сохранить пропорции, и уменьшаем масштаб этого квадрата.

Применяем к слою следующие параметры:


На этом этапе должно получиться следующее изображение:

Смотрите на уменьшенную копию. Если вам покажется, что она не совсем такая, какой бы вам хотелась ее видеть, можете привести ее в соответствие все тем же инструментом move tool, отрегулировав каждый слой.

Снова устанавливаем основным цветом белый и направляемся в панель инструментов, где выбираем Rounded Rectangle Tool. Создаем форму округленного квадрата, как показано ниже, и поворачиваем ее немного на бок.

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

Дисплей:

Основание дисплея:

Должно получиться следующее:

Теперь займемся нижней частью монитора, подставкой. Ее мы сделаем из круга или точнее будет сказать — эллипса. Направляемся в панель инструментов и выбираем Ellipse Tool , которым рисуем такую окружность и помещаем ее под все остальные слои.

Устанавливаем следующие параметры стиля для слоя с окружностью:

Создаем новый слой и при помощи инструмента Polygonal Lasso Tool делаем следующее выделение:

Заливаем его белым цветом и помещаем над слоем окружности. Применяем следующие настройки стиля для слоя:

Должно получиться вот такое изображение:

Теперь нам нужно уменьшить изображение. Нажимаем правой кнопкой мыши на названии окна и выбираем «Image Size…»

В появившемся окне устанавливаем значения Width и Height на 64 пикселя. Теперь изображение изменилось:

Как видите, появилась достаточно заметная тень с левой стороны. Давайте немного уменьшим параметр тени для слоя дисплея и объединим все слои, кроме заднего плана.

Для нового слоя, который мы только что создали, объединив остальные, можно назначить отбрасываемую тень через параметры стиля и в итоге получится значок «мой компьютер».

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

Почта не публикуется.Обязательные поля отмечены *