Вы узнаете:

• Как 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 (Не растрировать).

 

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

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

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

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

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

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

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

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 замечаний на всеобщее обозрение — пусть это останется между нами, и прошу всех не судить меня строго за орфографию и пунктуацию. )))))))))))