Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

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

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


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

Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

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


Шаг 1.


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

Берем инструмент Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ).

Задаем для него фиксированный размер: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

И рисуем черный прямоугольник: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Потом рядом белый: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Шаг 2.


Меняем размер Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ): ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Рисуем боковую поверхность: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Снова меняем размер: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Рисуем два верхних елемента: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Шаг 4.


Придаем форму куба. Для чего инструментом Direct Selection Tool (Редактирование контура) сдвигаем уголки в перспективе вот так: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Шаг 5.


Добавим немного тени для большей трехмерности.


Растеризуем все слои: Layer > Rasterize > All Layers (Слой > Растрировать > Все слои).


Соединяем слои верхний (только белый) и боковой.


Заливаем градиентом вот так (Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G")): ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Шаг 5.


Делаем надпись в фирменном стиле, используя любой Bold (жирный) шрифт без засечек (Инструмент Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T")): ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Шаг 6.


Добавим еще какой нибудь елемент для равновесия и придания целосности образу иконки. Я быбрал вот такой: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

И добавил косые полоски: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Шаг 7.


Теперь в стиле WEB 2.0 добавим блик на нее, для чего рстеризуем надпись Layer > Rasterize > All Layers (Слой > Растрировать > Все слои).


Сливаем все слои в один Layer > Merge Visible (Слой > Объединить видимые / Сочетание клавш "Shift+Ctrl+E").

Зажимаем клавишу CTRL и кликаем на единственнй слой.

Так мы выделим только изображение. Потом в режиме интерселекции (Пересечение с выделенной областью): ↓

Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Инструментом Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") сделаем вот такое выделение: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) заливаем выделение белым (Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G")), потом используем → Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация)) и делаем примерно вот так: ↓


Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

После чего меняем непрозрачность слоя на 40%.


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

Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Вот так она выглядит в действии: ↓

Рисуем стильную иконку для 7 ZIP архивов используя Фотошоп

Автор : Валентин;

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