Servisneva.ru

Сервис Нева
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

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

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

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

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

В этой статье я оставлю картинку в том соотношении, как она была снята, то есть 4*3. Если вам нужно другое соотношение сторон, например 16*9, и вы не знаете, как это сделать, то смотрите еще один ролик, где я очень подробно показываю пошагово, как это выполняется.

Итак, фоновое изображение у меня есть. Переходим к следующим шагам.

Результат

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

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

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

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

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

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

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

deformacija_texta_v_fotoshop

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

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

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

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

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

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

Учимся работать с Pen Tool: Штрих и заливка

Pen Tool позволяет заштриховывать и заливать пути.

Читать еще:  Как вставить подложку в Ворде (Word) правильно

Штриховка представляет собой применение какого-либо инструмента (это может быть кисть, карандаш, ластик, инструменты затемнения и осветления и т.д.) по пути. Для того, чтобы заштриховать путь, надо кликнуть по нему правой кнопкой мыши и выбрать Stroke Path:

Учимся работать с Pen Tool

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

Учимся работать с Pen Tool

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

Учимся работать с Pen Tool

Этот метод применяется, например, в уроке красивый фон в photoshop.

Заливка пути аналогична инструменту Paint Bucket Tool (заливка). Всё пространство между точками заполняется выбранным цветом. Чтобы выполнить заливку, достаточно кликнуть по пути правой кнопкой мыши и выбрать Fill Path (Заполнить путь). При этом заливка выполняется на текущем слое.

Поместите в новом слое ваш логотип, текст или изображение, к которому хотите применить эффект. Вы можете использовать что угодно: текстовые слои, векторные изображения или даже обычные вырезанные растровые объекты. К примеру, вы можете поэкспериментировать с фигурами для Photoshop, которые можно найти в изобилии на этом сайте. В нашем случае это текстовые слои, для которых использован шрифт Trajan Pro и лавровые веточки.

Эффект объёмного текста из камня

Загрузите zip-файл с основным фоном и распакуйте его в любую папку. Затем откройте rockBackgroung .jpg с помощью Photoshop.

Шаг 2

Теперь выберите инструмент Горизонтальный текст (T) и установите размер текста 190 pх и шрифт Titan One. Затем напишите ROCK и поместите текст фон.

Шаг 3

Теперь установим каменный паттерн . Исходное изображение немного размытое, слишком большое и не бесшовное. Поэтому я отредактировал и исправил все это. Отредактированный шаблон находится внутри zip-файла, прикрепленного к этому уроку. Чтобы установить его, перейдите в Редактирование > Наборы настроек > Диспетчер наборов настроек и выберите Шаблоны для типа набора настроек. Затем нажмите Загрузить и установите rockPattern -Tutorial. После этого дважды щелкните по текстовому слою, чтобы открыть панель Стиль слоя. Затем добавьте Наложение узора (Pattern Overlay) с этими настройками:

  • Режим наложения: Нормальный
  • Непрозрачность: 100%
  • Узор: rockPattern-Tutorial
  • Масштаб: 50%
  • Связать со слоем: вкл

Шаг 4

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

  • Режим наложения: мягкий свет
  • Дизеринг: Выкл.
  • Непрозрачность: 100%
  • Инверсия: Выкл.
  • Стиль: линейный
  • Выровнять по слою: вкл
  • Угол: 90º
  • Масштаб: 100%
Читать еще:  Как работать с формулами в Excel: пошаговая инструкция

  • Первый маркер Цвет: #414141 Позиция: 0%
  • Второй маркер Цвет: #c3c3c3 Позиция: 100%

Шаг 5

Теперь мы собираемся добавить объем краям текста. Так что добавьте Внутреннее свечение ( Inner Glow) со следующими настройками:

  • Режим наложения: Осветление основы
  • Непрозрачность: 33%
  • Шум: 0%
  • Цвет: #fffbec
  • Метод: Мягкий
  • Источник: На краях
  • Стягивание: 0%
  • Размер: 9 пикселей
  • Контур: линейный
  • Сглаженный: Выкл.
  • Диапазон: 50%
  • Колебание: 0%

Шаг 6

Чтобы добавить большего объема тексту, добавьте стиль Внутренняя тень :

  • Режим наложения : умножение
  • Непрозрачность: 54%
  • Глобальное освещение: Off
  • Угол: -45º
  • Смещение: 2 px
  • Стягивание: 49%
  • Размер: 1 px
  • Контур: линейный
  • Сглаживание: Выкл.
  • Шум: 0%

Шаг 7

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

  • Режим наложения: Нормальный
  • Цвет: #0c0c0c
  • Непрозрачность: 100%
  • Глобальное освещение: Off
  • Угол: 154º
  • Смещение: 2 px
  • Размах: 100%
  • Размер: 2 px
  • Контур: линейный
  • Сглаживание: Выкл.
  • Шум: 0%
  • Слой выбивает тень: On

Шаг 8

Следующий эффект заставит текст выглядеть так, как будто он имеет неровную поверхность. Поэтому добавьте Тиснение (Bevel & Emboss) с этими настройками:

  • Стиль: Внутренний скос
  • Метод: Гладкая
  • Глубина: 368%
  • Направление: вверх
  • Размер: 46 пикселей
  • Смягчение: 0 px
  • Глобальное освещение: Off
  • Угол: 97º
  • Высота: 48º
  • Сглаживание: Выкл.
  • Режим подсветки: Осветление основы Цвет: #ffffff Непрозрачность: 14%
  • Режим тени: Линейный затемнитель Цвет: #000000 Непрозрачность: 1%

Нажмите на Контур глянца (Gloss Contour)и отредактируйте его с этими настройками:

  • Первая точка Вход 0% Выход 58% Угол: Выкл
  • Вторая точка Вход 37% Выход 7% Угол: Выкл
  • Третья точка Вход 78% Выход 97% Угол: Выкл
  • Четвертая точка Вход 100% Выход 77% Угол: Выкл

После этого нажмите Сохранить и назовите его Rock Contour. Мы собираемся использовать это позже.

Вот как должен выглядеть текстовый эффект:

Шаг 9

Теперь нажмите ОК на панели Стиль слоя. Затем выберите текстовый слой на панели Слои и нажмите Control-J, чтобы продублировать слой. После этого щелкните правой кнопкой мыши по копии текстового слоя и выберите Очистить стиль слоя.

Читать еще:  Как конвертировать фото в JPG онлайн

Шаг 10

Дважды щелкните текстовую копию, чтобы открыть панель Стиль слоя . Затем добавьте Внутреннее сечение(Inner Glow) со следующими настройками:

  • Режим наложения: Осветление основы
  • Непрозрачность: 100%
  • Шум: 0%
  • Цвет: #535353
  • Метод: Мягкий
  • Источник: Центр
  • Стягивание: 36%
  • Размер: 27 пикселей
  • Контур: линейный
  • Сглаживание: Выкл.
  • Диапазон: 50%
  • Колебание: 0%

Это добавит свечения в центре текста.

Шаг 11

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

  • Режим смешивания: мягкий свет
  • Дизеринг: Выкл.
  • Непрозрачность: 100%
  • Инверсия: Выкл.
  • Выровнять по слою: вкл
  • Стиль: линейный
  • Угол: 90º
  • Масштаб: 100%

Режим Soft Light on Blend идеально подходит для сохранения резкости текстуры.

Затем нажмите на градиентную панель и отредактируйте ее с этими настройками:

  • Первый маркер Цвет: #636363 Позиция: 0%
  • Второй маркер Цвет: #3f3f3f Позиция: 100%

Шаг 12

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

  • Режим смешивания : умножение
  • Цвет: #000000
  • Непрозрачность: 60%
  • Глобальное освещение: Off
  • Угол: -45º
  • Смещение: 3 px
  • Стягивание: 64%
  • Размер: 3 px
  • Контур: линейный
  • Сглаживание: Выкл.
  • Шум: 0%

Шаг 13

Теперь стиль слоя Тиснение (Bevel & Emboss) добавим еще раз с этими настройками:

  • Стиль: Внутренний скос
  • Метод: Гладкая
  • Глубина: 368%
  • Направление: вверх
  • Размер: 62 px
  • Смягчение: 0 px
  • Глобальное освещение: Off
  • Угол: 97º
  • Высота: 48º
  • Контур глянца: Rock Contour (тот, который мы создали раньше)
  • Сглаживание: Выкл.
  • Режим подсветки: Осветление основы: #ffffff Непрозрачность: 25%
  • Режим тени: Линейный затемнитель Цвет: #000000 Непрозрачность: 4%

Шаг 14

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

  • Режим наложения: Нормальный
  • Цвет: #0d0d0d
  • Непрозрачность: 100%
  • Глобальное освещение: Off
  • Угол: 145º
  • Смещение: 7 пикселей
  • Размах: 0%
  • Размер: 3 px
  • Контур: линейный
  • Сглаживание: Выкл.
  • Шум: 0%
  • Слой выбивает тень: 0%

После этого нажмите OK, чтобы закончить текстовый эффект.

Всегда для Вас: photoshoplesson.ru

У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector