Работа с текстом в Adobe Photoshop
Практическая часть
Задание: На основе файлов layers_text.psd, которые вы найдете в Student’s на mainserver \graphic\образцы, создайте коллаж-презентацию.
Традиционно программа Photoshop практически не использовалась для обработки текстов. Отсутствие средств интерактивного редактирования и растрирования текста на печати делало невозможным обработку сколь либо значительных объемов текстового материала. В Photoshop выполняли подготовку заголовков очень большого кегля, ведь только растровая программа позволяет обращаться с символами так свободно, превращая их в элемент дизайна.
Последние версии позволяют набирать и обрабатывать текст в интерактивном режиме, настраивать не только атрибуты символов, такие как кегль или начертание, но и параметры абзаца, например плотность текста, отступы, способ размещения и пр. Возможно помещение текста в оболочку редактируемой формы. Применяются любые фильтры эффектов. После любых изменений текст остается редактируемым. Но самое главное — при печати на Postscript-устройствах и при сохранении в формате PDF текст не растрируется. Он остается векторным и выводится с максимально возможным разрешением для данного устройства. Теперь вы можете готовить в программе не только иллюстрации, но и весь макет целиком, в том числе и набирать текст мелкого кегля. Нет больше необходимости импортировать готовое изображение в программу иллюстрирования или верстки — весь процесс подготовки легко осуществим в Photoshop.
Для ввода текста используется инструмент Туре (Текст). В седьмой версии этот инструмент приобрел собственную раскрывающуюся панель, в которую перемещены четыре инструмента, расположенных в предыдущей версии в панели параметров инструмента Туре (Текст).
Прежде чем начинать создание текста, следует выбрать в раскрывающейся панели тип текстового инструмента. Это может быть традиционный горизонтальный текст (Horizontal Type) либо вертикальный (Vertical Type), используемый для иероглифического письма и реализации различных рекламных коллажей. При вводе любого из отмеченных вариантов создается отдельный текстовый слой с особыми свойствами. Две другие разновидности текста — Horizontal Type Mask (Горизонтальная текстовая маска) и Vertical Type Mask (Вертикальная текстовая маска) - реализуются в виде выделенных областей, повторяющих форму набираемых символов текста. В режиме маски новый слой не создается, и текст после набора теряет особые свойства и становится просто выделенной областью.
Рис. 1 a, b, c. Горизонтальный (a), вертикальный (b) и текст с применением команды Rotate (c)
Настройка атрибутов текстовых инструментов производится в панели параметров (рис. 2.).
Рис. 2. Панель параметров инструмента Туре
Рассмотрим панель атрибутов текста. В первых двух раскрывающихся списках гарнитуры и начертания задают соответствующие параметры символов текста. Следующий раскрывающийся список позволяет выбрать (или ввести в поле списка) значение кегля.
В следующем раскрывающемся списке Set the anti-aliasing method (Способ сглаживания) выбирают способ сглаживания растрированного текста. Этот параметр определяют, как правило, для публикаций, предназначенных для электронного распространения, т.к. при печати текст вообще не растрируется. Это позволит сгладить границы текста как с маленьким, так и со средним кеглем, добавляя полупрозрачные точки вдоль границ. При выборе варианта None (He применять сглаживание) у символов будут неровные края (рис. 3 а-d).
Три кнопки задают направление выравнивания текста: по левому краю, по правому краю и по центру. Выравнивание (рис4)задается относительно блока текста, а не относительно документа (ведь буквы необязательно расположены вертикально). Поэтому для вертикального текста кнопки имеют другой вид и практически приводят к другому результату. Выравнивание задается для абзаца текста.
В поле Set the text color (Цвет текста) показан цвет символов текста. Он по умолчанию совпадает с рабочим цветом и меняется вместе с ним. Однако вы можете задать и особый цвет для будущего текста. Для этого достаточно щелкнуть на цветовом поле и выбрать подходящий цвет в раскрывающемся окне Color Picker (Палитра цветов).
Рис. 4. Способы выравнивания текстового блока
Кнопка Create warpped text (Создать текст в оболочке) служит для доступа к окну создания специального эффекта — текста в оболочке произвольной формы. По умолчанию текст лишен оболочки.
Набор функций вида Warp Text (Деформировать текст) позволяют изгибать габаритную рамку и текст внутри нее. Деформированный текст остается при этом редактируемым. В окне Warp Text можно выбрать Style (Стиль) текста и направление (переключатель Vertical (по вертикали) или Horizontal (по горизонтали). Чтобы задать направление для операции деформирования текста передвиньте ползунки Bend (Изгиб), Horizontal Distortion (Горизонтальное искажение) и/или Vertical Distortion (Вертикальное искажение) (рис. 5).
Подготовьте текст с заранее заданными параметрами.
1. Откройте документ layers_text.psd Это заготовка для создания поздравительной презентации.
2. Перейдите на слой Background. Для удобства скройте слой Child, но это не обязательно.
3. Выберите инструмент Horizontal Type Mask (Горизонтальная текстовая маска), установив режим ввода горизонтального текста-маски.
4. Выберите гарнитуру Kabel.
Главное, чтобы выбранная гарнитура имела в своем составе символы кириллицы.
Рис. 5. Диалоговое окно и стили команды Warp Text
5. Выберите начертание Bold в списке начертаний.
6. Задайте для текста кегль 130.
7. Определите будущему тексту выравнивание по левому краю.
8. Щелкните на изображении вверху слева. Изображение автоматически переведено в режим быстрой маски — оно целиком заполнено красной пленкой, символизирующей маску. Там где вы щелкнули на изображении, появляется текстовый курсор в виде тонкой вертикальной черты высотой в кегль будущего текста.
9. Перейдите в русский регистр и наберите слова: С Новым. Строка текста будет продолжаться до тех пор, пока вы не нажмете клавишу Enter. По мере набора в красной пленке, размещенной поверх изображения, появляются отверстия в форме символов. В процессе набора можно менять атрибуты текста.
10. Нажмите клавишу Enter. Создана новая строка текста, и текстовый курсор переместился под начало первой строки. Наберите следующую строку: Годом! Строки выровнены по левому краю (рис. 6).
Чтобы
закончить работу с текстом, щелкните на кнопке с галочкой
в правой части
панели параметров. Ее всплывающая подсказка —
Commit
any
current
edits
(Принять редактирование). Текст преобразован в выделенную область (рис. 7).
Залейте ее белым цветом.
|
Рис. 6. Набор текста в режиме маски |
Рис. 7. Выделенная область, построенная из текста и залитая цветом |
Перечеркнутая кнопка имеет противоположную функцию— если щелкнуть на ней, редактирование будет отменено. Подсказка кнопки — Cancel any current edits (Отменить редактирование). В режиме текста-маски отмена редактирования приведет к уничтожению созданной маски.
Выделенная область, созданная инструментом Туре (Текст), не имеет никаких особых свойств. После того как вы щелкнули на кнопке приема редактирования, текст утратил возможность редактирования, изменения атрибутов (например, кегля или гарнитуры). Такой режим набора используется редко — например, если вам требуется короткий заголовок с вставленным внутрь символов изображением. Мы не будем подробно останавливаться на этой функции инструмента Туре (Текст).
Текст-маска не может удовлетворить все ваши потребности. Для создания настоящего редактируемого текста, который не растрируется при печати, используется режим текстового слоя.
1. Вернитесь к первоначальному состоянию документа.
2. Выберите инструмент Horizontal Type (Горизонтальный текст). Установите для будущего текста темно-желтый цвет.
3. Щелкните на изображении в левой верхней части. Создан новый слой Layer1 с особыми свойствами. Его пиктограмма в палитре Layers(Слои) имеет значок Т
4. В точке щелчка появился текстовый курсор. Иначе положение текстового курсора называют точкой вставки. Именно в этой точке будут появляться новые символы при наборе. Наберите тот же текст, что и при создании текста-маски.
5.
После набора
и форматирования текста щелкните на кнопке (рис. 8.).
Рис. 8. Созданный текстовый слой
Создан новый слой. Текст в нем имеет атрибуты, заданные в панели параметров.
В палитре Layers (Слои) новый слой теоретически должен иметь название, совпадающее с текстом слоя. Однако это правило работает только для текста на латинице. Поэтому лучше задать текстовому слою значащее имя. Для этого выберите команду Layer Properties (Свойства слоя) в меню палитры Layers (Слои) и введите новое имя, например New_Year. На тексте слоя такое изменение никак не отразится.
Новый слой несложно отредактировать. Текст на нем можно изменить, добавить новый, поменять атрибуты. Для этого необходимо выбрать инструмент Horizontal Туре (Горизонтальный текст) и активизировать нужный текстовый слой. Если при этом не переходить в текстовый режим (то есть в изображении должны отсутствовать курсор и выделения отдельных символов), изменения коснутся всего активного слоя.
1. Выберите инструмент Horizontal Type (Горизонтальный текст), но не щелкайте на тексте в документе.
2. В панели параметров щелкните на поле цветового образца и выберите в открывшемся окне Color Picker (Палитра цветов) красный цвет. Символы текста стали красными.
3. Откройте список гарнитур и выберите иную гарнитуру для текста. Все символы изменились соответственно.
4. Отмените сделанные исправления.
Чтобы изменить содержание текста или задать разные атрибуты символам в пределах одного текстового слоя, необходимо перейти в текстовый режим.
5. Выберите инструмент Horizontal Type (Горизонтальный текст). Щелкните на тексте. Появился текстовый курсор.
6. Для перемещения точки вставки используют клавиши управления курсором. Поместите курсор в начало второй строки.
7. Нажмите кнопку мыши и проведите по тексту направо. Символы, начиная от курсора, выделяются (инверсией изображения). Когда будет выделена вся вторая строка, отпустите кнопку мыши. Теперь атрибуты будут меняться только для выделенных символов.
8. Увеличьте кегль выделенных символов (рис. 9). Значение в активном поле ввода можно менять клавишами управления курсором — клавиша é увеличивает значение на единицу, клавиша ê — уменьшает на единицу.
Если в тексте нет выделенных символов, но есть курсор, то изменение атрибутов коснется только всех вновь вводимых символов.
Рис. 9. Кегль выделенных символов увеличен
1. Перейдите к концу второй строки и нажмите клавишу Enter.
2. Задайте для текста ярко-голубой цвет и кегль порядка 70. Пока ничто не изменилось.
3. Наберите текст желаем счастья!. Созданный текст имеет заданный цвет.
4. Отмените действие по набору последней строки.
Таким образом, программа дает возможность менять атрибуты как целиком для всего текстового слоя, так и для отдельных символов, причем в трех режимах — по умолчанию, в месте расположения курсора и для выделенных символов.
Photoshop предлагает два типа текстовых слоев. Они отличаются элементами управления и набором возможных атрибутов. Первый тип - фигурный текст - был создан в предыдущем разделе. Текст этого типа используется для набора заголовков. Строка фигурного текста продолжается до нажатия клавиши Enter (ввода символа возврата каретки). Фигурный текст имеет довольно обширный набор атрибутов, как символьных, так и задаваемых для всего абзаца. При этом, несмотря на то, что строки текста разделены символом возврата каретки, все атрибуты абзаца применяются одновременно ко всему текстовому слою. Фигурный текст несложно трансформировать, при этом меняются размеры и угол наклона символов.
1. Выберите команду Free Transform (Свободная трансформация) в меню Edit (Редактирование). Вокруг текста появилась рамка трансформации.
2. Уменьшите размер текстового блока (рис. 9) и переместите его в левый верхний угол изображения.
3. Создайте новый текстовый слой и наберите в нем число 2006. Для текста задайте жирный и суженный шрифт.
4. Перейдите на созданный текстовый слой (он называется — 2006) и войдите в режим трансформации. Испытайте разные способы трансформации — поворот, наклон, искажение. Приемы трансформации текста такие же, как для выделенных областей и других объектов программы. Результат искажения показан на рис. 10. Изображение ребенка на слое Child немного смещено.
Рис. 10. Блоки текста трансформированы и расположены в документе
Простой текст обладает дополнительными атрибутами. Он размещается в прямоугольном контейнере произвольного размера. По мере набора текст заполняет контейнер по ширине, а затем автоматически переходит на следующую строку. Для принудительного разрыва строки следует ввести символ возврата каретки. Объем текста между двумя символами возврата каретки называют абзацем. Есть атрибуты, задаваемые отдельно для каждого абзаца текста. Набор, задаваемых атрибутов для простого текста, гораздо шире, чем для фигурного.
1. Перед тем как создавать текстовый слой, задайте его атрибуты по умолчанию. Выбрав инструмент Horizontal Type (Горизонтальный текст), определите черный цвет, рукописную гарнитуру с толстыми штрихами (использован шрифт под названием Choc), кегль 18, выравнивание по центру.
2. Для создания слоя простого текста подведите указатель к свободному от текста участку изображения, нажмите кнопку мыши и проведите по изображению. Растущая вслед за указателем рамка и есть контейнер.
3. Отпустите кнопку мыши, и контейнер будет задан. Текстовый курсор окажется в центре первой строки (рис. 11).
Текст можно как набрать, так и вставить из другого документа или приложения.
4. В любом текстовом редакторе откройте файл choc.txt. Содержащаяся в нем «абракадабра» - это классический заполнитель, который используют для макетирования текстовых проектов. Впоследствии заполнитель меняют на необходимый для проекта текст.
5. Скопируйте текст. Перейдите к программе Photoshop. Вставьте текст из буфера командой Paste (Вставить). Присвойте этому слою имя Choc.
6. Разделите текст на абзацы. Для разрыва строки нажимайте клавишу Enter, вводя символ конца абзаца. Задайте для каждого абзаца собственное выравнивание.
7. Поменяйте атрибуты символов. Правила задания атрибутов те же: по умолчанию (действуют на весь слой), для выделенных символов (действуют только на них) или в месте расположения курсора (влияют на вновь вводимый текст).Вернитесь к исходным атрибутам.
8. Завершите редакцию, щелкнув по кнопке принятия редактирования (рис 12).
Для простого текста задают атрибуты самих символов и параметры контейнера, поэтому трансформирование может протекать по-разному.
Рис. 11. Рамка для простого текста
Рис. 12. Готовый блок простого текста
Справа показана трансформация символов текста с одновременной трансформацией контейнера (а) и трансформация только контейнера (б), при этом правый нижний манипулятор ° показывает, что за пределами контейнера есть текст.
9. Активизируйте инструмент Move (Перемещение) и выберите команду Free Transform (Свободная трансформация). Поверните, переместите, наклоните и масштабируйте текстовый слой. Изменения касаются каждого символа.
10. Выберите инструмент Horizontal Type (Горизонтальный текст). Подведите указатель к угловому манипулятору контейнера и перетащите. Символы остаются неизменными, они перераспределяются внутри контейнера. Также действует и боковой манипулятор.
Символы могут перестать помещаться в контейнере, и тогда они становятся невидимыми. Однако если увеличить контейнер, спрятанные символы вновь появятся.
Менять размер символов перемещением манипуляторов контейнера можно и с помощью инструмента Horizontal Type (Горизонтальный текст). Для этого достаточно воспользоваться клавиатурными сокращениями — если держать нажатой клавишу Ctrl, при смещении бокового манипулятора текст наклоняется, при смещении углового — меняет размер. Одновременное нажатие клавиши Alt приводит к смещению симметричного манипулятора.
Чтобы преобразовать один тип текста в другой, предусмотрена специальная команда подменю Туре (Текст) меню Layer (Слой). Если активен слой простого текста, она имеет вид Convert to Point Text (Преобразовать в простой текст). Если же активен фигурный текст, команда выглядит как Convert to Paragraph Text (Преобразовать в фигурный текст).
При преобразовании простого текста в фигурный символы, находящиеся за границами контейнера, удаляются безвозвратно. Если в преобразуемом слое есть также невидимые символы, программа выдает предупреждение об их удалении.
Направление — очень важный атрибут текстового слоя. Его, как правило, задают для нового слоя выбором соответствующего текстового инструмента, но легко поменять и для уже существующего. Это можно поменять путем нажатия кнопки Change the text orientation (Сменить направление текста). Здесь мы рассмотрим команду смены направления текста с помощью меню.
1. Перейдите на слой Choc и выберите инструмент Horizontal Type (Горизонтальный текст). В меню Layer (Слой) раскройте подменю Туре (Текст).
2. В списке команд управления текстом нас интересует пара команд Horizontal (Горизонтальный) и Vertical (Вертикальный). В данный момент активна команда Horizontal (Горизонтальный), о чем свидетельствует размещенная справа от нее галочка. Выберите команду Vertical (Вертикальный).
3. Текст поменял направление. Обратите внимание, что символы в колонке располагаются сверху вниз, а сами колонки идут справа налево. Такое размещение текста характерно для иероглифического письма.
Текстовый слой, созданный в программе, можно применить по-разному. Для некоторых задач гораздо удобнее иметь дело не символами текста, а с созданными на их основе контурами. Текст может быть легко преобразован в редактируемые контуры, так же как в программе иллюстрирования. Затем готовые контуры можно обрабатывать по точкам и сегментам. Преобразование в контуры используется при подготовке текстовых логотипов. Чтобы текст можно было преобразовывать в контуры, он должен иметь атрибут Faux Bold (Ложное полужирное) и Faux Italic (Ложное наклонное).
1. Выберите слой New_Year.
2. Выберите команду Convert to Shape (Преобразовать в контуры) в подменю Type (Текст) меню Layer (Слой). Текстовый слой преобразован в контурный. Задайте для него голубой цвет и режим наложения Lighten (Осветление).
3. Инструментом Path Selection (Выделение субконтуров) измените наклон и положение букв (рис. 13). Сохраните документ.
Рис. 13. Контур, созданный на основе текстового слоя.
Обязательно сохраните изображённое на рисунке состояние документа! На его основе будет изучаться эффект слоёв.
1. Откройте документ text_effects.psd, созданный вами ранее.
2. Начните с изображения малыша. Выделите слой Child и дважды щелкните на его названии в палитре Layers (Слои). Перейдите на вкладку Outer Glow (Внешнее свечение). Оставьте большинство параметров на вкладке предлагаемыми по умолчанию. Другие параметры таковы: Noise (Шум) — 30 %, Spread (Расширение) — 23 %, Size (Размер) — 53 пикселя.
3. Щелкните на ОК. Теперь малыш гораздо лучше выделен на голубом фоне.
4. Теперь перейдите на слой New_Year. Он особенно нуждается в украшении — ведь это главная деталь открытки! Задайте для слоя эффект Bevel and Emboss (Скос и рельеф) со следующими параметрами: Style (Тип) — Emboss (Рельеф), Technique (Способ) — Smooth (Гладкий), Depth (Глубина) — 200 %, Direction (Направление) — Up, Size (Размер) — 15 пикселов, Soften (Сглаживание) — 0, Angle (Угол) — 150-30, Gloss Contour (Профиль освещения) — Ring, Highlight Mode (Режим освещения) — Screen (Осветление) для белого цвета, Shadow Mode (Режим наложения тени) — Multiply (Умножение) для цвета R — О, G — 12, В — 175. Для света и тени непрозрачность — 100 %.
5. Надпись очень выиграла, в таком режиме она кажется ледяной и подходит по стилю к фону. Задайте для слоя тот же голубой цвет, которым окрашен монотонный правый участок фонового слоя.
6. Чтобы надпись лучше выделялась, задайте ей светло-голубое внутреннее свечение с помощью вкладки Inner Glow (Внутреннее свечение). Параметры подберите сами, такими, чтобы буквы стали светлее, но фон за ними остался виден. После щелчка на кнопке ОК эффекты будут применены к слою.
7. Слой 2006 оформите с применением эффекта Satin (Шелк). Цвет складки выберите тем же, что и цвет тени в эффекте Bevel and Emboss (Скос и рельеф). Придайте слою ярко-синий цвет.
8. Текст небольшого кегля из слоя Choc теряется на цветном фоне. Чтобы этого не происходило, ему можно придать обводку в качестве эффекта. На вкладке Stroke (Обводка) задайте обводку в 2-3 пикселя, расположение обводки — по внешнему краю объекта (Outside).
9. Для выбора цвета обводки щелкните на образце Color (Цвет), в окне Color Picker (Палитра цветов) переведите указатель на фон вокруг текста и щелкните. Выбранный цвет полностью совпадает с фоном, и обводка будет смотреться гармонично. Иллюстрация с эффектами показана на рис. 14.
Рис. 14. Примененные эффекты
10. Используя эффекты, можно создать слой практически из ничего. Перейдите на слой Background. Выделите прямоугольный фрагмент и создайте из него узор. Назовите узор Frost (рис. 15).
Рис. 15. Создание узора из выделенной области
11. Создайте новый слой поверх слоя Background. Назовите его Border. На слой поместите светло-голубой прямоугольник. Правый край прямоугольника должен быть растушеван.
12. Активизируйте инструмент Eraser (Ластик) и, выбрав большую «лохматую» кисть (например, Spatter 59 pixels), сотрите часть изображения на слое, чтобы получилась рамка для текста с рваными краями (рис. 16).
Рис. 16. Заготовка для рамки
13. Придайте слою Border, эффект Bevel and Emboss (Скос и рельеф). Активизировав вкладку Texture (Текстура), задайте в качестве текстуры образец Frost (рис. 17).
Рис. 17. Окончательный вид иллюстрации
