Фотошоп для фотографа 2013

Рисуем стильную иконку ПК используя Фотошоп

| Категория: Уроки по созданию дизайна в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим процесс создания стильной иконки персонального компьютера.


Финальный результат

Рисуем стильную иконку ПК используя Фотошоп

Приступаем к уроку Фотошопа


Создаем новый докумунт (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")). Создаем прямоугольник, используя → Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ).


Рисуем стильную иконку ПК используя Фотошоп

Двойной щелчок на слое, чтобы открыть окно стиля слоя. Примените стили слоя с настройками как на изображении ниже. ↓


Рисуем стильную иконку ПК используя Фотошоп

У вас должно получиться вроде этого. ↓


Рисуем стильную иконку ПК используя Фотошоп

Создайте прямоугольник, используя Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ). Переместите этот слой ниже всех слоев.


Рисуем стильную иконку ПК используя Фотошоп

Создайте очередной прямоугольник, Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ).


Рисуем стильную иконку ПК используя Фотошоп

Двойной щелчок на слое, чтобы открыть окно стиля слоя. Примените стили слоя с настройками как на изображениях ниже. ↓


Рисуем стильную иконку ПК используя Фотошоп

Рисуем стильную иконку ПК используя Фотошоп

Рисуем стильную иконку ПК используя Фотошоп

Создайте два дубликата (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")) и разместите, как показано используя Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация)) и Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V").


Рисуем стильную иконку ПК используя Фотошоп

Создайте дубликат нижнего прямоугольника, и сделайте градиент → Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G").


Рисуем стильную иконку ПК используя Фотошоп

Создайте два маленьких прямоугольника, используя Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ). Разместите, как показано.


Рисуем стильную иконку ПК используя Фотошоп

Создайте знак треугольной формы, используя инструмент Custom Shape Tool Инструмент - Произвольная фигура (Инструмент "Произвольная фигура" / Клавиша "U").


Рисуем стильную иконку ПК используя Фотошоп

Двойной щелчок на слое, чтобы открыть окно стиля слоя. Примените стиль слоя с настройками как на изображении ниже. ↓


Рисуем стильную иконку ПК используя Фотошоп

Рисуем стильную иконку ПК используя Фотошоп

Создайте круг, используя Elliptical Shape Tool Инструмент - Овальная область выделения в режиме фигур (Инструмент "Овальная область выделения в режиме фигур" / Клавиша "U").


Рисуем стильную иконку ПК используя Фотошоп

Копируйте слой и немного уменьшите.


Рисуем стильную иконку ПК используя Фотошоп

Двойной щелчок на слое, чтобы открыть окно стиля слоя. Примените стиль слоя с настройками как на изображениях ниже. ↓


Рисуем стильную иконку ПК используя Фотошоп

Рисуем стильную иконку ПК используя Фотошоп

Рисуем стильную иконку ПК используя Фотошоп

Создайте несколько дубликатов как показано на рисунке.


Рисуем стильную иконку ПК используя Фотошоп

Создайте обогнутый прямоугольник, используя Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U"). Двойной щелчок на слое, чтобы открыть окно стиля слоя. Примените черный цвет к белому градиенту в группе градиента.


Рисуем стильную иконку ПК используя Фотошоп

Создайте другой обогнутый прямоугольник, используя Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U"). Двойной щелчок на слое, чтобы открыть окно стиля слоя. Примените красный цвет к белому градиенту в группе Gradient Overlay (Наложение градиента).


Рисуем стильную иконку ПК используя Фотошоп

Рисуем стильную иконку ПК используя Фотошоп

Выберите и объедините все слои. Примените стиль слоя Drop Shadow (Тень).


Финальный результат

Рисуем стильную иконку ПК используя Фотошоп

Урок подготовлен для Вас командой сайта PhotoshopPro.ru