УРОК 8

Текстовый дизайн

Обзор урока

В этом уроке вы узнаете, как делать следующее:

• Использовать направляющие для размещения текста в композиции;

• Создавать из текста отсекающую маску.

• Объединять текстовый слой с другими слоями.

• Применять к тексту стили слоя.

• Просматривать семейства шрифтов в интерактивном режиме в целях выбора шрифта для композиции.

• Управлять текстом и его положением с помощью расширенных возможнос­тей, доступных на палитре текстового инструмента.

• Изгибать слой вокруг трехмерного объекта.

Выполнение этого урока займет около часа. Если необходимо, удалите папку предыдущего урока с жесткого диска и скопируйте на жесткий диск папку Lesson08.

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

Общие сведения о шрифтах Photoshop

Шрифт в программе Photoshop состоит из математически описываемых фигур, которые определяют форму букв, цифр и символов гарнитуры. Многие гарниту-ры доступны в нескольких форматах, среди которых наиболее распространенны-ми являются шрифты Туре 1 или PostScript, TrueType и ОреnТуре (дополнительные сведения о формате ОреnТуре см. далее в этой главе).

При добавлении шрифта в изображение в программе Photoshop знаки состоят из пикселов и имеют такое же разрешение, как и файл изображения — при увеличе-нии масштаба отображения знаков видны зубчатые края. Тем не менее, контуры векторного шрифта сохраняются и используются в программе Photoshop при масштабировании или изменении размеров шрифта, сохранении PDF- и EPS-фаи-лов, а также при печати изображения на PostScript-принтере. Благодаря этому можно получать текст с четкими контурами, не зависящими от разрешения, при-менять к тексту эффекты и стили, а также изменять его форму и размер.

Начало работы

В этом уроке вы будете работать над макетом этикетки для бутылки оливкового масла. Вы начнете с иллюстрации бутылки, созданной в векторном редактор Adobe Illustrator, а затем добавите и стилизуете шрифт в Photoshop, включая дефор-мирование текста в соответствии с формой трехмерного объекта. Работа начина­ется с пустой этикетки, расположенной на слое, который находится над фоном в виде бутылки.

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

1 Запустите программу Photoshop и сразу нажмите комбинацию клавиш ctrl+Alt+Shift (Windows) или Command+Option+Shift (Mac OS), чтобы восста­новить настройки по умолчанию. (Подробнее этот вопрос рассматривается во введении к книге.)

2 В появившемся окне сообщения щелкните на кнопке Yes (Да), чтобы подтвер­дить выполнение операции восстановления исходных настроек, а затем щелк­ните на кнопке Close (Закрыть) в верхнем правом углу окна, чтобы закрыть ди­алог приветствия.

3 Щелкните на кнопке Go to Bridge (Перейти к Bridge) на панели парамет­ров инструментов, чтобы запустить программу Adobe Bridge.

4 На панели Favorites (Избранное), расположенной в левом верхнем углу окна программы Bridge, щелкните на папке Lessons, а затем дважды щелкните на папке Lesson08 в области просмотра, чтобы увидеть содержимое этой папки.

5 Выберите файл 08End.psd, чтобы он появился в центре панели Content (Содер­жимое). При необходимости расширьте палитру, перетащив правую разделитель­ную полосу вправо, чтобы просматривать изображение в увеличенном масштабе.

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

7 Выберите файл 08Start.psd и дважды щелкните на нем, чтобы открыть этот файл в программе Photoshop.

8 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как) и переименуй­те файл, присвоив ему имя O8Working.psd, после чего щелкните на кнопке Save (Сохранить).

Создание из текста отсекающей маски

Отсекающая маска («clipping mask») — это объект или группа объектов, формы ко­торых маскируют остальные части изображения гак, что видны только те облас­ти, которые лежат внутри фигуры маскирующего объекта. В действительности происходит обрезка изображения в соответствии с формой объекта (или маски). В программе Photoshop отсекающую маску можно создавать из фигур или букв. В этом упражнении вы используете буквы в качестве отсекающей маски, через ко­торую будет отображаться изображение, расположенное на другом слое.

Добавление направляющих для размещения текста

Файл OSWorking.psd содержит фоновый слой, на котором изображена бутылка, и слой Blank Label (Пустая этикетка), па котором будет находиться текст. Слой Blank Label (Пустая этикетка) является активным, и вы начнете работу на этом слое. Вначале вы увеличите масштаб отображения рабочей области и используе­те направляющие линии для надлежащего размещения текста.

1 Выберите инструмент Zoom (Масштаб) и протащите указатель через чер­ную и белую части пустой этикетки, чтобы увеличить масштаб отображения области и отцентрировать ее в окне изображения. Повторяйте проделанную операцию до тех пор, пока не будет получен крупный план области, и при не­обходимости увеличьте размер окна изображения.

2 Выберите команду меню View ♦ Rulers (Просмотр ♦ Линейки), чтобы вклю-чить отображение линеек вдоль левого и верхнего краев окна изображения Затем перетащите вертикальную направляющую в центр этикетки (3,5 дюйма), по горизонтали) и оставьте направляющую в этом месте.

Добавление текста с привязкой в точке

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

1 Убедитесь, что на палитре Layers (Слои) активизирован слой Blank Label (Пус­тая этикетка). Затем выберите инструмент Horizontal Type (Горизонтальный текст) (Т) и на панели параметров инструмента выполните следующие действия:

• Выберите из раскрывающегося меню Font Family (Семейство шрифтов) гарни­туру шрифта без засечек («sans serif»), такую как Myriad Pro, и из раскрывающе­гося меню Font Style (Начертание) выберите начертание Bold (Полужирный).

• Введите значение 79 pt в поле Size (Размер) и нажмите клавишу Enter (Windows) или Return (Mac OS).

• Щелкните на кнопке Center text (Выравнивание текста по центру).

2 Щелкните на центральной направляющей в белой области этикетки, чтобы ус-тановить точку вставки, и введите слово OLIO (Масло), набрав его заглавными буквами. Затем щелкните на кнопке Commit Any Current Edits (Применить теку щую правку), расположенной на панели параметров инструмента.

Слово «Olio» добавится на этикетку и появится на палитре Layers (Слои) в виде но­вого текстового слоя, OLIO. Текстовый слой можно редактировать и изменять так же, как и любой другой слой. Можно добавлять и изменять текст, изменять ориен­тацию текста, применять сглаживание, применять стили слоев и трансформации, создавать маски. Можно также перемещать, переупорядочивать, копировать и ре­дактировать параметры текстового слоя так же, как и в случае любого другого слоя.

3 Нажмите клавишу Ctrl (Windows) или Command (Mac OS) и перетащите текст «OLIO», чтобы расположить его визуально по центру на вертикали в белом пря­моугольнике.

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