Деформирование шрифта с привязкой в точке

Сейчас вы добавите на этикетку слова «Olive Oil» (Оливковое масло), а затем де­формируете текст, чтобы сделать надпись более привлекательной. Деформирова­ние позволяет придать тексту разнообразные формы, такие как дуга или волна. Стиль выбираемого деформирования является параметром текстового слоя, и его можно изменять в любое время путем изменения общей формы деформации. Параметры деформирования предоставляют возможность точного управления ориентацией и перспективой эффекта деформации.

1 Прокрутите или воспользуйтесь инструментом Hand (Рука) для переме­щения видимой области окна изображения так, чтобы оранжевая часть эти­кетки под черной полосой находилась в центре экрана. Увеличьте окно изображения, перетащив при необходимости правый нижний угол окна.

2 Щелкните на пустой области палитры Layers (Слои), чтобы отменить выделе­ние всех слоев.

3 Выберите инструмент Horizontal Туре (Горизонтальный текст) (Т ) и выполни­те следующие действия на палитре Character (Символ):

* Выберите стандартную гарнитуру с засечками («serif»), например, Adobe Garamond.

* Установите размер шрифта равным 40 пунктам.

* Для трекинга установите значение 0.

* Выберите белый цвет.

* Протащите инструмент Horizontal Type (Горизонтальный текст) наискось в верхней части оранжевого прямоугольника, чтобы создать текстовое поле, а затем введите Olive Oil (Оливковое масло). Щелкните на кнопке Commit Any Current Edits (Применить текущую правку), расположенной на панели па­раметров инструмента.

Слова появятся на этикетке, на новом слое Olive Oil (Оливковое масло), отобража­емом на палитре Layers (Слои).

5 Щелкните правой кнопкой мыши (Windows) или щелкните мышью при нажа­той клавише Ctrl (Mac OS) на слое Olive Oil (Оливковое масло) на палитре Layers (Слои) и выберите в контекстном меню команду Warp Text (Деформиро­вать текст).

6 В раскрывающемся меню Style (Стиль) диалога Warp Text (Деформировать текст) выберите значение Wave (Волной) и установите переключатель Horizontal (Горизонтально). Для параметра Bend (Изгиб) установите значение +77%, для параметра Horizontal Distribution (Искажение по горизонтали) за­дайте значение -7%, а для параметра Vertical Distribution (Искажение по вер­тикали) задайте значение - 24%. Затем щелкните на кнопке ОК.

Слова «Olive Oil» отобразятся на этикетке в форме волны.

Оформление абзаца текста

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

Использование направляющих лля позиционирования текста

Далее вы добавите в программе Photoshop абзац описательного текста на этикет­ку. Вы начнете с добавления в рабочую область нескольких направляющих, кото­рые помогут точно подогнать положение абзаца.

1 Перетащите две направляющие с левой вертикальной линейки, поместив пер­вую из них на отметке 2,5 дюйма и вторую на отметке 4,5 дюйма.

2 Перетащите две направляющие вниз с верхней горизонтальной линейки, по­местив первую из них на отметке 10,75 дюйма и вторую на отметке 13 дюймов.

Добавление текста абзаца из комментария

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

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

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

2 Протащите курсор, чтобы выделить весь текст в заметке, и затем нажмите ком­бинацию клавиш Ctrl+C (Windows) или Command+С (Mac OS), чтобы скопи­ровать текст в буфер обмена. Затем щелкните на кнопке Close (Закрыть), что­бы закрыть окно комментария.

Прежде, чем вставить текст, задайте параметры шрифта.

3 Убедитесь, что на палитре Layers (Слои) никакие слои не выделены.

4 Выберите инструмент Horizontal Туре (Горизонтальный текст) (Т ) и выполни­те следующие действия на палитре Character (Символ):

• Выберите шрифт без засечек, например, Myriad Pro Regular.

• Установите значение параметра Set the font size (Задайте кегль) равным Ю пунктам.

• Для параметра Leading (Интерлиньяж) введите значение равное 24 пунктам.

• Для трекинга установите значение 5.

• Для параметра Color (Цвет) выберите черный цвет.

5 Щелкните на вкладке Paragraph (Абзац), чтобы переместить палитру Paragraph (Абзац) на передний план, и щелкните на кнопке Justify All (Полная выключка) .

6 Щелкните левой кнопкой мыши и, не отпуская ее, протащите инструмент Туре (Текст), чтобы создать текстовый блок в соответствии с направляющими, уста­новленными в предыдущем упражнении. Затем нажмите комбинацию клавиш Ctrl+V (Windows) или Command+V (Mac OS), чтобы вставить текст из буфе­ра обмена в текстовый блок.

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

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

7 Разместите инструмент Horizontal Туре (Горизонтальный текст) (Т ) над вто­рой снизу строкой абзаца и трижды щелкните кнопкой мыши, чтобы выделить всю строку.

8 Щелкните на вкладке Character (Символ), чтобы переместить палитру Character (Символ) на передний план, и задайте для параметра Tracking (Тре. кинг)значение 60.

9 На панели параметров инструмента щелкните на кнопке Commit Any Current Edits (Применить текущую правку) . Сейчас абзац текста отображается в виде слоя с названием «Like fine wine...» (Подобно хорошему вину...).

10 Выберите команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить проделан­ную работу.

Использование шрифтов OpenТуре в программе Photoshop: дополнительные трюки с бутылками

Шрифты OpenТуре — это межилатформенный файловый формат шрифтов, раз­работанный совместно компаниями Adobe и Microsoft. Данный формат позво­ляет использовать один и тот же шрифт в компьютерах Macintosh и Windows - та­ким образом, при переносе файлов с одной платформы на другую не будет про-

исходить замена шрифтов и не будет изменяться расположение текста. Формат OpenТуре поддерживает расширенные наборы символов и разнообразные функции форматирования. Это в свою очередь обеспечивает более широкую лингвистическую поддержку и улучшенн&е управление элементами оформления. Программа Photoshop CSS поддерживает шрифты OpenТуре, а на компакт-диске, прилагаемом к этой книге «Adobe Photoshop CS3. Официальный учебный курс», содержится фильм в формате QuickTime, в котором более подробно показано применение шрифтов ОреnТуре в программе Photoshop. Файл называется OpenТуре. mov и находится в папке Movies. Здесь приводят­ся лишь некоторые из основных положений.

Меню OpenТуре. Раскрывающееся меню палитры Character (Символ) содержит подменю OpenТуре, в котором отобра­жаются все доступные функции для выбранного шрифта OpenТуре, включая лигатуры (двойные буквы), альтерна­тивные символы и отдельные фрагменты символов. Пара­метры, закрашенные серым цветом, недоступны для соотве­тствующей гарнитуры; параметры, для которых установле­ны флажки, применяются к установленному шрифту.

Дискреционные лигатуры. Чтобы добавить дискреционную лигатуру для двух букв шрифта OpenТуре, например, для «th» в гарнитуре Bickham Script Standard, выберите их в окне изоб­ражения, а затем выберите в раскрывающемся меню палитры Character (Символ) команду меню OpenТуре ♦ Discretionary Ligatures (OpenТуре ♦ Дискреционные лигатуры).

Если вам понадобится просмотреть варианты шрифтов OpenТуре, прежде чем за­фиксировать их, воспользуйтесь палитрой Glyph (Глиф) программы Adobe Illustrator rS3 Сначала скопируйте свой текст в программе Photoshop и вставьте его в документ программы Illustrator. Затем откройте палитру Glyph (Глиф), выбрав команду меню Window ♦ Туре ♦ Glyphs (Окно ♦ Текст ♦ Глифы)- Выделите текст, который хотите из­менить, и в раскрывающемся меню Show (Показать) палитры выберите команду Alternates for Current Selection (Альтернативы для текущего выделения). Дважды шелкните на глифе, чтобы применить его и, когда это будет сделано, скопируйте и вставьте новый текст в файл Photoshop.

Завитки. Добавление завитков или альтернативных символов выполняется так же: выделите букву, например, заглавную букву «Т» в гарнитуре Bickham Script и выберите команду меню OpenТуре ♦ Swash (OpenТуре ♦ Завиток), чтобы заме­нить обычную заглавную букву буквой «Т» с эффектным завитком.

Ввод простых дробей. Введите простую дробь обычным путем (например, 1-косая черта-2), затем выделите символы и в меню палитры Character (Символ) выбери­те команду меню OpenТуре ♦ Fractions (OpenТуре ♦ Дроби). Программа Photoshop преобразует выделение к виду, которым обычно записывают простые дроби.

Добавление двух последних строк текста

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

1 Не снимая выделения со слоя «Like fine wine...», щелкните внутри абзаца текс­та и затем перетащите маркер, расположенный на середине нижней стороны текстового блока, к нижнему краю этикетки.

2 Поместите текстовый курсор в конец абзаца текста и нажмите клавишу Enter (Windows) или Return (Mac OS).

3 Введите 16 FL Ounces (16 унций).

4 Трижды щелкните мышью на введенной строке «16 FL Ounces». На палитре Character (Символ) установите размер шрифта равным 13 пунктам, а для пара­метра Baseline Shift (Смещение базовой линии) установите значение -10; этот параметр управляет смещением символов по вертикали относительно базовой линии окружающего текста.

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

6 На палитре Paragraph (Абзац) щелкните на кнопке выравнивания текста по центру. Затем щелкните на кнопке Commit Any Current Edits (Применить текущую правку), расположенной на панели параметров инструмента.

Добавление вертикального текста

Последняя строка текста будет вертикальной.

1 Снимите выделение со всех слоев в палитре Layers (Слои). Затем щелкните на инструменте Horizontal Туре (Горизонтальный текст) (Т) и, не отпуская левой кнопки мыши, выберите инструмент Vertical Туре (Вертикальный текст). который скрыт за инструментом Horizontal Type (Горизонтальный текст).

2 Протащите указатель в оранжевой области этикетки, расположенной справа от описательного текста, чтобы создать длинный, узкий текстовый блок. Нач­ните с нижнего или верхнего правого угла, чтобы случайно не выделить абзац текста.

3 Введите строку PRODUCT OF ITALY (Сделано в Италии), набирая весь текст од­ними заглавными буквами.

4 Выделите буквы и затем на палитре Character (Символ) выполните следующие действия:

• Выберите шрифт с засечками, например, Adobe Garamond.

• Установите размер шрифта равным 8 пунктам.

• Для параметра Tracking (Тренинг) задайте значение 300.

• Выберите красный цвет.

5 Щелкните на кнопке Commit Any Current Edits (Применить текущую правку), расположенной на панели параметров инструмента. Вертикальный текст появится в виде слоя с названием PRODUCT OF ITALY (Сделано в Италии). Вос­пользуйтесь инструментом Move (Перемещение) и перетащите верти­кальный текст в центр, если это необходимо.

Теперь вы немного почистите рисунок.

6 Щелкните на комментарии, чтобы выделить его, и затем щелкните на коммен­тарии правой кнопкой мыши (Windows) или щелкните мышью при нажатой клавише Ctrl (Mac OS) и в появившемся контекстном меню выберите команду Delete Note (Удалить комментарий), чтобы удалить аннотацию.

7 Скройте направляющие. Для этого сначала выберите инструмент Hand (Рука) , а затем нажмите комбинацию клавиш Ctrl +; (Windows) или Command+; (Mac OS). Затем уменьшите масштаб отображения, чтобы прос­мотреть проделанную работу.

8 Выберите команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу.

Деформация слоя

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

Ранее в этом уроке вы деформировали слова «Olive Oil» так, чтобы буквы выгляде­ли волнистыми. Однако в этом упражнении вы примените деформирование к слою, а не к отдельным буквам. Чтобы сделать это, вы сгруппируете этикетку и Текстовые слои, а затем трансформируете новый сгруппированный слой с помощью функции Smart Objects (Смарт-объекты). Функция Smart Objects

(Смарт-объекты) позволяет редактировать как содержимое слоя (текст), так и из­менять деформацию слоя даже после применения операции трансформирования