Как добавить текстуры к тексту в Adobe Photoshop

Как добавить текстуры к тексту в Adobe Photoshop

Один очень простой способ оживить текст в логотипах, заголовках страниц и других частях вашего бренда - добавить к нему текстуру.





Будь то эффект акварели, металл, пламя или что-то еще, текстура может заинтересовать плоский шрифт.





Вот шаги, которые вам нужно сделать, чтобы добавить текстуру к тексту в Adobe Photoshop ...





Шаг 1. Добавьте свой текст

С помощью Текст инструмент, введите текст в Photoshop. Вам нужно использовать более толстый шрифт, чтобы убедиться, что весь эффект текстуры виден - по крайней мере, выберите жирный вариант выбранного вами шрифта.

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



Цвет текста не имеет значения, скоро он покроется текстурой.

Шаг 2: Найдите текстуру

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





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

Шаг 3: поместите текстуру

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





Если вы импортируете текстуру из другого файла, перейдите в Файл > Место встроенное . Затем перейдите к используемой текстуре и нажмите Место кнопка.

Если изображение полностью покрывает ваш текст, нажмите Входить . Если это не так, вы можете увеличить текстуру, используя ручки в углу изображения, чтобы изменить ее размер. (Обязательно удерживайте Сдвиг клавишу, если вы хотите сохранить пропорции изображения.) Теперь нажмите Входить двигаться дальше.

как узнать, кто вам звонил бесплатно

Шаг 4: создайте обтравочную маску

Перейти к вашей Слои панель. (Если он не отображается, перейдите к Окна > Слои .) Вы должны увидеть три слоя в вашем файле - фон, текст и текстуру.

Убедитесь, что слой, содержащий текстуру, расположен прямо над текстом. Теперь щелкните этот слой правой кнопкой мыши и выберите Создать обтравочную маску .

Слой с полной текстурой исчезнет и будет виден только там, где есть текст под ним.

Шаг 5: отрегулируйте положение

Как текстовые, так и текстурные слои остаются полностью редактируемыми, как и обычные слои. Это означает, что вы можете вернуться и отредактировать текст, не удаляя или повторно применяя текстуру. Добавьте больше текста, и текстура будет автоматически размещена на нем.

Если текстура размещена не там, где вы хотите, выберите слой и откройте Инструмент выделения или нажмите M на клавиатуре. Вы можете перемещать текстуру, удерживая Ctrl ключ в Windows или Cmd на Mac и перетаскивая изображение с помощью мыши.

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

Шаг 6. Расширьте или смягчите края текста

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

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

Чтобы обрезать края текста, выберите Текст слой и щелкните Добавить векторную маску . Теперь выберите Щетка инструмент (B) и выберите кисть, которая соответствует вашему стилю.

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

вы только что завершили обновление блока питания настольного компьютера

Чтобы добавить больше текстуры за края текста, выберите Текст слой, затем возьмите Щетка орудие труда. Дважды щелкните холст. Вам будет предложено преобразовать текст в растровый слой. Это означает, что вы больше не сможете редактировать текст, поэтому вы можете сначала продублировать текстовый слой, чтобы создать резервную копию. Нажмите Ok продолжить.

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

Результат будет выглядеть примерно так:

Шаг 7. Сохраните изображение

Последний шаг - сохранить или экспортировать ваше изображение. Сохраните его как файл PSD, чтобы сохранить мастер-копию со всеми редактируемыми слоями. Или сохраните его как JPEG, чтобы сохранить сплющенную копию изображения с белым фоном.

Чтобы сохранить текст с прозрачным фоном, возможно, для использования в Интернете или в другом документе графического дизайна, удалите или скройте белый фоновый слой, а затем сохраните изображение как файл PNG (или GIF).

Узнайте больше о приемах Photoshop

Как видите, добавить текстуру для набора текста в Photoshop довольно просто. Самое главное - получить правильную текстуру и правильные шрифты. Если вам нужна помощь в выборе шрифтов для ваших проектов, прочтите нашу статью о советы по сочетанию шрифтов помогу.

Обтравочная маска, которую мы использовали в этом уроке, - очень универсальный инструмент, который можно использовать во множестве интересных применений. Это позволяет вам обрезать изображения уникальными способами, не теряя при этом возможности полностью редактировать их. Вы можете узнать об одном из лучших способов использования в нашем руководстве, подробно описывающем как обрезать изображения с помощью фигур в Photoshop .

Делиться Делиться Твитнуть Эл. адрес 12 видеосайтов, которые лучше, чем YouTube

Вот несколько видеосайтов, альтернативных YouTube. Каждый из них занимает свою нишу, но их стоит добавить в закладки.

Читать далее
Похожие темы
  • творческий
  • Adobe Photoshop
  • Советы по редактированию изображений
  • Учебник по Photoshop
Об авторе Энди Беттс(Опубликована 221 статья)

Энди - бывший печатный журналист и редактор журнала, который пишет о технологиях уже 15 лет. За это время он внес вклад в бесчисленное количество публикаций и написал работы по копирайтингу для крупных технологических компаний. Он также предоставил экспертные комментарии для средств массовой информации и организовал панели на отраслевых мероприятиях.

Ещё от Andy Betts

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Нажмите здесь, чтобы подписаться