Как наложить текстуру гранита на текст в Фотошопе

MyPhotoshop.ru Работа с текстом Наложение текстуры гранита на текст в Фотошопе

Создание оригинальных шрифтов в Photoshop — невероятно востребованная задача. Красивые шрифты делают любой текст и картинку привлекательнее. Хотя Photoshop это и не текстовый редактор, а графический, тексты в нем тоже используются в различных ситуациях. К примеру, когда требуется сделать красивую надпись на изображении. Тут у фотошоперов очень богатый выбор украшения текста. Можно использовать готовые стили, или создать свой собственный новый стиль. Либо же применить к тексту различные текстуры, которых просто огромное количество.

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

Содержание

• Использование текстур для стилизации текста под гранит
  • Расположение на холсте изображений с текстурами
  • Ввод текста на фоновом изображении
  • Применение текстуры к тексту
  • Финальная обработка
• Результат

Использование текстур для стилизации текста под гранит

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

Мы будем использовать в качестве фона такую вот красивую кирпичную стену:

А к тексту применим текстуру гранитного камня.

Расположение на холсте изображений с текстурами

1. Первым делом потребуется создать новый документ требуемого размера. Для этого можно воспользоваться комбинацией клавиш CTRL+N.
   
2. Теперь требуется поместить в этот документ выбранные заранее фон и текстуру. Для этого просто перетяните мышью из папки первое изображение (текстуру из кирпичей) в окно программы.
3. По периметру вставленного изображения появится рамка. С помощью нее можно растянуть изображение на весь холст (потянув за маркеры, которые на скриншоте ниже обведены красными квадратиками).
   
4. Тем же способом вставляем изображение с текстурой гранита в наш проект. Таким образом наша палитра имеет теперь такой вид:
   

Ввод текста на фоновом изображении

1. Кликаем мышью по требуемому инструменту программы – «Горизонтальный текст».
   
2. Затем набираем с клавиатуры требуемый текст – в нашем случае название нашего сайта (MyPhotoshop.ru).
   
3. Размер шрифта укажите по желанию, т.к. это зависит от многих факторов. Цвет в данном случае нам не важен. Если вы захотите позже изменить параметры шрифта нужно выбрать в главном меню “Окно” -> “Символ”.
   В результате откроется окно, в котором можно изменять параметры шрифта.
   Однако в этом уроке не требуется углубления в эту тему, об этом мы поговорим в другой статье.

После того, как текст мы ввели текст, можно приступать к следующему шагу – применение к нему текстуры.

Применение текстуры к тексту

1. Передвинем слой с надписью под слой с изображением текстуры гранита. В результате текст исчезнет, но это пока.
   
2. Затем требуется связать слои текста и текстуры. Для этого зажимаем на клавиатуре кнопку ALT и кликаем левой кнопкой мыши на границе этих двух слоев. При наведении мыши к границе слоев ее указатель должен изменить форму (стрелка на скриншоте ниже указывает, где граница по которой нужно кликнуть).
   

В результате текстура должна будет как бы «прилипнуть» к тексту. Затем останется лишь придать надписи объема и выполнить завершающие шаги.

Финальная обработка

В завершении мы выполним наложение стилей на слой с надписью.

1. Первым делом давайте добавим объема надписи. Для этого выполняем два щелчка мышью по слою с надписью. Затем в открывшейся вкладке кликаем по параметру «Тиснение». После чего подбираем параметры стиля. Мы указали размер – 5 пикс., а глубину передвинули на отметку 220%.
   Предварительный результат выглядит так:
   
2. Теперь давайте сделаем так, чтобы наша надпись как бы отделилась немного от фона. Для этого понадобится добавить слою с текстом немного тени. Открываем снова параметры наложения (стили слоя), если закрывали, и активируем “Тень”. В параметрах указываем значение на свой вкус. Наша наши настройки можете посмотреть на скриншоте ниже:
   Очень важно понимать, что в каждом случае, настройки могут отличаться, а зависит это от многих факторов, взять к примеру размер шрифта или же вид текстуры фона.
   Наш предварительный результат:
   
3. Вроде бы все выглядит неплохо, но чего-то не хватает. Иногда получается так, что фон слишком яркий и надпись, при всем желании, не сильно выделяется. Это наш случай. Для этого создаем новый слой поверх текстуры фона и закрашиваем его черным цветом:
   Теперь передвигаем ползунок непрозрачности этого слоя на отметку 35% (в нашем случае).
   

Результат

Вот собственно и все, надпись стилизованная под гранит готова.

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

В завершении статьи дадим несколько рекомендаций.

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

На этом все! До встречи в наших следующих уроках!

КУРСЫ:

СМОТРИТЕ ТАКЖЕ

Горячие клавиши в Photoshop

Фоны для Фотошопа: Лес

Фоны для Фотошопа: Черные

Как удалить фон с изображения в Photoshop

Как вырезать объект в Photoshop

Рамки для Фотошопа: Школьные

Урок создания анимации в Фотошопе

Изменяем размер изображения в Photoshop

Урок объединения слоев в Фотошопе

Улучшение качества фото в Фотошопе

Фоны для Фотошопа: Небо

Как рисовать прямые линии в Фотошопе

Замена цвета объекта/изображения в Photoshop на другой

Вставка фотографии в рамку в Photoshop

Наборы кистей для Фотошопа: Текстурные

Урок ретуши лица в Фотошопе для начинающих и не только

Инструмент “Заливка” в Фотошопе: как пользоваться

Двойная экспозиция в Фотошопе

Как создать документ формата А4 в Фотошопе

Замена фона на фотографии в Фотошопе

Уменьшение размера объекта в Фотошопе

Выделение слоя в Фотошопе: как сделать

Рамки для Фотошопа: С днем рождения

Градиент в Фотошопе: как сделать

Включение и настройка сетки в Photoshop

Создание афиши своим руками в Фотошопе

Фоны для Фотошопа: Рамки

Создание контура в Photoshop

Рисование треугольника в Фотошопе: 2 метода

Создание коллажей в Фотошопе: подробное руководство

Как создать слой в Photoshop

Кадрирование фото в Фотошопе

Заливка слоя в Фотошопе

Вставка изображения в Фотошоп: пошаговое руководство

Ретуширование фотографий с помощью частотного разложения в Фотошопе

Как нарисовать прямоугольник в Фотошопе

Вставка лица на фото-шаблон в Фотошопе

Изменение прозрачности слоя в Фотошопе

Отмена выделения в Фотошопе

Как сделать виньетирование фотографий в Photoshop

Наложение текстуры гранита на текст в Фотошопе

Отмена действий в Фотошопе

Как создать текстовый эффект Candy Stars в Adobe Photoshop

2023-06-05 0 ∞

Из этого руководства по Photoshop вы узнаете, как использовать текстуру Candy Stars, чтобы создать красивый эффект текста.

• Что должно получиться
• Источники
• Шаг 1
• Шаг 2
• Шаг 3
• Шаг 4
• Шаг 5
• Шаг 6
• Шаг 7
• Шаг 8
• Результат

• 8 узоров дерева.
• Grungy Cracked Wall.
• Sweet Stars.

Откройте изображение hetedeik.png из набора 8 узоров дерева. Затем перейдите в раздел Редактирование > Определить узор.

После этого создайте новый документ размером 1024 на 768 px и залейте фон узором дерева.

Поместите текстуру «Grungy Cracked Wall» поверх фона и измените режим наложения на «Мягкий свет».

Используйте инструмент «Горизонтальный текст», чтобы написать текст черного цвета. В примере использован шрифт Hobo Std, размер 200 pt.

Перейдите в меню Редактирование > Трансформирование > Деформация. Выберите пункт «Арка» из выпадающего списка «Деформация» и установите значение «Изгиб» на 30%. Нажмите Enter, чтобы применить внесенные изменения.

Создайте дубликат текстового слоя и сделайте оригинальный фон невидимым (нажав на значок глаза возле слоя).

Кликните правой кнопкой мыши по копии текстового слоя и выберите пункт «Растрировать текст».

После этого вы не сможете изменять текст. Поэтому еще раз проверьте правильность его написания.

Используйте инструмент «Лассо», чтобы выделить первую букву. Убедитесь, что выбрана копия текстового слоя (растрированная).

Нажмите Ctrl/Cmd + J, чтобы скопировать букву на отдельный слой. Затем переименуйте дубликат слоя, используя в качестве нового названия выбранную букву.

Сделайте то же самое с остальными буквами.

Поместите текстуру Sweet Stars поверх всех слоев. Переименуйте этот слой на «Текстура» и сделайте растрированный текстовый слой невидимым. После этого будут видны только отдельные слои с буквами.

Создайте дубликат слоя «Текстура» и сделайте его невидимым. Измените размер (Редактирование > Трансформирование > Масштабирование) текстуры (в слое «Копия текстуры») так, чтобы она перекрывала одну букву.

Нажмите Ctrl/Cmd и кликните по миниатюре слоя первой буквы, чтобы выделить его.

Используйте инструмент «Прямолинейное лассо» или «Магнитное лассо», чтобы добавить недостающие части звездочек по краям

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

Не торопитесь и постарайтесь захватить как можно больше звездочек.

Как только закончите, нажмите кнопку «Уточнить край» на панели настроек.

Меняйте значения «Сгладить» и «Контрастность», пока края не смягчатся. Затем нажмите «OK».

Нажмите Ctrl/Cmd + J, чтобы создать дубликат выбранной текстуры на отдельном слое.

Переместите текстуру таким образом, чтобы накрыть следующую букву. Можете ее поворачивать (Редактирование > Трансформирование > Поворот). Когда все будет готово, не забудьте нажать Enter, чтобы сохранить изменения.

Повторите те же действия с текстурой для всех букв (каждая буква должна располагаться на отдельном слое).

Затем используйте любой из инструментов «Лассо», чтобы выбрать несколько звезд из текстуры. Выберите целые звезды разных цветов и под разными углами, чтобы добавить их к буквам.

Уточните края выделения. Затем нажмите Ctrl / Cmd + J, чтобы продублировать звезды на отдельный слой. Переименуйте его в «Звезды». Как только закончите, сделайте невидимым слой «Копия текстуры».

Выберите звездочку с помощью инструмента «Лассо», продублируйте ее на отдельный слой (Ctrl/Cmd + J). Затем переместите ее, чтобы заполнить ею пустые края. Можете сделать столько копий каждой звезды, сколько понадобится. При этом их можно вращать и масштабировать. Постарайтесь заполнить все пустые места на текстуре букв.

Инструмент «Ластик» поможет избавиться от нежелательных деталей.

Этот шаг может занять некоторое время. Важно заполнить все пустые места.

Когда закончите, выберите все слои звездочек и нажмите Ctrl/Cmd + E (Слой > Объединить слои), чтобы поместить текстуру в один слой. Переименуйте объединенный слой на «Звезды-Окончательный вариант».

Сделайте все остальные слои невидимыми.

Если заметите области, которые нужно стереть – так и сделайте.

Создайте дубликат слоя «Звезды -Окончательный вариант».

Установите цвета переднего и заднего фона на черный и белый. После этого перейдите в меню Фильтр > Шум > Добавить шум и измените значения, как показано ниже:

Измените режим наложения слоя «Звезды-Окончательный вариант ‒ копия» на «Мягкий свет».

Перейдите в меню Изображение > Коррекция > Цветовой тон/Насыщенность (Ctrl/Cmd + U) и установите «Насыщенность» на -80.

Перейдите в меню Фильтр > Размытие > Размытие по Гауссу и установите радиус на 5. Это смягчит текстуру.

Дважды кликните по слою «Звезды-Окончательный вариант», чтобы добавить стили. Начните с параметра «Тень» и используйте значения по умолчанию.

Потом добавьте «Внутреннюю тень». Поменяйте цвет на #a7a7a7, а «Смещение» на 0.

Это добавит текстуре глубину.

Кликните по иконке «Создать новый слой заливки или корректирующий слой», которая расположена внизу панели слоев. В списке выберите вариант Фотофильтр.

Выберите фильтр «Сепия».

Создайте новый слой прямо под слоем «Фотофильтр» и назовите его «Радиальный градиент». Установите цвет переднего плана #595959. Примените радиальный градиент от центра документа до одного из углов. Затем поменяйте режим наложения на «Перекрытие», а «Непрозрачность» установите на 80%.

Снова кликните по иконке «Создать новый слой заливки или корректирующий слой». Но в этот раз выберите вариант «Уровни» и обязательно поместите слой уровней прямо поверх слоя «Задний план».

Обновите значение опции «Свет» до 235, чтобы сделать задний план немного ярче. На этом все!

Описанную в этом руководстве технику можно использовать с любыми другими текстурами конфет или еды, чтобы создать еще больше «вкусных» текстовых эффектов!

Ангелина Писанюкавтор-переводчик статьи «How to Create a Stars Candy Text Effect in Adobe Photoshop»

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

Текстурированный текстовый эффект

в Photoshop

Автор сценария Стив Паттерсон.

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

Вот пример эффекта, над которым мы будем работать:

Окончательный текстурированный текстовый эффект.

Начнем!

Шаг 1. Создайте новый документ

Первое, что нам нужно, это новый документ для работы. Перейдите в меню File в верхней части экрана и выберите New или нажмите сочетание клавиш Ctrl+N (Win) /

Command +N (Мак). В любом случае открывается диалоговое окно Photoshop New Document . Выберите размер, который вам нужен для вашего документа. Для этого урока я создам документ шириной 800 пикселей и высотой 600 пикселей, и, поскольку я не планирую его печатать, я оставлю разрешение равным 72 пикселя на дюйм. Нажмите OK, когда закончите, чтобы выйти из диалогового окна. Новый документ появится на вашем экране:

Диалоговое окно «Новый документ» в Photoshop.

Шаг 2. Заполните новый документ черным цветом

Я собираюсь использовать черный цвет в качестве фона для своего текстового эффекта, а это значит, что мне нужно будет заполнить документ черным цветом. Для этого перейдите в меню Edit в верхней части экрана и выберите Fill . Это вызовет диалоговое окно «Заливка». Выберите

Black для параметра Contents в верхней части диалогового окна. Также убедитесь, что режим наложения установлен на Обычный и Непрозрачность установлен на 100% (это настройки по умолчанию, поэтому вам, вероятно, не нужно их менять):

Выберите «Черный» для параметра «Содержание» в диалоговом окне «Заливка».

Нажмите кнопку «ОК», чтобы выйти из диалогового окна «Заливка». Photoshop заливает новый документ сплошным черным цветом:

Теперь документ заполнен черным цветом.

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

Выберите инструмент Type Tool на палитре инструментов или нажмите букву T на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:

Выберите инструмент «Текст».

После выбора инструмента «Текст» на панели параметров

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

Щелкните значок переключения палитры «Символ и абзац», чтобы открыть дополнительные параметры форматирования текста.

Я собираюсь использовать фотографию водной ряби для своей текстуры, поэтому я выберу синий цвет для своего текста и напишу в своем документе «рябь на воде»:

Щелкните внутри документа и добавьте свой текст.

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

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

Весь ваш текст теперь должен находиться на одном слое непосредственно над фоновым слоем в палитре слоев:

Весь ваш текст должен быть на одном текстовом слое.

Шаг 4: Откройте фотографию текстуры

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

Откройте фотографию, которую вы будете использовать в качестве текстуры.

Шаг 5: Скопируйте фотографию в буфер обмена

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

Перейдите к меню Select в верхней части экрана и выберите All или нажмите Ctrl+A (Win) / Command+A (Mac) для быстрого сочетания клавиш. В любом случае будет выбрано все изображение, и по краям фотографии появится контур выделения. Затем поднимитесь на Меню Edit и выберите Copy или нажмите Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение в буфер обмена.

Шаг 6. Добавьте маску слоя к текстовому слою

Теперь, когда фотография текстуры временно сохранена в памяти, переключитесь обратно на исходный документ (тот, который содержит текст). Убедитесь, что текстовый слой выделен синим цветом в палитре «Слои», что означает, что это текущий выбранный слой. Если он не выбран, щелкните его, чтобы выбрать. Затем нажмите на Слой-маска значок в нижней части палитры слоев. Это не будет выглядеть так, будто в документе что-то произошло, но если вы снова посмотрите на текстовый слой, вы увидите, что теперь появилась миниатюра белой маски слоя:

Щелкните значок маски слоя в нижней части палитры слоев. Миниатюра маски слоя появится на текстовом слое.

Шаг 7. Вставьте фотографию в маску слоя

Мы собираемся вставить нашу фотографию текстуры прямо в маску слоя, которую мы только что добавили. Обычно Photoshop не позволяет вставлять изображение в маску слоя, но вот в чем хитрость. Держите нажатой Alt (Win) / Option (Mac), затем щелкните миниатюру маски слоя в палитре слоев:

Удерживая нажатой клавишу Alt (Win)/Option (Mac), щелкните прямо на миниатюре маски слоя.

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

Edit и выберите Вставьте или нажмите Ctrl+V (Win) / Command+V (Mac), чтобы вставить фотографию текстуры в маску слоя. Чтобы очистить контур выделения вокруг фотографии, перейдите в меню Select и выберите Deselect или нажмите Ctrl+D (Win) / Command+D (Mac). Поскольку маски слоя имеют дело только с черным, белым и оттенками серого, фотография текстуры будет выглядеть черно-белой внутри маски слоя:

Фотография текстуры отображается в черно-белом цвете внутри маски слоя.

Теперь, когда фотография вставлена ​​в маску слоя, еще раз нажмите и удерживайте Alt

(Win) / Option (Mac) и щелкните миниатюру маски слоя в палитре слоев:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), еще раз щелкните миниатюру маски слоя.

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

.

Фотография теперь появляется внутри текста.

Шаг 8. Применение настройки порога к маске слоя

Чтобы сделать изображение внутри текста менее похожим на фотографию и больше похожим на интересную текстуру, мы будем использовать корректировку изображения Photoshop Threshold . Photoshop позволяет нам применять некоторые (но не все) корректировки изображения непосредственно к маскам слоя, и настройка «Порог» — одна из тех, которые мы можем использовать. Регулировка порогового значения берет все цвета (или оттенки серого) в изображении и преобразует их либо в черный, либо в белый, значительно уменьшая количество деталей в изображении.

Вы должны увидеть белую выделенную рамку, появляющуюся вокруг миниатюры маски слоя в палитре слоев. Это говорит нам о том, что маска слоя в данный момент выбрана. Если вы не видите рамку выделения вокруг миниатюры, щелкните ее, чтобы выделить. Затем перейдите в меню Image в верхней части экрана, выберите Adjustments , а затем выберите Threshold :

Выбрав маску слоя в палитре слоев, перейдите в меню «Изображение» > «Коррекция» > «Порог».

Откроется диалоговое окно «Порог», и вы сразу же увидите изменение внешнего вида текста: некоторые области сплошного цвета останутся видимыми, а другие области теперь скрыты от просмотра. Фактические области, которые будут скрыты, будут полностью зависеть от фотографии, которую вы используете для своей текстуры:

.

Области текста исчезают из поля зрения, как только выбрана настройка Threshold.

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

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

Перетаскивание ползунка порога влево и вправо влияет на то, какая часть текста скрыта от просмотра.

Поскольку большая часть моей текстурной фотографии была переведена в белый цвет, в документе теперь видна большая часть текста:

После регулировки ползунка «Порог» теперь видна большая часть текста.

Шаг 9. Отсоедините маску слоя от текстового слоя

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

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

Шаг 10. Измените размер и/или переместите текстурную фотографию с помощью Free Transform

Когда фотография текстуры находится на маске слоя, а текст больше не связан вместе, нажмите 9.0015 Ctrl+T (Win) / Command+T (Mac), чтобы открыть окно Photoshop Free Transform и ручки вокруг фотографии текстуры. Перетащите любой из угловых маркеров, чтобы изменить его размер. Удерживая нажатой Shift , перетаскивайте маркеры, чтобы ограничить пропорции фотографии, если вы не хотите искажать ее форму. Добавьте клавишу Alt (Win) / Option (Mac) при перетаскивании маркера, чтобы изменить размер фотографии от центра, а не от угла. Чтобы переместить фотографию внутри текста, просто щелкните в любом месте поля «Свободное преобразование» и перетащите изображение с помощью мыши:

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

Нажмите Введите (Win) / Верните (Mac), чтобы выйти из команды Free Transform, и все готово! Вот мой окончательный результат текстурированной фотографии:

Окончательный текстурированный текстовый эффект.

Куда идти дальше…

И вот оно! Посетите наши разделы «Текстовые эффекты» или «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

4 простых шага по добавлению текстуры к тексту в Photoshop

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

Привет, я Кара, и я могу сказать вам, что с Photoshop нет причин, по которым вы не можете создать именно то, что видите в своей голове. Программа позволяет сделать так много! И как только вы знаете, как что-то делать, методы действительно очень просты.

Чтобы добавить текстуру к тексту в Photoshop, необходимо выполнить четыре основных шага. Позвольте мне показать вам, как это работает!

Примечание. Я сделал эти снимки экрана из версии Photoshop CC для Windows. Если вы работаете с Mac, вы обнаружите, что рабочее пространство выглядит немного иначе.

Содержание

• Шаг 1. Найдите изображение текстуры
• Шаг 2. Откройте документ и добавьте текст
• Шаг 3. Добавьте фото текстуры
• Шаг 4. Добавьте обтравочную маску

Шаг 1. Найдите изображение текстуры

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

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

Шаг 2. Откройте документ и добавьте текст

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

Перейдите на панель инструментов слева и выберите инструмент Horizontal (или Vertical) Type Tool .

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

Шаг 3. Добавьте фотографию текстуры

Когда текст вас устроит, пора добавить фотографию текстуры в качестве нового слоя. Есть несколько способов добавить фотографию в Photoshop. Используйте предпочитаемый метод или следуйте инструкциям здесь.

Перейдите к File и выберите Place Embedded . Убедитесь, что вы больше не выбираете текстовый слой, иначе эта опция будет недоступна.

Перейдите к изображению, которое хотите использовать, и щелкните Place .

Изображение покроет весь ваш проект, но это нормально. Мы это исправим!

Шаг 4. Добавьте обтравочную маску

Теперь давайте ограничим текстуру только текстом. Удерживая Alt или Option , наведите указатель мыши на линию между текстовым слоем и слоем изображения на панели «Слои». Ваш курсор превратится в маленькую коробочку с цифрой 9.Стрелка 0 градусов рядом с ним. Нажмите, чтобы добавить обтравочную маску.

Или вы можете Щелкните правой кнопкой мыши на слое изображения и выберите Создать обтравочную маску.

В любом случае, вы получите это.

Вуаля! Проверьте свой текстурированный текст!

В этом примере вам может не понадобиться цвет, но удалить его проще простого.