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

Создаём Текст на Неровной Поверхности в программе 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), чтобы применить карту смещения к тексту и получить точное повторение со складками текстуры ткани.

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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


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

Читайте также  Устранение ошибки «Нет подключения» в TeamViewer

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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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


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


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

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

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

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

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

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


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

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

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

Секреты Photoshop: тонкости работы с текстом

Применение фильтров Photoshop к тексту без растрирования

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

Например, при попытке применения к текстовому слою того же Размытия по Гауссу, выскакивает окно:

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

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

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

После того, как закончите редактировать текст, сохраните изменения через Файл —> Сохранить (File —> Save) и закройте окошко редактирования.

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

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

Затем идём в меню Текст —> Создать рабочий путь (Creat Work Path) и текст преобразуется в контур, со всеми линиями Безье, вершинами и направляющими:

Просмотр цвета текста при выделении

При выделении текста буквы заливаются чёрным фоном, обозначающим, что текст выделен, при этом цвет букв временно заменяется чёрным цветом. Но иногда важно видеть цвет букв при изменении параметров текста.
Чтобы цвет букв вновь стал родным, просто нажмите Ctrl+H и выделение скроется, но при этом текст всё-равно остаётся выделенным и Вы всё также может изменять его параметры. Это также работает с пунктирной рамкой выделения текстового блока.

Быстрый просмотр вида разных шрифтов

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

Поиск шрифтов

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

Быстрый выход из редактирования текста

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

Читайте также  Устранение ошибки 0x80070422 в Виндовс 10

Сохраняем стиль текста

Если Вы работаете с Photoshop CS6 или выше, то Вы можете сохранять стили текста, а потом быстро задавать их новому.

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

Для начала надо открыть панель через Окно —> Стиль абзаца (Window —> Paragraph Styles).

Для сохранения параметров текста необходимо выделить текст и кликнуть по значку «Создать новый стиль абзаца» (Save Nev Paragraph Styles).

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

Тире различной длины

Этот совет подойдёт не только к Photoshop, а к любой программе с текстовым редактором.
Обычное тире (дефис) можно поставить, нажав клавишу «минус». Тире подлиннее ставится таким образом: зажать клавишу Alt и поочерёдно нажать на цифровом разделе клавиатуры, расположенном справа, клавиши 0, 1, 5, 0, отпустить Alt.
Тире ещё длиннее ставится таким же образом, только вместо 0, 1, 5, 0 надо набрать 0, 1, 5, 1. Вот пример этих трёх видов тире: — – —

Настройка параметров переноса

В панели Paragraph нажмите на пиктограмму справа вверху и выберите пункт Hyphernation – в появившемся диалоговом окне можно настроить параметры переноса.

Текст пишется справа налево

Об устранении этой проблемы читайте здесь

Горячие клавиши для выравнивания текста

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

  • Ctrl+Shift+L — выравнивание надписи по левому краю
  • Ctrl+Shift+R — по правому краю
  • Ctrl+Shift+C — по центру

Быстрое изменение размера текста

Существуют три основных способа:

1. Кликнуть по тексту, зажать Ctrl, вокруг текста появится рамка, тянем мышкой за маркеры:

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

3. Кликаем мышкой по окну изменения размера, окно подсвечивается синим, крутим колёсико мыши:

Интерактивное уменьшение межбуквенного расстояния, перемещение одной буквы

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

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

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

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

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

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

Шаг 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

Как изогнуть текст в фотошопе

Тема урока: Как изогнуть текст в Фотошоп. Рассмотрим два самых актуальных варианта. Они работают и с горизонтальным, и с вертикальным инструментом группы «Текст».

Содержание:

Как изогнуть текст функцией «Деформированный текст»

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

Функция доступна при активных:

  • инструменте «Текст» на панели инструментов;
  • текстовом слое на палитре слоев.

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

После этого в верхней панели инструментов станет активной такая кнопка . Это и есть функция деформирования текста. Жмем на нее.

Внимание! Фотошоп не может изогнуть текст, к которому применен стиль – жирный, курсив и т.п. система попросит снять этот стиль.

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

Если предыдущий пункт выполнен правильно, откроется такое окно:

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

Читайте также  Увеличение громкости песни онлайн

Начинаем выставлять свои настройки. У нас текст горизонтальный, поэтому и ставим отметку «Горизонтальный». Дальше экспериментируем с ползунками. Двигаем их и наблюдаем за изменением текста. Значения в окошках будут соответственно меняться.

Изменить параметры можно вписав в эти окошки величину изменения в процентах и нажать Enter. Например, 50 (плюс можно не ставить), чтобы ползунок передвинулся на 50% вправо, или минус 50 (-50), чтобы передвинуть ползунок влево на 50%.

  1. Первый ползунок отвечает за глубину неровности линии. Именно с его помощью можно изогнуть текст (рис. 4).
  2. Искажение по горизонтали и вертикали – это уже деформация надписи относительно плоскости.

Выставив настройки, нажмите «Ок».

Как написать текст по контуру в Photoshop

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

Контур создается векторными инструментами: «Перо», или из группы «Прямоугольник».

Создаем контур инструментом Перо

Этот вариант позволяет создать любую линию изгиба – произвольно или по готовому изображению.

Допустим, что у нас есть картинка, по контуру которой нужно сделать надпись.

    Активируем инструмент «Перо» в панели инструментов или горячей клавишей Р (русская з). Вверху установите режим инструмента «Контур». Щелчком мыши ставим первую опорную точку на рисунке.

Внимание! Если нужно удалить последнюю опорную точку – нажмите Delete.

4. По такому принципу создаем контур всей линии: ставим опорную точку в п. D, образуя следующую прямую, в ее центре ставим узловую точку, потягиваем ее к контуру кривой. И так до конца линии.

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

Контур создан. Как по нему написать текст читайте ниже.

Как создать контур инструментом Произвольная фигура

В группе инструментов Прямоугольник выбираем нужную форму – прямоугольник, эллипс… Мы выбрали Произвольная фигура.

Вверху редактора открываем палитру фигур и выбираем подходящую. Выбрать категорию фигур можно в настройках палитры. У нас выбраны все.

Когда выбрали фигуру, курсор стал в виде крестика. Протягиваем его по диагонали в любом направлении.

Важно! Если режимом инструмента выбрана Фигура, то вы получите векторное изображение, залитое цветом. В палитре Слои появится новый слой, а в палитре Контуры – новый контур.

Если установлен режим Контур, то и получится внешнее очертание без заливки цветом. При этом новый слой создается в палитре Контуры, а в Слои – нет.

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

Пишем текст по созданному контуру

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

  1. Если форму вы создавали в режиме Фигура, в палитре слоев сделайте этот слой активным. Если работали в режиме Контур – активируйте его в палитре Контуры, и будет видна только линия, по которой изогнется надпись.

2. Берем инструмент Текст. Писать по волне начнем слева, поэтому ставим выравнивание по левому краю. По листочку надпись распределим от центра, поэтому выравнивание ставим по центру.

3. Подводим курсор к созданному контуру достаточно близко, чтобы он изменил свой вид на такой .

4. Щелкаем мышкой в том месте, откуда будет распределяться текст. У нас это: в случае с волной – слева, а на листочке ‒ в предполагаемом центре надписи.

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

Меняем положение изогнутого текста и исправляем ошибки

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

Потяните курсор вниз, и текст сместится под линию.

Исправляем ошибки

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

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

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

  1. Выделяем текст. Открываем палитру «Символ»: идем в меню Окно, выбираем Символ.
  2. Выделяем текст.
  3. Откройте список значений трекинга символов и выберите подходящее. Можно просто вписать цифру в окошко, нажать Enter.
  4. Согласитесь с изменениями, нажав на галочку в верхней панели.
  5. Если эти действия не помогли – поставьте дополнительные пробелы между буквами в тех местах, где их нужно рассоединить.

Детально предусмотреть все моменты в одном уроке невозможно. Если остались вопросы – задавайте в комментариях.

Изогнуть текст в Фотошоп можно и деформацией слоя. Но мы категорически не советуем это делать. Слой придется растрировать, а результат получается не лучшего качества:

Создание каменного текста на гранжевом фоне

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

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

Шаг 1 Работа с фоном

Открывайте текстуру мятой бумаги в Photoshop:

На этом этапе немного измените контраст, сделав фон немного темнее. Для этого создайте корректирующий слой Hue Saturation:

После этого создайте еще один корректирующий слой, на этот раз Levels:

И настройте его параметры как показано ниже:

Изображение станет более контрастнее.

Шаг 2 Работа с текстом

Для начала установите скачанные шрифты. Затем разместите текст в центре документа и настройте его свойства:

Далее нужно настраивать эффекты текста. Кликните по пиктограмме Add a Layer Style и в открывшемся списке выберите Blending Options:

Теперь настройте параметры каждого отдельного эффекта:

Bevel and Emboss:

После настроек нажмите OK. У вас должно получиться что то на подобие этого:

Шаг 3 Создание тени

Пришло время создать тень для текста. Для начала нужно создать выделение из теста. Для этого с зажатой клавишей Ctrl кликаните по пиктограмме в окне Layer:

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

Созданный слой расположите под слоем с текстом:

Далее залейте это выделение черным цветом. Убедитесь в том, что выбран созданный слой. Нажмите Shift + F5. Появится окно заливки цветом. Настройте параметры и жмите ОК.

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

Далее примените фильтр Gaussian Blur для размытия тени:

В окне настроек фильтра устанавливите такие значения:

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

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

Шаг 4 Делаем текст каменным

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

Затем кликните с зажатой клавишей Ctrl по слою с текстом, что бы вновь создать выделение:

Теперь нажмите Ctrl +J. Тот участок который был выделен «отпечатается» на новый слой. Теперь текстуру с камнем можно смело удалять:

После удаления старого слоя результат будет таким:

В целом неплохо, однако из-за перекрывающей текстуры текст получился плохочитаемым. Давайте немного поработаем над этим и исправим недочеты. Режим слоя с текстурой установите на Overlay. Прозрачность установите примерно на 85%:

Сделайте копию этого слоя, нажав сочетание клавиш Ctrl+J и настройте его контрастность с помощью кривых:

Постарайтесь настроить так же, как показано ниже:

Теперь повысьте четкость и детализацию текста используя фильтр Hight Pass. Сделайте копию слоя (Ctrl+J). Прозрачность установите на 100%. Затем перейдите к Filter>Other> Hight Pass:

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

Вы сразу же заметите, как текстура на тексте стала четче. Соедините два верхних слоя (Ctrl+J) Инструментом Burn Tool (O) сделайте некоторые участки на тексте темнее:

Просто рисуйте этим инструментом по тем участкам, которые хотите сделать темнее:

Шаг 5 Создание виньетки

Виньетка используется как прием для направления внимания смотрящего человека на определенный фрагмент (в данном случае это текст). Затемните края изображения для того, что бы взгляд зрителя был направлен на тест. Объедините все слои. Перейдите на самый верхний и нажмите Ctrl + Shift+E:

Далее примените Filter>Lens Correction:

В настройках фильтра перейдите на вкладку Custom и установите параметры, так как показано ниже:

После этого нажимайте ОК.

Вот и все. Надеюсь вы нашли для себя что то интересное.