
Этот забавный и простой по исполнению текст подойдет для любых целей: рекламные листовки и сайты мебельных или строительных компаний будут выгодно отличаться от конкурентов с этим рукотворным шрифтом!
Навыки для "прокачки":
- создание простых фигур;
- текстурирование
В этом уроке мы покажем вам, как легко создать эффект деревянного текста. Наши текстовые уроки Web дизайна полезны и интересны для тех, кто решил посвятить себя созданию сайтов и интерфейсов или дизайнерам широкого профиля.
Для повторения урока понадобятся
Текстура 1 и
Текстура 2Создайте новый документ в Photoshop, со следующими параметрами:

Дважды щелкните на фоновом слое, и нажмите кнопку ОК, чтобы разблокировать его. Теперь щелкните правой кнопкой мыши на том же слое и выберите Gradient Overlay = Наложение градиента. Здесь мы добавим градиент, переходящий цвет от светло-серого, до темного:


Возьмите инструмент Rounder Rectangle = Прямоугольник со скругленными улами, установите 40 пикселей для радиуса и создайте фигуру, как показано ниже. Цвет не важен на данном этапе, поскольку мы будем применять стили слоя.

Щелкните правой кнопкой мыши на слое и выберите Color Overlay = Наложение цвета.

Теперь, давайте применим Bevel and Emboss = Тиснение со следующими настройками:

Последним штрихом будет Drop Shadow = Тень.

Нажмите Ctrl + T, чтобы активировать инструмент Transform tool = Трансформирование и поверните немного Вашу фигуру. Затем нажмите клавишу ВВОД, чтобы применить трансформацию.

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

Находясь на слое с текстурой, примените команду, Ctrl + клик на маске Вашей фигуры, чтобы загрузить выделение. Затем нажмите кнопку Add Layer Mask = Добавить маску слоя, в нижней части палитры слоев.
Измените режим смешивания на Soft Light = Мягкий свет. Затем перейдите Filter > Sharpen > Sharpen = Фильтр > Резкость > Умная резкость.

Повторите тот же процесс, чтобы создать другую палочку. Разница лишь в том, что цвет должен быть немного светлее # d5864d

Теперь откройте Текстуру 2. И с помощью инструмента Elliptical Marque tool = Эллипс сделайте выделение шляпки гвоздя.

Копируйте Ctrl + C и вставьте Ctrl + V его в пересечение палочек.

Нажмите Shift + Ctrl + U, чтобы обесцветить ее. Затем применим Bevel and Emboss = Тиснение

Ок, вот на этом и остановимся! Так как, все остальное делается, таким же методом. Теперь, Вы можете создать, свой собственный, деревянный эффект текста! Я думаю, Вы согласны, что уроки Web дизайна, бывают познавательными! До встречи!

