Рисуем текстовую кнопку в PS CS.

 Писанины особой не будет.

В качестве примера беру дизайн кнопок из текущей игры.

Невзирая на простоту и древность используемых инструментов, уверен, тутор будет полезен.


Photoshop - быстрый туториал.




Шаг 1. Фон и текст.

Набросаем фон для красоты и текст, из которого сделаем кнопочку. Сгодится любой bold/black шрифт. Я использовал свой, созданный специально для игры.





Шаг 2. Цвет и свет.

Чтобы кнопка приобрела цвет и намек на освещение, добавим эффект Gradient Overlay.







Шаг 3. Объем.

Для придания изображению «пухлости» часто используют эффект Bevel. Мне как-то ближе эффект Inner Shadow.





Шаг 4. Контур.

Ну стиль я выбрал такой, что кнопки обрисованы. Добавляем эффект Stroke.







Шаг 5. Smart Object.

Дальше мне понадобится применить к нашему тексту еще один эффект Stroke с другими настройками. Для того, чтобы это стало возможным, нам следует либо растеризовать всю нашу красоту (лишимся возможности просто поменять текст для создания новой кнопки), либо конвертироровать ее в Smart Object.





Шаг 6. Заканчиваем с этим.

Наша кнопка все еще доступна для редактирования (текст, эффекты), но уже представлена как «чистый» слой. Теперь мы можем нанести завершающие штрихи для реализации задуманного — добавляем эффекты Stroke и Outer Glow с «жестким» краем (такой себе нехитрый способ сделать две обводки).







Шаг 7. Профит.





Если вы ведёте свой блог, микроблог, либо участвуете в какой-то популярной социальной сети, то вы можете быстро поделиться данной заметкой со своими друзьями и посетителями. Для этого воспользуйтесь предлагаемыми ниже кнопками:


Блог: http://romanlovetext.blogspot.com/