DataLife Engine > Уроки Photoshop > Проект интерфейса StarCraft - уроки фотошоп

Проект интерфейса StarCraft - уроки фотошоп


14 апреля 2008. Разместил: NonSa
Загрузите из Интернета такую (или подобную) текстуру, как на изображении ниже, она должна быть примерно 1600x1200 px и 72 точки на дюйм.

Проект интерфейса StarCraft - уроки фотошоп


Нажмите CTRL+U (откроется окно Оттенок/Насыщенность).
(NS: выставляем значение, как на скриншоте).

Проект интерфейса StarCraft - уроки фотошоп


Проект интерфейса StarCraft - уроки фотошоп


Следующая комбинация клавиш: CTRL+L

Проект интерфейса StarCraft - уроки фотошоп


Проект интерфейса StarCraft - уроки фотошоп


Настало время использовать инструмент Rectangle Tool (U) (Прямоугольник), тяните немного за края вашей текстуры:

Проект интерфейса StarCraft - уроки фотошоп


Устанавливаем следующие параметры для слоя, сделанного в предыдущем шаге. В палитре слоев: Fill 0% (Заливка)
Blending Options>Gradient Overlay (Опции слоя>Перекрытие градиентом)

Проект интерфейса StarCraft - уроки фотошоп


Gradient’s параметры:

Проект интерфейса StarCraft - уроки фотошоп


Проект интерфейса StarCraft - уроки фотошоп


Следующий шаг: печатаем текст в центральной части изображения, я использовал шрифт Stracraft, который вы можете найти здесь: Вы не можете скачивать файлы с нашего сервера

Проект интерфейса StarCraft - уроки фотошоп


Проект интерфейса StarCraft - уроки фотошоп


Стиль для слоя с текстом: Blending Options>Drop Shadow (Тень)

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Inner Shadow (Внутренняя тень) (Linear Light - Линейный свет)

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Inner Glow (Внутреннее свечение) (Linear Dodge – Линейный осветлитель)

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Bevel and Emboss (Скос и рельеф)

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Bevel and Emboss (Contour)

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Satin (Глянец) (Multiply - Умножение)

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Pattern Overlay (Перекрытие узором) Здесь мы должны выбрать образец из Texture Fill 2.

Проект интерфейса StarCraft - уроки фотошоп


Проект интерфейса StarCraft - уроки фотошоп


Сейчас мы должны вставить цифру “1” под сделанной надписью (на новом слое), а затем сделать копию этого слоя. Выберите после этого Free Transform (Свободная трансформация), чтобы повернуть копию (отразить по вертикали), размещая слои фигур так, как на изображении ниже:

Проект интерфейса StarCraft - уроки фотошоп


Проект интерфейса StarCraft - уроки фотошоп


Примените одинаковые параметры для слоев обеих фигур: Blending Options>Outer Glow (Внешнее свечение) (Vivid Light - Яркий свет)

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Inner Glow (Внутреннее свечение)

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Bevel and Emboss

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Bevel and Emboss (Contour)

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Satin

Проект интерфейса StarCraft - уроки фотошоп


Blending Options>Pattern Overlay Здесь мы должны выбрать образец из Texture Fill 2.

Проект интерфейса StarCraft - уроки фотошоп


И финальный результат:

Проект интерфейса StarCraft - уроки фотошоп