Создаем иконку в стиле WMP11 под Vista используя Фотошоп

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

В данном уроке Фотошопа мы рассмотрим процесс создания иконки в стиле WMP11.


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

Создаем иконку в стиле WMP11 под Vista используя Фотошоп

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


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

Берём Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ) задаём размер 220х170 и создаём на новом слое прямоугольник, заливаем его от правого нижнего угла к левому верхнему градиентом от цвета e3e3e3 к fafafa (Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G")).


Должно получиться так: ↓

Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Далее к этому слою применяем → Blending Options (Параметры наложения): ↓


Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Теперь берём Polygon Tool Инструмент - Многоугольник (Инструмент Многоугольник / Клавиша "U") и вырезаем, а затем вставляем на новый слой, и переворачиваем "уголок" с правого верхнего угла вот таким образом (перед этим жмём Ctrl+I): ↓


Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Выделяем нашу основную картинку (Alt+щелчок на слой) инверсируем выделение и применяем Edit > Transform > Warp (Правка > Трансформация > Деформация), деформируем угл.


Нам необходимо придать нашему "уголку" такую вот приблизительно форму: ↓


Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Затем применяем к "уголку" вот такие настройки слоя:


Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Должно получиться так: ↓

Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Теперь создаём новый слой, берём Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U") и рисуем вот какую штуку любого цвета: ↓


Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Теперь применяем к этому слою следующее → Blending Options (Параметры наложения): ↓


Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Получается вот Так: ↓

Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Теперь добавляем на это всё пару бликов, примерно вот так: ↓


Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Теперь дублируем (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")) получившуюся фигуру, переносим ниже (Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V")) и получаем: ↓


Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Теперь можно всё слить вместе (Layer > Merge down (Слой > Объединить слои)).


Далее опять новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), на этот раз с текстом PLS (это значит плейлист, для создания используется инструмент → Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T")) и следующими настройками: ↓


Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Создаем иконку в стиле WMP11 под Vista используя Фотошоп

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

Создаем иконку в стиле WMP11 под Vista используя Фотошоп

Вот и все.


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