В этой уроке веб дизайна мы узнаем, как создать красивый и забавный текстовый эффект в Photoshop. Мы покажем некоторые интересные методы в этом уроке, так что давайте начнем.
Навыки для «прокачки»:
- работа со стилями слоя
- работа с градиентами
- работа с текстурами и заливками
- работа с кистями

Ресурсы:

Шрифт

Кисти брызги

Кисти баннеры

Кисти город

Текстуры

Теперь давайте посмотрим на конечный результат:



Шаг 1. Откройте Photoshop и создайте новый документ размером 1000px ширина и 750px высота.



Шаг 2. Теперь выберите инструмент Заливка (Paint Bucket Tool) и залейте фон цветом # feece2.



Шаг 3. Можно также добавить текстуру на задний план.



Шаг 4. Создаем новый слой, для этого перейдем Слой-> Новый-> Слой (layer> New> Layer). Затем выберите Кисть (Brush) и один из баннеров, используем его на нашем фоне цветом # ea8f62.



Шаг 5. Создайте еще один слой, и на этот раз выберите одну из городских Кистей (Brush) и используем ее того же цвета.



Шаг 6. Теперь выберите инструмент Текст (Text Tool) и добавьте первую букву, цветом # 422901.



Шаг 7. Хорошо, теперь мы добавим немного тени на наш текст. Для этого перейдем Слой-> Стиль слоя-> Тень (Layer-> Layer style-> Drop Shadow). Так как мы выбрали темно-коричневый цвет для нашего текста, то мы выберем более светлый коричневый цвет для тени, например # e2b88e.



Шаг 8. Введите настройки как на изображении ниже.



Шаг 9. Теперь давайте украсим наш текст. Щелчок правой кнопкой мыши на слое с текстом и выберем Растрировать (Rasterize). Затем выберите инструмент Прямоугольное выделение (Rectangular Marquee) и выделите небольшой участок текста.



Шаг 10. Нажмите на цвет переднего плана и поставьте, цвет # f26d7d.



Шаг 11. Далее выберите Заливка (Paint Bucket Tool) и заполните текстовое поле.



Шаг 12. Выберите инструмент Перемещение (Move Tool) и просто переместите его немного от текста.



Шаг 13. Затем перейдем Слой-> Стиль слоя-> Обводка (Layer-> Layer style-> Stroke). И добавим черную обводку.



Шаг 14. Еще раз выберите Заливка (Paint Bucket Tool) и выделите небольшой участок текста. И на этот раз залейте его цветом # FFFFFF.



Шаг 15. Снова немного переместим выделение от текста.



Шаг 16. Теперь просто используйте некоторые Кисти (Brush) для украшения, используя разные цвета. Вы можете также использовать различные пользовательские фигуры, если захотите.



Шаг 17. Повторите тот же процесс для создания остальных букв.



Шаг 18. Создадим новый слой, для этого перейдем Слой-> Новый-> Слой (layer> New> Layer). Теперь выберем кисти Брызги, цвет белый # FFFFFF.



Шаг 19. Изменим Режим смешивания слоя (Blend Mode) на Перекрытие (Overlay).



Шаг 20. Вы можете выбрать любой понравившийся вам цвет. Вот некоторые образцы.









Надеюсь, вам понравился этот милый урок, подходящий для веб дизайна. До новых встреч!