Стилизуем текст под гранит в Фотошопе - TurboComputer.ru
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд (пока оценок нет)
Загрузка...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Результат

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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


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

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

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


Пишем.


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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Выбираем название для группы ВКонтакте

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

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

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

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

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

Как использовать инструмент «Текст» в Photoshop

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


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

Основные инструменты для работы с текстом

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

Вот основные инструменты для работы с текстом в Photoshop :

  • При нажатии на инструмент « Текст » в палитре инструментов ( #1 ), в появившемся контекстном меню вы можете найти много средств для работы с текстом;
  • #2 Выбор шрифта ( тип шрифта, стиль шрифта, полужирный, курсив и т.д .);
  • #3 Размер шрифта ( здесь вы можете ввести любое число, так что ваш текст может быть любого размера — например, введите в этом поле 500 и посмотрите, что получится! );
  • #4 Режимы сглаживания;
  • #5 Выравнивание текста;
  • #6 Корректировки текста.

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

Эксперименты с текстом

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

Откройте в Photoshop новый документ, и нажмите на инструмент « Текст ». Начните вводить текст. Вы увидите что-то вроде этого:


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

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


Начните печатать текст. Введите большое количество слов. Видите, как текст ограничивается размером блока? Это метод добавления текста абзацем.

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

Вы можете использовать инструмент « Перемещение », чтобы разместить весь блок текста в любом месте страницы.

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

Перетащите левую опорную точку к левому краю страницы, а затем в верхнем меню нажмите иконку центрирования текста ( на приведенной выше диаграмме значится элемент №5 ). Это маленькое чудо! Ваш текст теперь выровнен точно по центру. И больше не нужно гадать.

Трансформация букв в тексте

Чтобы разнообразить текст, вы также можете изменить интервалы между отдельными буквами, высоту и ширину букв. Вы также можете изменить регистр букв. Иногда шрифт может не иметь версию курсива. Но его можно создать в Photoshop . Давайте рассмотрим окно « Символы текста », в котором вы можете попробовать разные настройки:


Вы можете открыть это окно через верхнее меню — убедитесь, что у вас выбран инструмент « Текст », обратите внимание, где на схеме размещается элемент #6 .

Нажмите на иконку, которая выглядит как лист бумаги ( элемент #6 ). Откроется панель « Трансформация символов ». Если редактируете обычный текст, ваш слой текста должен быть выбран, чтобы вы могли вносить изменения. Если вы используете текст абзацем, то нужно выбрать текст, который вы хотите трансформировать.

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

Трансформация блоков текста

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


То же самое вы можете сделать с помощью команд Правка> Трансформация> Масштабирование и Правка> Трансформация> Вращение . Проще простого!

Для того, чтобы прописать текст вдоль кривой, используйте инструмент « Деформация текста » ( выберите инструмент «Текст» в палитре инструментов и найдите между элементами 5 и 6 соответствующую иконку верхнего меню — она выглядит как буква «Т» с кривой внизу ).

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

Три простых способа сделать текст заметным

Иногда, когда вы добавляете к фотографии текст, он может немного затеряться на фоне изображения. Даже если вы делаете его большим, он просто кажется недостаточно четким или прозрачным. Есть несколько причин этого:

А) Это может быть связано с настройками сглаживания. Зайдите в верхнее меню. Убедитесь, что для перехода не установлено значение « Нет ». Это особенно важно для изображений, которые вы будете публиковать в интернете. Выберите любой из других вариантов и посмотрите, как при этом меняются края текста. Окончательный выбор типа сглаживания зависит от ваших личных предпочтений:


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

Читайте также:  Все способы прошивки смартфона Lenovo A536

Вот как это сделать:

Сначала выберите текстовый слой, для которого вы хотите создать тень. Перейдите в вашу палитру слоев и выберите внизу иконку « Стиль слоя », а затем выберите « Тень ».

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


Посмотрите, как белый текст выделяется на этом изображении, хотя оно состоит из мягких оттенков? Здесь нет огромных теней 1990-х годов. Но тень достаточно подчеркивает края букв, делая текст четким, при этом, не портя эстетическое восприятие:


C) И, наконец, еще один прием для текста из сферы графического дизайна — добавить под текстом « секретный » слой и использовать режимы смешивания слоев, чтобы немного затемнить фон и сделать сам текст более контрастным.

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

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

Декоративный и стилизованный текст

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

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


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

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

Данная публикация представляет собой перевод статьи « How to Use the Text Tool in Photoshop » , подготовленной дружной командой проекта Интернет-технологии.ру

Пишем на камне, текст на камне, выцарапываем надпись, текст в уроке фотошопа

Шаг 1. Создайте новое изображение размерами 300х500px с белым фоном. Первое, что нам нужно сделать – это создать текстуру камня. Создайте новый слой и выберите Edit -> Fill и в поле Use выберите 50% Gray. Filter ->Noise -> Add Noise с парметрами: Amount – 18%, Gaussian, Monochromatic. Filter -> Render -> Lighting Effects, установите Texture Channel, как на примере (вы можете использовать любой из каналов RGB для этого, не обязательно синий). Остальные параметры несущественны, мы просто создали “натуральную” основу, которую мы уничтожим в следующем шаге! Нажмите Оk.

Шаг 2. Теперь выберите Filter -> Brush Strokes -> Spatter и нажмите Ok (оставьте параметры по умолчанию – Radius – 10, Smoothness – 5). Создайте новый слой и снова залейте его 50% Gray. Нажмите D, чтобы установить цвета по умолчанию. Теперь Filter -> Render -> Clouds. Примените Image -> Adjustments -> Auto Levels к облакам. Измените Blending Mode на Multiply, установите Opacity на 75% и объедините слой с облаками со слоем с камнем (Ctrl+E). Это создаст случайную текстуру поверхности, потому что мы использовали случайно генерирующиеся фильтры. Если хотите, можете повторить все это еще несколко раз, до тех пор, пока вы не получите подходящий результат.

Шаг 3. Теперь примените Levels (Ctrl+L), и измените параметры, примерно как на изображении ниже – в основном регулировать надо промежуточные тона (средний треугольник). Теперь откройте Hue/Saturation (Ctrl+U), поставьте галочку “colorize” и примените следующие параметры: Hue – 70, Saturation: 10, Brightness – 0. Вы должны получить что-то похожее на пример ниже. После этого откройте Layer -> Layer Style -> Bevel and Emboss и примените следующие параметры: Style – Inner Bevel, Technique – Smooth, Depth – 421%, Size – 24, Soften – 12, Highlight Mode – Color Dodge (opacity – 63%), Shadow Mode – Color Burn (opacity – 44% или выше, если надо).

Шаг 4. Теперь мы будем придавать камню нужную нам форму. Возьмите стамеску. Ладно, стамеска нам не понадобится. Что нам нужно, это Layer Mask. Для добавления маски к слою, надо выбрать Layer -> Add Layer Mask -> Hide All (или кликните, удерживая Alt, на иконку Add Layer Mask в палитре Layers). Это “замаскирует” слой, но не волнуйтесь – ваша текстура всего лишь скрыта, а не удалена. Выберите Paint Brush Tool ( кисть ) с твердыми краями и Opacity – 100% и проведите белым цветом на маске слоя. Убедитесь, что в палитре Layres выбрана маска (квадратик справа от слоя), а не сам слой. Вы можете придать камню любую форму. Поменяйте основной цвет цвет с белого на черный, с помощью клавиши X для корректировки формы. Это свойство маски слоя – форма вашего рисунка всегда может быть изменена. Используйте Layer -> Layer Style- > Drop Shadow для добавления тени камню. Параметры: Opacity – 50%, Distance – 13, Spread – 0, Size – 13, Noise – 10%.

Шаг 5. Теперь создайте новый слой под слоем с камнем. Ctrl+Click на маске слоя, чтобы загрузить выделение. Залейте выделение черным цветом. Возвращейтесь к слою с камнем. Тпепрь, с помощью кисти с Opacity – 10% и черным цветом, затемните на маске слоя некоторые места, чтобы придать ощущение рельефности.

Шаг 6. Напоследок мы сделаем на нашем камне немного трещин – они могут быть использованы, как кнопки, или что-либо другое. Создайте новый слой выше всех остальных. С помощью Line Tool ( ) (если хотите естествнееые трещины, а не сделанные человеком, то вместо Line Tool используйте Pencil Tool ( карандаш )), проведите несколько черных линий, тольщиной в 2px. Теперь добавьте Layer -> Layer Style -> Bevel and Emboss с параметрами: Style – Outer Bevel, Technique – Smooth, Depth – 100%, Direction – Down, Size – 5, Soften – 2, Highlight Mode – Color Dodge, Shadow Mode – Multiply). Если вы хотите изменить направление света, просто снимите галочку “Use Global Light” и измените направление указателя. Теперь в палитре Layers, удерживая Alt, кликните между слоями с камнем и линиями. Это сгруппирует слои и скроет линии вне контура камня. Вы можете добавить текст, если хотите. Попробуйте изменить настройки в некоторых шагах этого урока, может быть, получатся другие интересные эффекты.

Читайте также:  Как зарегистрироваться в Плей Маркете

Можно просто добавить царапин на камне

уроке фотошоп, уроки фотошопа, урок Photoshop

Создаём Текст на Неровной Поверхности в программе Adobe Photoshop

Создание текста на неровной поверхности может оказаться сложной задачей, т.к. результат обычно выглядит плоским и нереалистичным. В этом уроке я покажу вам, как использовать фильтр Смещение (Displace), чтобы правильно наложить текст на неровную поверхность, а также чтобы текст повторял изгибы этой поверхности, чтобы создать реалистичный результат. Итак, давайте приступим!

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте Envato Market.

Исходные материалы

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

1. Создаём Рабочий документ с Текстурой

Откройте исходное изображение с текстурой Ткани в программе Photoshop,а затем идём Файл – Сохранить как (File > Save As), и сохраняем изображение с текстурой в качестве PSD файла. Назовите этот документ Карта замещения (Displace Map).

2. Проводим Коррекцию Карты Смещения

Шаг 1

Щёлкните правой кнопкой мыши по слою с Задним фоном (Background) и в появившемся окне. выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Примечание переводчика: в данном случае, слой с задним фоном – это слой с текстурой.

Шаг 2

Далее, идём Изображение – Коррекция – Насыщенность (Image > Adjustments > Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до –100.

Шаг 3

Теперь идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 2.

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

Шаг 4

Идём Файл – Сохранить (File > Save), чтобы сохранить изменения в нашем рабочем документе Карта смещения (Displace Map).

3. Меняем Цвет Текстуры

Шаг 1

Далее, выберите инструмент Замена цвета (Color Replacement Tool), а затем установите цвет переднего плана на #d7ba80 .

В верхней панели управления данного инструмента, установите Режим (Mode) на Цветность (Color), Ограничения (Limits) Смежные пиксели (Contiguous), а также Допуск (Tolerance) 100%.

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

Шаг 2

Продублируйте слой с Задним фоном (Background), а затем преобразуйте дубликат слоя в смарт-объект.

4. Усиливаем Цвет Текстуры

Шаг 1

Дважды щёлкните по дубликату слоя с Задним фоном (Background), чтобы применить стиль слоя Наложение цвета (Color Overlay). Установите следующие настройки для данного стиля слоя, которые указаны ниже:

  • Цвет (Color): #fde8bd
  • Режим наложения (Blend Mode): Разделение (Divide)

Таким образом, мы немного осветлили текстуру.

Шаг 2

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне, выберите опцию Выборочная коррекция цвета (Selective Color).

Шаг 3

В окне настроек корректирующего слоя Выборочная коррекция цвета (Selective Color), выберите опцию Жёлтые (Yellows) из выпадающего меню Цвета (Colors), а затем установите настройки, которые указаны на скриншоте ниже:

  • Голубой (Cyan): -30
  • Пурпурный (Magenta): -16
  • Жёлтый (Yellow): -47
  • Чёрный (Black): -21

Шаг 4

Далее, из выпадающего меню Цвета (Colors), выберите опцию Голубые (Blues), а затем установите настройки, которые указаны ниже:

  • Голубой (Cyan): -100
  • Пурпурный (Magenta): -35
  • Жёлтый (Yellow): -100
  • Чёрный (Black): -16

Итак, мы смягчили и приглушили цвет. Но вы можете настроить цвет по своему желанию, в зависимости от результата, который вы хотите получить.

5. Добавляем Текст

Шаг 1

Создайте текст, для этого используйте шрифт Cookie Regular, размер шрифта 150 pt, цвет шрифта белый..

Шаг 2

Преобразуйте слой с текстом в смарт-объект, а затем уменьшите значение Заливки (Fill) до .

6. Стилизуем Текст

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Контурное тиснение (Pillow Emboss)
  • Размер (Size): 8
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Цвет (Color): #929292
  • Непрозрачность (Opacity): 50%
  • Режим тени (Shadow Mode): Затемнение основы (Color Burn)
  • Цвет (Color): #434343
  • Непрозрачность (Opacity): 27%

Шаг 2

Добавьте стиль слоя Наложение цвета (Color Overlay) со следующими настройками:

  • Цвет (Color): #bdadb1
  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)

Шаг 3

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
  • Цвет (Color): #707070
  • Непрозрачность (Opacity): 20%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90
  • Смещение (Distance): 3
  • Размер (Size): 5

Итак, мы стилизовали текст.

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

7. Применяем фильтры Размытие (Blur) и Смещение (Displace)

Шаг 1

Находясь на слое смарт-объекта с текстом, идём Фильтр -Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 1. Это поможет смягчить эффект.

Шаг 2

Теперь идём Фильтр – Искажение – Смещение (Filter > Distort > Displace). В результате появится диалоговое окно.

Масштаб по горизонтали (Horizontal Scale) и Масштаб по вертикали (Vertical Scale ) отвечают за насыщенность и интенсивность эффекта. Высокое значение позволит создать более волнистые складки, а низкое значение создаст более аккуратные.

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

Для Схемы искривления (Displacement Map), выберите опцию Растянуть (Stretch to Fit), а для Неопределённые области (Undefined Areas), выберите опцию Повторить граничные пиксели (Repeat Edge Pixels), а затем нажмите кнопку ‘OK‘.

Шаг 3

Когда появится окно браузера, выберите файл Карта смещения (Displace Map), который мы создали вначале этого урока, а затем откройте его, чтобы применить к тексту.

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

Шаг 4

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

8. Усиливаем Резкость Заднего Фона

Данный шаг является выборочным, но если вы хотите, чтобы эффект выглядел более свежим и более чётким, то вначале перейдите на дубликат слоя с Задним фоном (Background copy), а затем идём Фильтр – Резкость – Умная резкость (Filter > Sharpen > Smart Sharpen). Установите настройки на своё усмотрение.

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

Поздравляю! Мы завершили урок.

В этом уроке мы создали простую карту смещения из текстуры ткани, используя несколько корректирующих слоёв и фильтры.

Далее, мы провели коррекцию цвета текстуры и создали текст.

После этого, мы применили фильтр Смещение (Displace filter), чтобы применить карту смещения к тексту и получить точное повторение со складками текстуры ткани.

В заключение, мы усилили резкость заднего фона для завершения эффекта.

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

Ссылка на основную публикацию
Adblock
detector