Советы и лайфхаки

Как на фон наложить текст в фотошопе – ? — — —

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


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

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

Наложение текстуры на текст

Прежде, чем начинать стилизацию текста, необходимо определиться с композицией (фоновым изображением и текстурой). Необходимо понимать, что от выбора составляющих элементов зависит общая атмосфера изображения.

Для фона была выбрана вот такая стена из камня:

Текст мы сделаем гранитным с помощью соответствующей текстуры.

Расположение текстур на холсте

  1. Создаем новый документ (CTRL+N) нужного нам размера.

  2. Перетягиваем первую текстуру на окно Фотошопа в наш документ.

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

  4. То же проделываем и со второй текстурой. Палитра слоев у нас теперь выглядит следующим образом:

Написание текста

  1. Выбираем инструмент «Горизонтальный текст».

  2. Пишем.

  3. Размер шрифта подбираем в зависимости от размера холста, цвет не важен. Для изменения характеристик необходимо перейти в меню «Окно» и нажать на пункт «Символ». Откроется соответствующее окно, в котором можно изменить характеристики шрифта, но это уже материал для другого урока. Пока пользуйтесь настройками со скриншота.

Итак, надпись создана, можно приступать к наложению на нее текстуры.

Наложение текстуры на шрифт

1. Перемещаем слой с текстом под слой с текстурой гранита. Текст пропадет из поля зрения, но это временно.

2. Зажимаем клавишу ALT и нажимаем ЛКМ на границу слов (верхней текстуры и текста). Курсор при этом должен поменять форму. Этим действием мы «привяжем» текстуру к тексту, и она будет отображаться только на нем.

Палитра слоев после всех действий:

Результат наложения текстуры гранита на текст:

Как видим, текстура «прилипла» к надписи. Осталось лишь придать тексту объема и завершенности всей композиции.

Заключительная обработка

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

1. Для начала займемся объемом. Дважды кликаем по слою с текстом и, в открывшемся окне настроек стиля, выбираем пункт под названием

«Тиснение». Потянем ползунок размера немного вправо, а глубину сделаем 200%.

2. Для того чтобы наша надпись «отделилась» от стены, перейдем к пункту «Тень». Угол выберем 90 градусов, смещение и размер – по 15 пикселей.

Взглянем на конечный результат наложения текстуры на текст:

Мы получили стилизованную под гранит надпись.

Это был универсальный способ наложения текстур на любые объекты, редактируемые в Фотошопе. Используя его, можно текстурировать шрифты, фигуры, залитые любым цветом выделенные области и даже фотографии.

Завершим урок несколькими советами.

  1. Подбирайте правильный фон для Ваших надписей, так как именно от фона зависит общее впечатление от композиции.
  2. Старайтесь использовать качественные текстуры высокого разрешения, потому что при обработке (масштабировании) может появиться ненужная размытость. Разумеется, можно придать резкости текстуре, но это уже лишняя работа.
  3. Не слишком сильно воздействуйте стилями на текст. Стили могут придать надписи излишнюю «пластмассовость» и, как следствие, неестественность.

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

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

Помогла ли вам эта статья?

ДА НЕТ

lumpics.ru

Наложить текстуру на текст в Photoshop очень просто

Наложить текстуру на текст в Photoshop очень просто

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

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

  1. Создайте новый документ в программе Adobe Photoshop и сделайте надпись при помощи жирного шрифта. Используйте большой размер, чтобы получить более наглядный результат. Цвет текста может быть любой. В примере я использовала шрифт Dayton размером 200px.
  2. Воспользуйтесь командами File -> Place Embedded (Файл -> Поместить…) и выберите на компьютере подходящую текстуру. После добавления ее в фотошоп, вы увидите рамку, которая появляется при трансформировании. Потяните за края рамки так, чтобы текстура перекрыла текст по размерам. Для того, чтобы текстура не деормировалась (сохранялись пропорции) при трансформировании зажмите клавишу Shift. Нажмите Enter, чтобы одобрить результат.

    У вас должно получиться 3 слоя:
    1 слой (нижний) — фоновый,
    2 слой — текст,
    3 слой (верхний) — текстура. Текстура должна быть наложена поверх текста таким образом, чтобы нижележащий текстовый слой не было видно.
  3. Зажмите клавишу Atl и, не отпуская ее, кликните между верхним и средним слоем в палитре слоев. Вы сделаете обтравочную маску, и у вас текстура будет наложена на ваш текст. У меня получился травяной текст.
[an error occurred while processing the directive]

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

vgrafike.ru

Как наложить текстуру на текст

Автор: Галина Соколова. Дата публикации:

03 июня 2017. Категория: Уроки фотошопа текст.

В этом уроке мы будем делать объёмный тест и наложим на него текстуру травы.

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

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

 

 

Итак, приступим к работе и создадим Новый документ CTRL+N с параметрами Ширина 1920 пикселей и Высота  1080 пикселей.

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

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

Теперь активируем инструмент Текст, нажав клавишу T и любым жирным шрифтом, удерживая клавишу SHIFT напишем текст: ТРАВА — заглавными буквами, чтобы текст был более жирным:

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

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

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

Объединим два слоя с текстурой в один и для этого выделим оба слоя, используя для выделения второго слоя клавишу SHIFT, а затем  нажмём CTRL+E:

Теперь создадим выделение для слова ТРАВА и для этого, удерживая клавишу CTRL, щёлкнем по миниатюре слоя ТРАВА, в результате, мы получим выделение текста. Затем, нужно закрыть глазик слоя ТРАВА, при этом сам текст исчезнет, а выделение останется:

На скриншоте опечатка — удерживать нужно клавишу CTRL

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

Мы получили текст с текстурой травы, но, чтобы буквы выглядели реально и объёмно, нам нужно создать кисть для травы и прорисовать ею края букв.

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

Создадим поверх всех слоёв Новый прозрачный слой и поставим на нём отпечаток кисти:

Теперь, удерживая клавишу ALT, c помощью инструмента Перемещение передвинем отпечаток вправо и получим дубликат слоя, то есть второе изображение отпечатка кисти:

Теперь вызовем рамку Трансформации CTRL+T и отобразим второй отпечаток по вертикали, затем присоединим его к первому отпечатку, чтобы получилась картинка в виде буквы Х:

Теперь выделим и объединим оба слоя с отпечатками в один слой CTRL+E, затем вызовем опять рамку Трансформации и немного уменьшим размер отпечатка по вертикали:

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

Объединим два слоя с отпечатками в один CTRL+E:

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

Затем нужно выполнить команду Редактирование-Определить кисть и в открывшемся окне написать имя кисти, например, ТРАВА4. Нажать ОК и кисть появится последней в списке кистей:

Теперь закроем глазик у верхнего слоя и уберём выделение CTRL+D, а затем  перейдём на слой-маску и сделаем настройки кисти как показано на скриншотах:

Затем, находясь на слой-маске, прорисуем края букв белой кистью.

 

На этом урок Как наложить текстуру на текст окончен.

Автор: Галина Соколова

Скачать урок в формате PDF:

Чтобы получить интересные уроки на свой адрес,
введите свои данные в форму подписки ниже:

 

 
Добавить комментарий

www.photoshopsunduchok.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *