УРОК 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 (Файл ♦ Сохранить), чтобы сохранить свою работу.