Рисуем красивую иконку CD-ROMа используя Фотошоп

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

В данном уроке Фотошопа мы нарисуем красивую иконку CD-ROMа.


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

Рисуем красивую иконку CD-ROMа используя Фотошоп

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


1) Скриншоты представлены в реальном размере (295х310). Создаем новый документ (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).

Начинаем с фона. Градиент (Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G")) от #dcf9ff до #92d3f9: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

2) На новом слое с помощью Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") отрисовываем основной каркас устройства: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

3) Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Отрисовываем верхнюю плоскость: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

4) Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Отрисовываем переднюю панельку: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

5) Новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Блик на передней панельке: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

6) Новый слой. Рисуем кнопки на передней панели. Сначала делаем маленький прямоугольник черного цвета (Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" )), размещаем его относительно передней панели с помошью Edit > Transform > Perspective (Редактирование > Трансформация > Перспектива), затем создаем новый слой, берем кисточку (Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B")), ставим твердость на 50% а размер на 10 px и делаем 3 разными цветами точки как на скриншоте ниже: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

7) Создаем новый слой. Добавляем винтики на крышку, для этого кисточкой делаем вот такие черные кружки на верхней плоскости: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

8) Новый слой. Делаем образ диска на верхней плоскости. Используем Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U"). Затем копируем получившийся круг на новый слой, уменьшаем, размещаем в центре и делаем цвет чуточку темнее. Затем копируем ещё раз, уменьшаем ещё чуть чуть. Вот что должно получится: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

9) Новый слой. Делаем крышку приемника дисков. Так же как и в шаге с передней панелькой создаем прямоугольник и размещаем его относительно остальных частей вот так: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

10) Делаем тень под устройством, для этого копируем слой с верхней поскостью, Ctrl+клик на сдублированном слое, затем Edit > Fill (Редактирование > Заливка / Сочетание клавиш "Shift+F5") цвет черный. Используем Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) 6,2%. Затем опускаем слой с тенью под все остальные на панели слоев и перемещаем его к основанию устройства: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

11) Изменяем Blending Options (Параметры наложения) для слоя с основным каркасом: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

Вот градиент: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

Вот что получается: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

12) Изменяем Blending Options (Параметры наложения) для слоя с верхней плоскостью: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

Вот градиент: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

Затем Filter > Blur > Blur More (Фильтр > Размытие > Размытие +) 1 раз.


Вот что получается: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

13) Изменяем Blending Options (Параметры наложения) для слоя с винтами верхней плоскости, прозрачность слоя ставим на 27%, затем идем в настройки слоя: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

Вот так выглядит результат: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

14) Изменяем Blending Options (Параметры наложения) для слоя с бликом на передней панели: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

Вот градиент: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

Что получается: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

15) Изменяем Blending Options (Параметры наложения) для слоя передней панели: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

Вот градиент: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

Вот результат: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

16) Изменяем Blending Options (Параметры наложения) для диска, головки диска и ободка вокруг головки: ↓


Настройки для диска: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

Настройки для головки (прозрачность слоя 63%): ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

Настройки для ободка вокруг головки: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

Результат: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

17) Изменяем стиль огоньков на передней панели: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

Результат: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

18) Изменяем стиль крышки дископриемника: ↓


Рисуем красивую иконку CD-ROMа используя Фотошоп

В итоге: ↓

Рисуем красивую иконку CD-ROMа используя Фотошоп

19) Делаем отражение. Вот финальный результат этого урока:

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

Рисуем красивую иконку CD-ROMа используя Фотошоп

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