Реклама

Создаем обои в стиле StarCraft 2 используя Фотошоп

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

В данном уроке мы будем создавать обои в стиле StarCraft 2 используя возможности графической программы Photoshop.


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

Создаем обои в стиле StarCraft 2 используя Фотошоп

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


Материалы использованные в уроке:

Текстура ржавчины 1;
Текстура ржавчины 2 (более хорошее разрешение);
Шрифт Star Craft;


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

Открываем текстуру ржавчины с хорошим разрешением. Переносим её на нашу работу, подгоняем размеры используя → Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация)).


Создаем обои в стиле StarCraft 2 используя Фотошоп

Используем → Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность - Сочетание клавиш "Ctrl+U") с настройками как на изображении ниже. ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Создаем обои в стиле StarCraft 2 используя Фотошоп

Дальше используем → Image > Adjustments > Levels (Изображение > Коррекция > Уровни / Сочетание клавиш "Ctrl+L") и выставляем настройки как на картинке ниже: ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Создаем обои в стиле StarCraft 2 используя Фотошоп

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


Создаем обои в стиле StarCraft 2 используя Фотошоп

Устанавливаем следующие параметры для нового созданного слоя (слой для формы создается автоматически, окно стилей слоя можно вызвать двойным кликом по слою в панели слоев): ↓

Fill (Заливка) 0%.

Blending Options (Параметры наложения) > Gradient Overlay (Наложение градиента): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Установки градиента: ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Создаем обои в стиле StarCraft 2 используя Фотошоп

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


Создаем обои в стиле StarCraft 2 используя Фотошоп

Создаем обои в стиле StarCraft 2 используя Фотошоп

Теперь переходим к настройкам слоя, выставляем стили слоя (для вызова меню двойной клик по слою). ↓

Свойства слоя: Blending Options (Параметры наложения) > Drop Shadow (Тень): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Inner Shadow (Внутренняя тень): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Inner Glow (Внутреннее свечение): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Bevel and Emboss (Тиснение и рельеф): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Bevel and Emboss (Тиснение и рельеф) (Contour/Контур): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Satin (Глянец): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Pattern Overlay (Перекрытие узора) здесь мы должны будем выбрать этот рисунок из сета Texture Fill 2 (стандартный в Фотошопе, см. рисунок ниже).


Создаем обои в стиле StarCraft 2 используя Фотошоп

Создаем обои в стиле StarCraft 2 используя Фотошоп

Теперь мы должны вставить номер “1” под нашу надпись и сделать его зеркальное отражение. Копируем слой с цифрой, выбираем → Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация)) чтобы развернуть копию и размещаем слои с цифрами как показано ниже: ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Создаем обои в стиле StarCraft 2 используя Фотошоп

Применяем к обоим слоям с цифрами стили (в принципе, можно слить их в один слой): ↓


Blending Options (Параметры наложения) > Outer Glow (Внешнее свечение): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Inner Glow (Внутреннее свечение): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Bevel and Emboss (Тиснение и рельеф): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Bevel and Emboss (Тиснение и рельеф) (Contour/Контур): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Bevel and Emboss (Тиснение и рельеф) > Satin (Глянец): ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Blending Options (Параметры наложения) > Pattern Overlay (Перекрытие узора) здесь мы опять выбираем этот рисунок из сета Texture Fill 2: ↓


Создаем обои в стиле StarCraft 2 используя Фотошоп

Создаем обои в стиле StarCraft 2 используя Фотошоп

Вот и все.


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

Создаем обои в стиле StarCraft 2 используя Фотошоп

Полный размер здесь.


Оригинал;

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