Деформация текста в фотошоп: подробное описание. Как сделать в фотошопе волнистый текст


Деформация текста в фотошоп: подробное описание функции

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

деформация-текста

Стандартные опции

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

деформация текста в фотошоп

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

деформация текста в фотошоп

Это простейшие деформации, которые представлены набором характерных изменений из выпадающего списка Стиль (Style).

Эксперименты с изменением текста

Все эффекты имеют ось симметрии, относительно которой можно задать дополнительные характеристики.

deformacija_texta_v_fotoshop

Ползунков в диалоговом окне всего три. Изгиб (Bend) влияет на интенсивность искривления. Здесь же можно изменить силу искажения по горизонтали или вертикали (Horizontal Distortion, Vertical Distortion).

Для примера приведу деформацию текста волной.

деформация текста в фотошоп

Еще пример простой деформации текста по форме флага.

деформация текста в фотошоп

Это простейшие изменения, которые применяются для примитивной работы с текстом.

Деформация текста по контуру

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

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

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

Делается это с помощью инструмента «Свободное перо» (Freeform Pen Tool), выбрать его можно на основной панели инструментов или с помощью горячей клавиши «P».

deformacija_texta_v_fotoshop

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

deformacija_texta_v_fotoshop

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

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

deformacija_texta_v_fotoshop

Для изменения контура, выберите инструмент «Выделение контура» (Path Selection Tool), нажмите на контур, на нем появятся маленькие черные квадратики, эти замки можно перемещать, деформируя контур и текст, который по нему написан.

deformacija_texta_v_fotoshop

compforlife.ru

Деформация текста в фотошопе

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

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

Итак, выберите инструмент Текст, напишите какую-нибудь надпись  и выберите на панели параметров Создать деформированный текст:

Sozdat'_deformirovannyj_tekst

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

Параметр Изгиб/Степень влияет на силу искривления.

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

dialogovoe_okno_deformirovat'_tekst

Пример искажения в форме Волны:

tekst_v_forme_volny

Или вот избитая тема из Звездных Войн:

tekst_iz_zvezdnyh_vojn

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

Текст по Контуру

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

У меня пока нет урока по контурам (но я планирую это исправить), поэтому если испытываете сложность с таким инструментом, можно посмотреть на других сайтах, информации полно.

Итак, чтобы написать текст вдоль контура — выберите Перо и создайте произвольную кривую, которая будет будущей надписью.

instrument_pero

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

tekst_po_konturu

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

vydelenie_kontura

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

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter. Спасибо!

psand.ru

Волнистый текст

1. Создаем новый документ, фон на свой вкус.

2. Пишем текст любым цветом.

Пишем текст

3. Применяем к слою с текстом стили (кнопка Кнопка стилей слояна панели слоев): Drop Shadow (Тень), Inner Shadow (Внутренняя тень), Outer Glow (Внешнее свечение), Texture (Текстура) и Color Overlay (Наложение цвета).

Стиль слоя Drop Shadow (Тень)

Стиль слоя Inner Shadow (Внутренняя тень)

Стиль слоя Outer Glow (Внешнее свечение)

Стиль слоя Texture (Текстура)

Текстуры

Стиль слоя Color Overlay (Наложение цвета)

Примнение стилей к тексту

4. Поворачиваем изображение на 90°: Image⇒Rotate Canvas⇒90° CW (Изображение⇒Повернуть холст⇒90° по часовой).

5. Применяем Filter⇒Distort⇒Shear (Фильтр⇒Искажение⇒Искривление).

Фильтр Shear (Искривление)

6. Поворачиваем холст обратно: Image⇒Rotate Canvas⇒90° СCW (Изображение⇒Повернуть холст⇒90° против часовой).

Волнистый текст

Теги: урок, эффекты текста, волны

При копировании материала ссылка на photoshop4u.ru обязательна.

ИнформацияПосетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

photoshop4u.ru

Добавляем в фотошопе текст на неровную поверхность

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

На создание этого эффекта меня вдохновили различные стили слоя, доступные на Envato Market.

Скачать архив с материалами к уроку

1. Сохраняем карту смещения

Открываем текстуру ткани в Photoshop и переходим File – Save As (Файл – Сохранить как), пишем название файла Displace Map и сохраняем его.

2. Настраиваем карту смещения

Шаг 1

Жмем правой кнопкой по фоновому слою и выбираем 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 (Цветность), Sampling (Проба) на Contiguous (Смежные пиксели) и Tolerance (Допуск) на 100%.

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

Благодаря этому, мы изменили цвет текстуры.

Шаг 2

Дублируем фоновый слой и преобразовываем копию в смарт-объект.

4. Улучшаем цвет текстуры

Шаг 1

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

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

В результате цвет текстуры стал ярче.

Шаг 2

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

Шаг 3

Из выпадающего меню Colors (Цвета) выбираем Yellows (Желтые) и настраиваем:

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

Шаг 4

Далее из выпадающего меню выбираем Blues (Голубые) и меняем значения, как показано ниже:

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

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

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

Шаг 1

Шрифтом Cookie Regular пишем текст белого цвета и устанавливаем его Size (Размер) на 150 pt.

Шаг 2

Преобразовываем текстовый слой в смарт-объект и устанавливаем его Fill (Заливка) на 0.

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 (Повторить граничные пиксели) и жмем ОК.

Шаг 3

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

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

Шаг 4

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

8. Настраиваем резкость фона

Это опциональный шаг, и вы можете его пропустить. Но если вы хотите получить более качественный результат, выбираем копию фонового слоя, затем переходим Filter – Sharpen – Smart Sharpen (Фильтр – Резкость – Умная резкость) и применяем следующие параметры:

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

Заключение

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

Затем мы настроили цвет текстуры и создали текст.

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

И, наконец, увеличили резкость фона.

Автор: Rose

photoshop-master.ru

Как создать блестящий ретро текст в фотошоп

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

В уроке вы научитесь:

  1. Работать с текстурами;
  2. Работать со стилями слоя, применять их для придания различных эффектов;
  3. Создавать блики и эффекты при помощи простых инструментов фотошоп.

 

Окончательные результаты:

final_results

Ресурсы

  • Шрифт — http://www.fontfabric.com/tetra-free-font/
  • Текстуры Боке — https://www.photoshoptutorials.ws/downloads/photoshop-brushes/freebie-24-abstract-bokeh-brushes/

 

Шаг 1

Создайте новый документ в Photoshop. Он должен быть шириной 2100 пикселей и 3300 пикселей в высоту, разрешение — 300 точек на дюйм. С помощью инструмента Заливка (G) заполните фоновый слойчерным цветом.

шаг 1

Перейдите к инструменту Текст (T) и выберите шрифт Tetra с размером около 250 пт (вы можете сделать его больше, если хотите) и напишите слово "Super" в верхней части холста. Я выбрал шрифт Tetra из-за его формы, вы можете использовать любой другой шрифт.

step_1a

Щелкните правой кнопкой мыши по слою с текстом и выберите Растрировать слой (Rasterize layer), чтобы сделать его доступным для редактирования.

step_1b

Создайте новый слой. Загрузите выделение слоя (Ctrl + клик по иконке слоя) и возьмите инструмент Кисть (Brush (B)). Мы будем закрашивать выделение на новом слое, чтобы получить цветовые пятна. На скриншоте указаны цвета, которые мы будем использовать.

step_1c

Заполните выделение синим цветом. Выберите мягкую кисть 0% твердости размером около 250 пикселей и прокрасьте нижнюю часть текста, чтобы создать затемнение.

step_1d

step_1e

Измените размер кисти до 150 пикселей и выбрав самый темный зеленый цвет, сделайте легкие мазки на верхней части букв. Не забудьте оставить синий цвет. Вы также можете понизить непрозрачность кистипримерно до 40%, чтобы сделать более плавные переходы.

step_1f

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

step_1g

step_1h

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

step_1i

Когда вы будете удовлетворены результатом перейдите в Слои-Новый корректирующий слой-Яркость и контрастность (Image-Adjustments-Brightness and contrast), чтобы сделать цвета ярче:

step_1j

Результат на данный момент:

step_1k

Шаг 2

Теперь мы добавим стили слоя, чтобы придать тексту глянца. Двойной щелчок на слое с текстом откроет меню стилей слоя. Поставьте галочку у параметра Тиснение (Bevel and Emboss). Введите значения, указанные ниже:

step_2a

Поставьте галочку у параметра Глянец (Satin) и введите параметры, указанные ниже:

 

step_2b

После применения стилей слоя у вас должен получиться такой результат:

step_2c

Создайте новый слой и объедините его с текстовым слоем (Ctrl + E), чтобы применить эффекты на том же слое. На этом этапе вы можете изменить яркость и контрастность еще раз, если вам кажется, что цвета слишком размыты:

step_2d

Усилим свечение при помощи инструмента Осветлитель (Dodge Tool). Возьмите очень маленькую мягкую кисть и установите экспозицию (exposure) на 10% и диапазон (range) на «Света» (Highlights). Кистью пройдитесь по самых ярких участках контура букв.

step_2e

Шаг 3

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

step_3a

Для этого слова я выбрал цветовую палитру в диапазоне от темно-фиолетового до очень светло-розового.

step_3b

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

step_3c

step_3d

Не забудьте о яркости и контрастности изображения, а также высветлить блики при помощи инструмента Осветлитель (Dodge Tool):

step_3e

step_3f

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

step_3g

Скопируйте и вставьте стиль слоя с предыдущих слов:

step_3h

Не забывайте об Осветлителе (Dodge Tool) и регулировке яркости и контрастности.

step_3i

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

step_3j

Шаг 4

Время добавить красочные элементы для украшения текста. Для создания светящихся линий создайте новый слой, возьмите инструмент Кисть (В) и выберите жесткую кисть, 100% твердости, 100%непрозрачности, размером около 4 пикселей, затем откройте меню кистей (F5) и в опции Динамика формы (Shape Dynamics), измените управление на «Нажим пера». После ввода этих настроек выберитеинструмент Перо (P).

step_4a

Удерживая клавишу "Shift" нарисуйте контур, чтобы создать горизонтальную линию. Щелкните правой кнопкой мыши по контуру и выберите опцию Выполнить обводку контура (Stroke Path), измените параметр «инструмент» на Кисть, отметьте опцию Имитировать нажим (Simulate Pressure).

step_4b

Двойным щелчком на слое откройте меню стилей слоя. Выберите стили Внешнее свечение (Outer Glow) и Наложение градиента (Gradient Overlay). Введите значения, указанные ниже

step_4c

В Наложении градиента (Gradient Overlay) поставьте галочку у функции Инверсия (Reverse) и установите угол в 0 °.

step_4d

Двойным щелчком по градиенту вызовите редактор градиентов. Измените цвета градиента, как показано ниже.

step4_e

step4_f

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

step4_g

step4_h

При помощи инструмента Деформация (Warp) выгните линии так, чтобы они соответствовали круглым частям букв:

step4_i

step4_j

step4_k

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

step4_l

Возьмите одну из светящихся линий с первого слова и перейдите в Слои-Новый корректирующий слой-Цветовой тон/насыщенность (Image-Adjustments-Hue / Saturation), измените цвет, чтобы он соответствовал другим словам.

step4_m

Расположите их так же, как на остальных 2-х слоях.

step4_n

step4_o

step4_p

Результат на данный момент:

step4_q

Шаг 5

Для световых вспышек под буквами продублируем текстовый слой и разместим его под оригинальным текстовым слоем. Перейдите в меню Фильтр-Размытие-Размытие в движении (Filter-Blur-Motion Blur) и установите угол 0, а расстояние до 998.

step5_a

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

step5_b

Повторите этот шаг с другими текстовыми слоями:

step5_c

Шаг 6

Чтобы добавить блесток, возьмите инструмент кисть с 0% твердости и размером около 120 пикселей, цвет — белый. Создайте новый слой поверх всех слоев и нарисуйте дополнительные блики над самыми светлыми участками:

step6_a

Уменьшите размер кисти и добавьте маленькие блики возле больших:

step6_b

Сделайте то же самое для двух других текстовых слоев:

step6_c

step6_d

Шаг 7

Для усиления свечения создадим крестики с помощью инструмента Перо. Установите кисть на 100% твердости и размером 4 пикселя, в Динамике формы (Shape Dynamics) измените управление на «Нажим пера», выберите инструмент Перо (P) и нарисуйте две перекрестные линии, потом обведите контур, используя кисть в качестве инструмента обводки.

 

step7_a

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

step7_b

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

step7_c

Шаг 8

Создадим волнистые линии при помощи кисти с жёсткостью 100% и размером около 9 пикселей. Проведите длинную горизонтальную линию, затем перейдите в Фильтр-Искажение-Волна (Filter-Distort-Wave). Используйте следующие параметры для первой волны:

step8_a

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

step8_b

Выберите слой с волной и откройте меню стилей слоя. Примените стили слоя Внешнее свечение (Outer Glow) и Наложение градиента (Gradient Overlay).

.

step8_c

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

step8_d

step8_e

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

step8_f

Дублируйте и создавайте новые слои с волнами, настраивайте цвета в стилях Внешнее свечение (Outer Glow) и Наложение градиента (Gradient Overlay) чтобы цвета гармонировали с текстом.

step8_g

Результат на данном этапе:

step8_h

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

step8_i

Трансформируйте точки растянув их на весь размер фона.

step8_j

Шаг 9

В завершение добавим текстуру боке в документ. Из Sparklestock выберите изображения, которые, на ваш взгляд, подходят к иллюстрации. Установите режим наложения слоя с боке на Экран (Screen) и уменьшите непрозрачность слоя до 30%:

step9_a

Теперь я использую комбинацию различных стоковых изображений для завершения эффекта. Вы можете выбрать любое изображение с боке, которые вам больше нравятся. Если вы рисуете кистью текстуру боке самостоятельно — просто берите образец цвета с текста. Изменить цвет боке текстуры можно при помощи корректирующего слоя Цветовой тон/Насыщенность (Hue/ Saturation).

step9_b

step9_c

step9_d

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

Шаг 10

В заключительном шаге мы создадим несколько корректирующих слоев, чтобы улучшить внешний вид композиции. Перейдите в меню Слои-Новый корректирующий слой-Цветовой тон/Насыщенность (Layer-New Adjustment слой-Hue/Saturation) и увеличьте насыщенность, чтобы сделать цвета более живыми.

step10_a

Тем же способом создаем корректирующий слой Яркость и контрастность (Brightness and Contrast), используем настройки выше:

step10_b

Под слоем Яркость и контрастность (Brightness and Contrast) создайте корректирующий слой Уровни (Levels), чтобы соединить композицию в единое целое.

step10_c

Финальные результаты:

final_results [1]

pixelbox.ru

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

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

вдоль контура

 

В этом совете по работе с фотошопом будет дано несколько полезных советов при написании текста в фотошопе вдоль произвольной кривой (контура).

Текст

Подобные публикации:

 

Я открыл в фотошопе картинку неба. Выбрал инструмент "Перо" (Р) в режиме контуров и сделал пером вот такой полукруг. Если Вы не очень владеете пером, то посмотрите статью " Всё о работе с пером".

Инструмент "Перо" (Р)

Делаем активным инструмент "Горизонтальный текст" (Т), подводим к началу контура и курсор мыши принимает вид, который Вы видите ниже на скриншоте.

Инструмент "Горизонтальный текст" (Т)

Щёлкаем один раз левой кнопкой мыши и вводим текст.

Инструмент "Горизонтальный текст"

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

Инструмент "Стрелка"

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

Палитра "Символ"

Вот что у меня получилось.

Небо

И ещё один трюк с текстом. При активном инструменте "Стрелка" я подвожу курсор мыши к любому месту текста, он принимает вид чёрной стрелочки, направленной вправо, щёлкаю и удерживаю левую клавишу мыши и перетаскиваю текст под контур. Получаем перевёрнутый текст.

Контур

Мы с Вами разобрали несколько приёмов работы написания текста в фотошопе вдоль контура.

Надеюсь Вы получили пользу от этого совета.

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

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

 

Скачать урок (193 Кб) в формате PDF можно здесь.

 

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

 

Вот работа от Vera Ataeva. Оставляйте своё мнение в комментариях:

Лос Анжелес

Вот работы от Николая Ширинкина:

11

12

 

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

www.photoshopsunduchok.ru

Как написать текст по кругу, кривой и контуру

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

pishem-tekst

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

ограничители текста на контуре

Эти указатели можно перемещать, и, соответственно, переместится также и текст. Для перемещения ограничителей начала и конца текста надо выбрать инструмент "Выделение контура" (Path Selection Tool).

Инструмент выделение контура

При подводе курсора к тексту он снова изменит свой вид на такой:

курсор перемещения текста

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

текст по курсорам

При желании мы можем перевернуть текст вверх ногами. Для этого надо подвести курсор к тексту, он примет следующую форму:

курсор перемещения текста

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

переворот текста

Не забываем, что для перемещения ограничителей и переворота текста должен быть активным не инструмент "Текст", а инструмент "Выделение контура" (Path Selection Tool)!!

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

Текст вокруг

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

буквы внутри овала

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

rugraphics.ru