Текст-эффект из игровых фишек

Этот урок покажет вам, как создать с нуля собственные игровые фишки, которые вы сможете использовать в любое время и с любым фоном. Это очень просто и весело, давайте начнем! 



Примечание:
- программа, используемая в уроке - Adobe Photoshop CS5 Extended;
- размер финального изображения 1152 * 864.

Материалы: 
- Цветочные узоры_sofi01;
- Текстура_Knald.;
- Шрифт Code Bold – Code Free Font.

Шаг 1: 

Создайте новый документ с необходимыми размерами (в зависимости от текста, который вы хотите создать), в нашем случае размер 1152х864 пикселя. Затем залейте фон одним из цветочных узоров, в уроке используется узор «Textures-WhiteFlorals-01».


Поместите текстуру поверх фонового слоя и измените режим наложения слоя на Multiply (Умножение). 



Шаг 2: 

Установите основной цвет на #ead89f, выберите инструмент Rounded Rectangle Tool (Прямоугольник со скругленными углами), и убедитесь что значение радиуса на панели опций установлено на 5 пикселей. Далее создайте фишку любым понравившимся вам размером. В уроке размер фишки 65 х 75 пикселей.


Дважды кликнете по слою с фишкой и примените следующие стили слоя:
Drop Shadow (Тень): Измените цвет на #3f2823 и снимите флажок с Use Global Light (Использовать глобальное освещение), после чего измените угол тени на 147. Далее установите значения Distance (Смещение) на 13, Spread (Размах) на 15 и Size (Размер) на 13.


Bevel and Emboss (Тиснение): Измените Size (Размер) до 3 и уберите флажок с Use Global Light (Использовать глобальное освещение). Далее, измените угол на 140, а значение высоты 21. Измените цвет Highlight Mode (Режим подсветки) на #fdf8e8 и Shadow Mode (Режим тени) на #dcd5bf.


Contour (Контур): Измените контур на Half Round ( Полукруг) и поставьте флажок на сглаживании. Это сделает тиснение более четким.


Gradient Overlay (Наложение градиента): Установите Blend Mode (Режим наложения) на Soft Light (Мягкий свет) и измените непрозрачность на 10. Далее выберите стандартный черно-белый градиент и поставьте флажок на инверсии, так же измените угол на 0. Это позволит правую сторону фишки (так где тень) сделать немного темнее левой.


Вот так фишка должна выглядеть.


Шаг 3: 

Теперь добавьте букву на фишку. Используйте черный цвет и любой шрифт. В уроке используется шрифт Code Bold – Code Free Font и размер шрифта 50 пт.


Дважды кликните по текстовому слою, чтобы применить простой эффект тени. Измените режим наложения на Normal (Нормальный), цвет на #e9dfc0, непрозрачность на 100, смещение на 2, а размер на 0. 


Это создаст эффект выгравированного текста на фишке и придаст ему большей реалистичности. Когда закончите, сгруппируйте фишку и букву и назовите группу этой буквой.


Продублируйте группу и введите новую букву, затем переименуйте группу в соответствующую букву. Далее выберите группу и возьмите инструмент Move Tool (V) (Перемещение), переместите плитку на холсте так, как вам необходимо.


Продолжайте дублировать и перемещать фишки пока не составите слово или фразу полностью. Вы можете создать полный комплект фишек (все буквы алфавита и цифры) и сохранить их в отдельном файле PSD, чтобы в любой момент ими воспользоваться. 


Шаг 4:

Снова продублируйте одну из групп и удалите в ней текстовый слой. Выберите инструмент Custom Shape Tool (Произвольная фигура) и установите цвет переднего плана на #d5593d.


Выберите фигура сердца и добавьте её на пустую фишку в этой группе. Примените к слой-фигуре стили слоя одного их текстовых слоев (Щелкните правой кнопкой мышки по любому текстовому слову и выберете Copy Layer Style (Скопировать стиль слоя), затем щелкните правой кнопкой мышки по слою-фигуре и выберете Paste Layer Style (Вклеить стиль слоя)).


Шаг 5:

Кликните на иконку Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку) внизу палитры слоев и выберите Gradient Map (Карта градиента).


Измените режим наложения слоя на Multiply (Умножение) и установите непрозрачность на 40%. Затем нажмите на окно градиента чтобы открыть редактор градиента.


Создайте градиент, используя цвета #b7a781 и f9f2ea. 


Выделите все слои, включая фоновый слой, и продублируйте их. Затем пройдите Layer -> Merge Layers (Слои -> Объединить слои) или нажмите Ctrl + E, чтобы объединить дублированные (копии) слоев. Измените режим наложения слоя на Soft Light (Мягкий свет) и понизьте непрозрачность до 30%. 


Выберите Filter -> Other -> High Pass (Фильтр -> Другое -> Цветовой контраст) и установите радиус до 8,0, после чего нажмите ОК. Это придаст четкости краям. 


Теперь у вас есть собственные игровые фишки, которые легко можно использовать для создания любого текста в течение нескольких минут. Надеюсь, вам понравилось.

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

Мой результат



Автор: textuts