Как в фотошопе деформировать текст: Создание искаженного текста в фотошопе – Деформация текста с помощью программы Photoshop

Создание искаженного текста в фотошопе

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

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

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

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

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

Оригинальный дизайн.

Если мы посмотрим на мою панель «Слои», то увидим, что мой документ содержит два слоя с моим слоем «Тип», расположенным над изображением на слое фона:

Панель «Слои», показывающая слой «Тип» над фоновым слоем.

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

инструмент Type Tool , поэтому я возьму его с панели инструментов:

Выбор инстр

Деформация текста с помощью программы Photoshop

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

Как сделать выпуклый текст Photoshop

И так вам необходимо добавить текст на изображение. И придать ему какой либо эффект сделать выпуклым, округлым в общем сделать какую либо деформацию текста. Для этих целей воспользуемся редактором Photoshop. Запускаем открываем изображение пишем текст. Я для примера создам новое пустое изображение. Для этого слева на панели выбираем инструмент Горизонтальный текст. Указываем расположение его на изображение и пишем.

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

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

работа с текстом в фотошопе

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

как сделать выпуклый текст

Так же в Photoshop есть много других стилей деформации текста. Может поэкспериментировать с каждым.

как сделать текст выпуклым в фотошопе

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

Изгиб текста в Фотошопе. Как деформировать текст в Photoshop.

Для просмотра онлайн кликните на видео ⤵

Изгиб текста в Фотошопе. Как деформировать текст в Photoshop.

Урок Photoshop [Деформация текста] Подробнее

Урок Photoshop [Деформация текста]

Создание текста по контуру круга/фигуры| Уроки Фотошоп Подробнее

Создание текста по контуру круга/фигуры

Как изогнуть текст [Уроки Фотошопа #1] Подробнее

Как изогнуть текст [Уроки Фотошопа #1]

Деформация объекта в фотошопе Подробнее

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

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

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

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

1 урок по фотошопу: Деформация текста

Деформация текста в фотошопе | Текст по кругу | Уроки Photoshop Подробнее

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

Урок 5 — Текст, свойства текста. Урок 5. Полный курс Adobe Photoshop с нуля | Graphic Hack Подробнее

Урок 5 - Текст, свойства текста. Урок 5. Полный курс Adobe Photoshop с нуля

Как изменить шрифт в Фотошопе. Деформация текста Подробнее

Как изменить шрифт в Фотошопе.  Деформация текста

Уроки фотошопа | 3D текст в фотошопе | 3D text in Adobe Photoshop Подробнее

Уроки фотошопа

текст на асфальте фотошоп cs6 Подробнее

текст на асфальте фотошоп cs6

Как УБРАТЬ ЛИШНИЕ ОБЪЕКТЫ из фотографии в фотошопе! Подробнее

Как УБРАТЬ ЛИШНИЕ ОБЪЕКТЫ из фотографии в фотошопе!

🔴 Простой Эффект в Фотошопе с Текстом — Neon Подробнее

🔴  Простой Эффект в Фотошопе с Текстом - Neon

Как сделать свечение в Adobe Photoshop Подробнее

Как сделать свечение в Adobe Photoshop

Как сделать логотип в Photoshop CC Подробнее

Как сделать логотип в Photoshop CC

Урок Фотошоп. Как сделать простой логотип. Подробнее

Урок Фотошоп. Как сделать простой логотип.

Как вырезать сложный объект в фотошоп (маска слоя) Подробнее

Как вырезать сложный объект в фотошоп (маска слоя)

Как написать «Текст по Кругу» и «Внутри Круга» в Фотошоп Подробнее

Как написать «Текст по Кругу» и «Внутри Круга» в Фотошоп

Photoshop . Как сделать аватарку с дымовой шашкой . Процесс создания в Photoshop. Подробнее

Photoshop . Как сделать аватарку с дымовой шашкой . Процесс создания в Photoshop.

Цветной деформированный текст в Adobe Photoshop

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

 

Результат

Шаг 1

Создайте новый документ размером 1400px * 728px, залейте фон указанным ниже градиентом:

Скачайте текстуру бумаги и выделите указанную ниже часть при помощи инструмента Lasso/Лассо на 40px feather/растушевки:

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

Смените blending mode/режим наложения слоя на “Multiply/Умножение” и снизьте opacity/непрозрачность до 29%:

Вот что должно получиться:

Шаг 2

Используя ваш любимый шрифт (в нашем примере это этот шрифт), введите текст:

Конвертируйте слой с текстом в Smart Object/Смарт-объект:

Warp/Деформируйте текст как показано ниже:

 

Шаг 3

Укажите слою с текстом следующие стили слоя:

Вот что должно получиться:

Шаг 4

Добавим немного эффекта деформации в этом шаге. Дублируйте слой с текстом и растрируйте копию:

Сделайте копию светлее, при помощи коррекции Hue/Saturation / Цветовой тон/Насыщенность:

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

Возьмите инструмент Мove/Перемещение:

Немного сместите выделение:

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

 

Шаг 5

Дублируйте оригинальный слой текста еще раз и поместите копию поверх остальных слоев. Выделите часть буквы в этом новом слое:

Нажмите Ctrl + T и выберите режим Warp/Деформация:

Вот как должен выглядеть этот кусочек после деформации:

Повторите процесс с остальными буквами, чтобы получить примерно следующее:

 

Шаг 6

Создайте новый слой под оригинальным слоем с текстом, затем загрузите выделение с оригинального текста:

Залейте выделение следующим цветом:

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

Шаг 7

Добавим текстуры бумаги нашим буквам. Копируйте еще одну часть текстуры бумаги и поместите ее в наш документ:

Укажите слою с новой текстурой обтравочную маску для текста:

Шаг 8

Почти всё! Для последних штрихов мы можем объединить слои. Также дублируйте фоновый слой. Примените фильтр Accented Edges/Акцент на краях к дублированному слою:

Примените к дублированному слою следующую маску:

Примените к слою с текстом корректирующий слой Vibrance/Вибрация:

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

Автор урока James Qu

Перевод — Дежурка

Смотрите также:

15 урок. Текст_ | Студия дизайна и уроков Photoshop Светланы Васильевой

Вы узнаете:

    • Как Photoshop проверяет орфографию.
    • Как установить новые шрифты.
    • Как деформировать текст.
    • Как расположить текст на заданной траектории.
    • Как вписать текст в любую фигуру.
    • Как создать текст из фотографии инструментом Туре Mask (Текст-маска).
    • Как преобразовать текст в фигуру.
    • Как влияет текст на восприятие всего изображения.

Урок состоит из следующих разделов:

1. Обучающее видео.
2. Связь текста с изображением.
3. Советы при работе со шрифтами.
4. Создать текст в Photoshop очень легко.
5. Ограничивающая рамка для ввода текста.
6. Коррекция текста.
7. Photoshop может проверять орфографию.
8. Установка шрифтов.
9. Текст можно вписать в фигуру.
10. Деформация текста.
11. Расположение текста на заданной траектории.
12. Инструмент Type Mask (Текст-маска).
13. Текст можно преобразовать в фигуру.
14. Вопросы.
15. Домашнее задание.

Связь текста с изображением

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

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

  1. Изображение первично, а текст лишь дополняет его (например, подпись к комиксам).
    Если изображение несет на себе главную нагрузку, то лучше сделать текст нейтральным, чтобы он не отвлекал на себя внимание, или постараться придать ему вид того времени и места которое показано на изображении.
  2. Текст – это часть изображения (например, название работы, автор или пояснение, вставленное в картину).
  3. Текст первичен, т. е. он несет информацию, а изображение лишь дополняет его (например, название сайта или текст на обложке журнала). Если текст является главным объектом, то он должен максимально соответствовать изданию, сайту, журналу и т.д., а фон должен гармонировать с текстом, подчеркивая и дополняя его.
  4. Текст не несет в себе никакого смысла, а является своеобразной массой, из которой создано некое изображение (аппликации из газет). Здесь характер шрифта и стиль картины не должны вступать в противоречие.

Советы при работе со шрифтами:

  1. Не растягивайте текст ни по горизонтали, ни по вертикали. Если нужно заполнить текстом пространство, лучше увеличьте его масштаб, подберите другой шрифт, или измените начертание на bold(жирный).
  2. Не используйте более двух разных шрифтовв одной работе. Лучше выбирайте разные начертания одного шрифта (прямое, курсив, жирное и полужирное).
  3. Дайте больше воздуха изображению, не забивайте его текстом слишком плотно.
  4. Рамки и обводки используйте с осторожностью. Шрифт может превратиться в нечитаемое месиво. Допустим, вы добавили текст к изображению, и хотите его немного приукрасить. Хорошую композицию никакие обводки не улучшат, а плохую могут испортить еще больше.
  5. Существуют шрифты, которые лучше использовать только в латинских буквах: Book Antiqua, Palatino Linotype и Garamond, для кириллических используйте Verdana, Arno Pro, Garamond Premier Pro, Calibri и Georgia. А так же использование шрифтов Arial, Comic Sans не являются признаком хорошего тона, да и Time New Roman достаточно приелся из-за частого употребления.

Создать текст в Photoshop очень легко.

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

Панель параметров инструмента Туре (Текст).

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

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

Следующий список позволяет выбрать начертание шрифта: жирный, полужирный, курсивный; Затем идет окно выбора Размера шрифта, а за ним окно определяющее Способ сглаживания. Три кнопки выравнивания текста; Выбор цвета; Деформация ; Последним идет значок вызова палитры Символ .

Ограничивающая рамка для ввода текста.

Если вы хотите, чтобы текст был набран

в ограничивающей рамке, то выбрав инструмент Type (Текст), щелкните левой кнопкой мыши, и, не отпуская ее, растяните рамку до нужного размера и можете набрать или вставить скопированный текст. Можете не беспокоиться – текст не выйдет за границы рамки. Обращаю ваше внимание, что на клавиатуре две клавиши Enter, и они по‑разному влияют на текст. Enter (в секции букв) переносит текст на новую строку. Enter (в секции цифр) – это выход из режима набора текста. Если курсор будет в середине текста, а вы нажмете Enter(в секции букв), то вся правая часть переместится на новую строчку. Для подтверждения набора текста и выхода из режима набора нажмите значок в панели параметров или клавишу Enter на клавиатуре (из секции с цифрами). Для отмены ввода текста нажмите Esc или значок .

Коррекция текста

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

Photoshop может проверять орфографию

Для этого выберите текстовый слой. Выделите текст или слово или просто поместите курсор внутрь набранного текста. Выберите меню Edit (Редактирование) – Check Spelling (Проверка орфографии) или выберите тот же пункт, нажав правую кнопку мыши.

 

Установка шрифтов:

Если вы скачали или купили новый шрифт, то его нужно установить в папку Windows/Fonts. Для того чтобы это сделать: закройте все открытые приложения (Word, Outlook, Photoshop….)

выберите в меню Пуск – Настройки – Панель управления – Шрифты.

В открывшемся окне, в меню – файл, выберите: установить шрифт, укажите путь к файлу со шрифтом и нажмите OK.

Если нужно установить сразу несколько шрифтов, используйте клавишу Ctrl для выбора.

Eсли файл шрифта заархивирован (имеет расширение zip, rar), то предварительно распакуйте его в какую-нибудь другую папку.

Однажды я установила сразу 2000 бесплатных шрифтов и Photoshop перестал загружаться, пришлось потратить несколько часов, чтобы вылечить компьютер от этой гадости. Мой вам настоятельный совет: никогда не устанавливайте много шрифтов сразу, используйте программы-менеджеры и загружайте шрифты по мере необходимости. И еще, начиная с CS3, зайдите в меню Edit (Редактирование) – Preferences (Установки) – Type (Шрифты) и уберите галочку с опции Enable Missing Gliph Protection (Включить защиту отсутствующих глифов). По умолчанию эта галочка

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

Текст можно вписать в фигуру.

Если навести курсор в середину контура фигуры, то он примет вид взятого в круглые кавычки курсора – это значит, что текст будет вставляться строго во внутреннее пространство контура. Правый клик – удалить контур или Ctrl+H. Преимуществом инструмента Туре (Текст) является то, что текст автоматически создается на новом слое. Значит, его легко перемещать независимо от других слоев. Не забывайте, что чем больше слоев в документе, тем больше размер файла.

 

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

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

Warptext (Деформировать текст) . С помощью этого параметра можно выгибать текст или придавать ему форму. В выпадающем меню Style (Стиль) вы найдете много разных вариантов, регулируя параметрами Вend (Изгиб) и Horizontal Distortion, Vertical Distortion (горизонтальное и вертикальное искажение) можно изменять выбранный стиль.

Расположение текста на заданной траектории.

У инструмента Type есть интересная функция: если подвести курсор мыши к любому контуру, то он примет вид перечеркнутого волнистой линией курсора.

Выберите в меню параметров инструмента Type (Текст) форматирование по левому краю. Щелкните курсором по контуру и напишите текст. Чтобы перевернуть текст по внутреннему пути, выберите Трансформация – Отразить по горизонтали или вертикали.

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

и отражать по горизонтали и вертикали. Этого же эффекта можно добиться, если, работая инструментом Type (Текст) нажать Ctrl и подвигать текст (курсор примет вид I с маленькой стрелочкой). Контур можно редактировать, текст будет послушно следовать по пути.

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

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

Инструмент Type Mask (Текст-маска)

При помощи этого инструмента на экране создается выделенная область, обводящая введенный текст. Чтобы закрасить текст, вам придется залить выделенную область инструментом ведерко Paint Bucket (Заливка) или закрасить ее кистью.

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

Инструментом Туре Mask (Текст-маска) можно создать текст из изображения. Для этого наберите слово поверх фона, подобрав шрифт и размер, нажмите два раза Enter (из секции с цифрами) или значок в виде галочки Commit any current edits (Применить) на панели инструментов. Получится выделение из текста. Нажмите правую кнопку мыши и выберите в контекстном меню Layer via copy (Скопировать на новый слой). Теперь его можно передвинуть на нужное место и применить к нему подходящие стили (тень, тиснение и т.д.).

Также допускается изменять содержание текста, применять к нему разные эффекты слоя, изменять режим смешивания и уровень непрозрачности. Что же можно сделать с редактируемым текстовым слоем? Можно применить фильтры, очертить текст или заполнить его градиентом или рисунком. Чтобы осуществить эти операции, необходимо преобразовать текстовый слой в растровый формат с помощью команды меню Layer (Слой) – Rasterize (Растрировать) – Туре (Текст) или выбрать этот пункт в контекстном меню правой кнопки мыши.

После растеризации текстового слоя можно изменить его с учетом перспективы. Для этого в меню Edit (Редактирование) – Transform(Трансформация) выберите Perspective (Перспектива). Потянув за опорные точки, задайте верхнюю и нижнюю границу перспективы. Для выхода из режима трансформации нажмите Enter.

Текст можно преобразовать в фигуру.

Для этого в контекстном меню правой кнопки мыши

выберите Converttoshape (Преобразовать в кривые). Возьмите инструмент Direct selection (Стрелка) и щелкните им по контуру. Появятся опорные точки, которые можно редактировать. Придайте тексту новую форму.

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

 

Вопросы:

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

– Convert to shape (Преобразовать в кривые), затем применить инструмент кисть.

– Создать новый слой над слоем с текстом, создать Clipping mask (Обтравочную маску), применить инструмент кисть.

– Make Work Path (Создать рабочий контур), затем применить инструмент кисть.

– Добавить к слою маску – Reveal All (Показать все), затем применить инструмент кисть.

– В настройках текста включить опцию Non-rasterize (Не растрировать).

 

      1. Какой функции для работы с текстом нет в настройках символа, абзаца и меню Редактирование?

– Проверка орфографии.

– Перевод текста из нижнего регистра в верхний.

– Зачеркнутый стиль.

– Автоматическая расстановка переносов.

– Создание текста вдоль кривой.

Домашнее задание

1. Вставьте текст в любую фигуру, а также напишите текст по контуру.

 

2. Инструментом Туре Mask (Текст-маска) создайте текст из любого изображения.

3. Напишите текст и преобразуйте его в фигуру. Инструментом Direct selection (Стрелка) деформируйте текст.

 

 

 

 

 

 

 

Отзывы и замечания учеников из группы тестирования учебника.  Ответы на заданные вопросы добавлены в урок:

Настя: Очень полезный урок… даже для меня было немало нового (например, как определить путь для текста). Понравилась и вводная часть про назначение текста, про популярные шрифты. Из текста и видео все доступно и понятно, правда у меня все-таки есть одно дополнение. при выполнении ДЗ с преобразованием текста в кривые возникли проблемы — выдавало ошибку, что использован псевдокурсивный стиль, поэтому преобразовать в кривые невозможно. Я стала лазить в настройках теста и никак не могла найти где убрать этот стиль и только потом поняла, что нужно правой кнопкой мышки кликнуть и убрать галочку с функции «псевдокурсивный» и «псевдополужирный» тескт. Может это отметить в текстовой части, чтобы у последующих тоже не возникло этого вопроса?
И еще у меня вопрос по теме…  вот когда мы уже набрали текст и вышли из его редактирования, можно ли его потом отредактировать  (ну, например, заметила ошибку)? или нужно заново набирать?

Да, а чем отличается текст маска от той же обтравочной маски? Или это одно и то же, просто сделано разными способами?

Жанна:  — Слышу тут новый микрофон или другая программа, или помещение другое. Все как-то более гулко, как в пустом помещении, чуть ли ни с эхом. Пока не знаю, но мне человеку с низким процентом зрения слух режет. Возможно в силу привычки к другому твоему звучанию. Замечание одно. В самом начале, когда ты делаешь вводную часть ты все рассказываешь на фоне одной статичной картинки (8 марта). Потом картинки очень быстро мелькают, а ты молчишь. Нужно совместить твой рассказ и показ картинок. Кстати, хотела еще спросить… А что фотошоп можно заставить проверять орфографию???

B.Olga.B: Урок делала в несколько этапов, узнала интересные нюансы.Когда создавала фигуру, что бы сделать надпись по контуру, фигура не сразу создалась, на панельке была активна функция не «слой-фигура», а «выполнить заливку пикселей», не сразу это заметила. Спасибо большое за урок!!!

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

Бабенко Юлия: — Привет, Света! Спасибо за урок! В принципе тяжелого ничего не было, все понятно, только вот с текстом по изогнутой линии намучилась, там когда ставишь курсор возле него появляется кружок, и текст виден только до этого кружка, а когда я курсор поставила по середине линии то все напечаталось, не могу понять что это за кружок?

Нечипоренко Инна:  — Понравилось создавать надписи из изображения, такой легкий путь и простой, сколько предлагали вариантов и я завидовала им как они это делают, не получалось, а здесь благодаря тебе 5 сек и все готово. Понравился урок интересный и с изменением направления текста тоже раньше ломала голову, как это выполняется, а всего то оказывается суть заключается в одном значке и делов то… Работала первый раз в этом направлении сложностей пока не возникло. доступно. СПАСИБОЧКИ огромное за такой очень нужный и полезный урок.

Зябрева Наталья: — Светлана, здравствуйте! Все очень понятно, никаких вопросов не возникло. Текст — это первое, с чем я начала рабртать в ФШ. Над домашним заданием долго не сидела… Жду следующих уроков. С уважением, Наталья.

Miftakhova Antonina:  — Привет, Света! Не могу сделать пункт 2 из ДЗ по тексту. Первый пункт высылаю. В ДЗ не получается вот это:  «Инструментом Туре Mask (Текст-маска) можно создать текст из изображения, для этого наберите слово поверх фона, подобрав шрифт и размер, нажмите правую кнопку мыши и выберите в контекстном меню Lauer via copy (Скопировать на новый слой). Теперь его можно передвинуть на нужное место и применить к нему подходящие стили (тень, тиснение и т.д.)» Когда я нажимаю правую кнопку,  то там про шрифты…

Автор:  -Исправила текст в уроке после этого замечания. Спасибо! «Инструментом Туре Mask (Текст-маска) можно создать текст из изображения. Для этого наберите слово поверх фона, подобрав шрифт и размер, нажмите два раза Enter (Enter тот, который в блоке с цифрами) или значок в виде галочки   Commit any current edits (Применить) на панели инструментов. Получится выделение из текста. Нажмите правую кнопку мыши и выберите в контекстном меню Lauer via copy (Скопировать на новый слой).»

Титова Ольга: — Привет!!! Очень понравился урок, а особенно как из текста в фигуру преобразовать, с этим я не сталкивалась. Светлан, хочу тебе задать вопрос, может потом будит урок…. Меня интересует как в тексте выделить одну букву ( цветом или шрифтом). Надо будит эту букву на отдельный слой выводить и там ее изменять?

Елена Михайлова: — Здравствуйте Светлана! Комментарии:… (это исправленные орфографические ошибки… ). С уважением, Лена.

Автор:  Большое Вам спасибо за найденные в уроке недочеты и ошибки. Эх, что бы я без вас делала? Все исправила!

Надежда Диденко: — 25 замечаний и предложений по уроку!!!

Автор:  — Надежда, огромное Вам спасибо!!! После Вашей редакции не стыдно показать урок интернет сообществу. Я не буду выкладывать все 25 замечаний на всеобщее обозрение — пусть это останется между нами, и прошу всех не судить меня строго за орфографию и пунктуацию. )))))))))))

Урок 15. Текст | Студия дизайна и уроков Photoshop Светланы Васильевой

Вы узнаете:

    • Как Photoshop проверяет орфографию.
    • Как установить новые шрифты.
    • Как деформировать текст.
    • Как расположить текст на заданной траектории.
    • Как вписать текст в любую фигуру.
    • Как создать текст из фотографии инструментом Туре Mask (Текст-маска).
    • Как преобразовать текст в фигуру.
    • Как влияет текст на восприятие всего изображения.

Связь текста с изображением

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

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

  1. Изображение первично, а текст лишь дополняет его (например, подпись к комиксам).
    Если изображение несет на себе главную нагрузку, то лучше сделать текст нейтральным, чтобы он не отвлекал на себя внимание, или постараться придать ему вид того времени и места которое показано на изображении.
  2. Текст – это часть изображения (например, название работы, автор или пояснение, вставленное в картину).
  3. Текст первичен, т. е. он несет информацию, а изображение лишь дополняет его (например, название сайта или текст на обложке журнала). Если текст является главным объектом, то он должен максимально соответствовать изданию, сайту, журналу и т.д., а фон должен гармонировать с текстом, подчеркивая и дополняя его.
  4. Текст не несет в себе никакого смысла, а является своеобразной массой, из которой создано некое изображение (аппликации из газет). Здесь характер шрифта и стиль картины не должны вступать в противоречие.

Советы при работе со шрифтами:

  1. Не растягивайте текст ни по горизонтали, ни по вертикали. Если нужно заполнить текстом пространство, лучше увеличьте его масштаб, подберите другой шрифт, или измените начертание на bold(жирный).
  2. Не используйте более двух разных шрифтовв одной работе. Лучше выбирайте разные начертания одного шрифта (прямое, курсив, жирное и полужирное).
  3. Дайте больше воздуха изображению, не забивайте его текстом слишком плотно.
  4. Рамки и обводки используйте с осторожностью. Шрифт может превратиться в нечитаемое месиво. Допустим, вы добавили текст к изображению, и хотите его немного приукрасить. Хорошую композицию никакие обводки не улучшат, а плохую могут испортить еще больше.
  5. Существуют шрифты, которые лучше использовать только в латинских буквах: Book Antiqua, Palatino Linotype и Garamond, для кириллических используйте Verdana, Arno Pro, Garamond Premier Pro, Calibri и Georgia. А так же использование шрифтов Arial, Comic Sans не являются признаком хорошего тона, да и Time New Roman достаточно приелся из-за частого употребления.

Создать текст в Photoshop очень легко.

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

Панель параметров инструмента Туре (Текст).

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

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

Следующий список позволяет выбрать начертание шрифта: жирный, полужирный, курсивный; Затем идет окно выбора Размера шрифта, а за ним окно определяющее Способ сглаживания. Три кнопки выравнивания текста; Выбор цвета; Деформация ; Последним идет значок вызова палитры Символ .

Ограничивающая рамка для ввода текста.

Если вы хотите, чтобы текст был набран

в ограничивающей рамке, то выбрав инструмент Type (Текст), щелкните левой кнопкой мыши, и, не отпуская ее, растяните рамку до нужного размера и можете набрать или вставить скопированный текст. Можете не беспокоиться – текст не выйдет за границы рамки. Обращаю ваше внимание, что на клавиатуре две клавиши Enter, и они по‑разному влияют на текст. Enter (в секции букв) переносит текст на новую строку. Enter (в секции цифр) – это выход из режима набора текста. Если курсор будет в середине текста, а вы нажмете Enter(в секции букв), то вся правая часть переместится на новую строчку. Для подтверждения набора текста и выхода из режима набора нажмите значок в панели параметров или клавишу Enter на клавиатуре (из секции с цифрами). Для отмены ввода текста нажмите Esc или значок .

Коррекция текста

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

Photoshop может проверять орфографию

Для этого выберите текстовый слой. Выделите текст или слово или просто поместите курсор внутрь набранного текста. Выберите меню Edit (Редактирование) – Check Spelling (Проверка орфографии) или выберите тот же пункт, нажав правую кнопку мыши.

 

Установка шрифтов:

Если вы скачали или купили новый шрифт, то его нужно установить в папку Windows/Fonts. Для того чтобы это сделать: закройте все открытые приложения (Word, Outlook, Photoshop….)

выберите в меню Пуск – Настройки – Панель управления – Шрифты.

В открывшемся окне, в меню – файл, выберите: установить шрифт, укажите путь к файлу со шрифтом и нажмите OK.

Если нужно установить сразу несколько шрифтов, используйте клавишу Ctrl для выбора.

Eсли файл шрифта заархивирован (имеет расширение zip, rar), то предварительно распакуйте его в какую-нибудь другую папку.

Однажды я установила сразу 2000 бесплатных шрифтов и Photoshop перестал загружаться, пришлось потратить несколько часов, чтобы вылечить компьютер от этой гадости. Мой вам настоятельный совет: никогда не устанавливайте много шрифтов сразу, используйте программы-менеджеры и загружайте шрифты по мере необходимости. И еще, начиная с CS3, зайдите в меню Edit (Редактирование) – Preferences (Установки) – Type (Шрифты) и уберите галочку с опции Enable Missing Gliph Protection (Включить защиту отсутствующих глифов). По умолчанию эта галочка

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

Текст можно вписать в фигуру.

Если навести курсор в середину контура фигуры, то он примет вид взятого в круглые кавычки курсора – это значит, что текст будет вставляться строго во внутреннее пространство контура. Правый клик – удалить контур или Ctrl+H. Преимуществом инструмента Туре (Текст) является то, что текст автоматически создается на новом слое. Значит, его легко перемещать независимо от других слоев. Не забывайте, что чем больше слоев в документе, тем больше размер файла.

 

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

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

Warptext (Деформировать текст) . С помощью этого параметра можно выгибать текст или придавать ему форму. В выпадающем меню Style (Стиль) вы найдете много разных вариантов, регулируя параметрами Вend (Изгиб) и Horizontal Distortion, Vertical Distortion (горизонтальное и вертикальное искажение) можно изменять выбранный стиль.

Расположение текста на заданной траектории.

У инструмента Type есть интересная функция: если подвести курсор мыши к любому контуру, то он примет вид перечеркнутого волнистой линией курсора.

Выберите в меню параметров инструмента Type (Текст) форматирование по левому краю. Щелкните курсором по контуру и напишите текст. Чтобы перевернуть текст по внутреннему пути, выберите Трансформация – Отразить по горизонтали или вертикали.

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

и отражать по горизонтали и вертикали. Этого же эффекта можно добиться, если, работая инструментом Type (Текст) нажать Ctrl и подвигать текст (курсор примет вид I с маленькой стрелочкой). Контур можно редактировать, текст будет послушно следовать по пути.

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

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

Инструмент Type Mask (Текст-маска)

При помощи этого инструмента на экране создается выделенная область, обводящая введенный текст. Чтобы закрасить текст, вам придется залить выделенную область инструментом ведерко Paint Bucket (Заливка) или закрасить ее кистью.

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

Инструментом Туре Mask (Текст-маска) можно создать текст из изображения. Для этого наберите слово поверх фона, подобрав шрифт и размер, нажмите два раза Enter (из секции с цифрами) или значок в виде галочки Commit any current edits (Применить) на панели инструментов. Получится выделение из текста. Нажмите правую кнопку мыши и выберите в контекстном меню Layer via copy (Скопировать на новый слой). Теперь его можно передвинуть на нужное место и применить к нему подходящие стили (тень, тиснение и т.д.).

Также допускается изменять содержание текста, применять к нему разные эффекты слоя, изменять режим смешивания и уровень непрозрачности. Что же можно сделать с редактируемым текстовым слоем? Можно применить фильтры, очертить текст или заполнить его градиентом или рисунком. Чтобы осуществить эти операции, необходимо преобразовать текстовый слой в растровый формат с помощью команды меню Layer (Слой) – Rasterize (Растрировать) – Туре (Текст) или выбрать этот пункт в контекстном меню правой кнопки мыши.

После растеризации текстового слоя можно изменить его с учетом перспективы. Для этого в меню Edit (Редактирование) – Transform(Трансформация) выберите Perspective (Перспектива). Потянув за опорные точки, задайте верхнюю и нижнюю границу перспективы. Для выхода из режима трансформации нажмите Enter.

Текст можно преобразовать в фигуру.

Для этого в контекстном меню правой кнопки мыши

выберите Converttoshape (Преобразовать в кривые). Возьмите инструмент Direct selection (Стрелка) и щелкните им по контуру. Появятся опорные точки, которые можно редактировать. Придайте тексту новую форму.

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

 

Вопросы:

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

– Convert to shape (Преобразовать в кривые), затем применить инструмент кисть.

– Создать новый слой над слоем с текстом, создать Clipping mask (Обтравочную маску), применить инструмент кисть.

– Make Work Path (Создать рабочий контур), затем применить инструмент кисть.

– Добавить к слою маску – Reveal All (Показать все), затем применить инструмент кисть.

– В настройках текста включить опцию Non-rasterize (Не растрировать).

 

      1. Какой функции для работы с текстом нет в настройках символа, абзаца и меню Редактирование?

– Проверка орфографии.

– Перевод текста из нижнего регистра в верхний.

– Зачеркнутый стиль.

– Автоматическая расстановка переносов.

– Создание текста вдоль кривой.

Домашнее задание

1. Вставьте текст в любую фигуру, а также напишите текст по контуру.

 

2. Инструментом Туре Mask (Текст-маска) создайте текст из любого изображения.

3. Напишите текст и преобразуйте его в фигуру. Инструментом Direct selection (Стрелка) деформируйте текст.

 

 

 

 

 

 

 

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

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