Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Chapter10

.pdf
Скачиваний:
13
Добавлен:
17.05.2015
Размер:
4.06 Mб
Скачать

Adobe InDesign, Photoshop и

366

Illustrator

10Создание и форматирование текстовых фрагментов

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

367

10Создание и форматирование текстовых фрагментов

Создание и форматирование те

Впрограмме Photoshop предусмотрены все необходимые средства для форматирования текстовых фрагментов. Так же, как и в других приложениях, текстовые фрагменты программы Photoshop имеют собственные атрибуты форматирования, которые можно изменить в достаточно широком диапазоне. Например, в программе Photoshop довольно просто изменить шрифт текстового фрагмента, его начертание, цвет или размер.

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

Итак, текстовый фрагмент подчеркивает и дополняет основную идею рекламного изображения. После утверждения содержимого текстового фрагмента следует позаботиться о его внешнем виде, т.е. о его атрибутах форматирования. В частности, вам понадобится выбрать достойный шрифт, его начертание, цвет и/или размер. Для этого в программе Photoshop предусмотрено несколько программных средств. Прежде всего, это инструмент Horizontal Type (Горизонтальный текст) (рис. 10.1), параметры панели Options (Параметры активизированного инструмента) (рис. 10.2), а также палитры Character (Символ) и Paragraph

(Абзац) (рис. 10.3).

Создание текстовых фрагментов

Материал этого раздела посвящен методам создания, выравнивания, а также способам изменения шрифта и цвета текстовых фрагментов в программе Photoshop.

 

 

 

 

 

 

Подтвердить ввод текста

 

 

 

 

 

 

Отменить ввод текста

 

Шрифт

Размер шрифта

Цвет шрифта

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Начертание шрифта

Методы сглаживания шрифта

 

 

 

 

 

 

 

 

 

 

 

Отобразить палитры Character и Paragraph

 

Рис. 10.2. После активизации инструментов семейства Type (Текст) на

 

панели Options появляется ряд параметров, предназначенных для быстрого

Кнопка инструмента Horizontal Type

форматирования текстовых фрагментов

 

 

 

 

Рис. 10.1. Инструмент Horizontal Type

 

предназначен для ввода горизонтальных

Рис. 10.3. Параметры форматирования текстовых фрагментов на уровне симво-

текстовых фрагментов

лов и на уровне абзаца сосредоточены в палитрах Character и Paragraph

368

Adobe InDesign, Photoshop и Illustrator

кстовых фрагментов

Векторный и растровый текст

Символы векторного текста состоят из обычных линий, уровень кривизны которых описан математическими формулами. Поэтому границы символов векторного текста даже после значительного увеличения всегда выглядят четким (без «ступенек» и «зазубрин»). Текст этого типа широко используется в приложениях, которые предназначены для создания и редактирования векторной графики (например, в программе Adobe Illustrator). Символы растрового текста, как и любое растровое изображение, состоят из набора пикселей. Увеличение масштаба растрового текста приводит к появлению ярко выраженных ступенек («зазубрин»). Любой текстовый фрагмент, созданный в программе Photoshop, первоначально является векторным. Векторный текстовый фрагмент в любой удобный для вас момент можно преобразовать в растровый. С помощью фильтров программы Photoshop можно создать оригинальные спецэффекты. Однако фильтры программы можно применить только растровому тексту. С помощью инструментов семейства Type (Текст) и параметров панели Options (Параметры инструмента) можно создать горизонтальные и вертикальные текстовые фрагменты, выбрать способ выравнивания текста, размер его шрифта и другие атрибуты форматирования. Цвет выделенного в данный момент текстового фрагмента можно менять с помощью уже знакомого вам диалогового окна Color Picker (Выбор цвета). Каждый новый текстовый фрагмент (который введен пользователем) программа автоматически помещает на отдельный текстовый слой в палитре Layers (Слои).

Шрифтовые семейства

Шрифтовым семейством называют полный набор обычных символов (букв), цифр и специальных символов, которые объединяет общий дизайн. Все шрифтовые семейства делятся на три категории: шрифты с засечками (serif), шрифты без засечек (san serif) и шрифты специальных символов (symbol). С верхней и нижней стороны большинства букв шрифта с засечками предусмотрены небольшие черточки (засечки), которые зачастую упрощают чтение печатного материала. Шрифты этой категории, как правило, используют для ввода основного текста статьи или книги. Особенностью категории шрифтов без засечек является отсутствие засечек (что понятно из названия). Как правило, шрифты без засечек используют для ввода заголовков. Шрифты специальных символов предназначены для ввода специфических символов (например, $, ÷или ™).

Примеры наиболее распространенных шрифтов с засечками и без них приведены в табл. 10.1.

Таблица 10.1. Наиболее распространенные шрифты

Шрифты с засечками

Пример

Шрифты без засечек

Пример

Lucida Handwriting

 

Arial

 

Rockwell

 

Bauhaus 93

 

Times New Roman

 

Century Gothic

 

 

 

 

 

Размер шрифта

Размер каждого символа шрифта измеряется в пунктах (points). В системе измерений языка PostScript один дюйм (2,54 см) равен 72 пунктам, или 6 пикам (picas) (язык описания страниц PostScript, разработанный

369

10Создание и форматирование текстовых фрагментов

Создание и форматирование те

НА ЗАМЕТКУ

Размещение новых текстовых фрагментов на отдельном текстовом слое упрощает перемещение и форматирование текста изображения.

Рис. 10.4. Приобрести новые шрифты можно, не выходя из офиса

СОВЕТ

Если шрифт Arial не установлен в вашей системе, выберите вместо него любой другой шрифт без засечек.

компанией Adobe Systems в 1985 году, широко используется для вывода на печатающие устройства текста и графических изображений). Следовательно, одна пика равна 12 пунктам. В привычной для нас системе измерений один дюйм равен 72,27 пункта. В Adobe Photoshop можно выбрать либо привычную для нас систему измерений, либо систему изме-

рений языка PostScript. В Adobe Photoshop по умолчанию используется шрифт размером 12 пунктов.

Где найти шрифты

В вашем компьютере установлены сотни шрифтов. Однако для реализации некоторых оригинальных творческих замыслов вам понадобятся новые, неординарные шрифты. Приобрести или бесплатно скачать новые шрифты можно посредством Интернета. Откройте установленный в вашей системе интернет-обозреватель, а затем с помощью любой поисковой системы найдите Web-сайты, на которых можно либо купить, либо бесплатно загрузить гарнитуры шрифтов. Web-страница одного из таких сайтов показана на рис. 10.4. Помните о том, что шрифты, выполненные непрофессионалами (как правило, распространяются бесплатно), не всегда пригодны для выполнения серьезных художественных работ. Гарнитуры профессиональных шрифтов можно приобрести за вполне приемлемую цену.

Практика. Ввод и форматирование текста

Выполните следующие действия, чтобы активизировать инструмент Horizontal Type (Горизонтальный текст), выбрать шрифт, его размер и способ выравнивания текстового фрагмента, а затем ввести в пределах изображения новый текстовый фрагмент.

1.В программе Photoshop откройте файл

PS 10-1.psd, который находится на прилагаемом к этой книге компакт-диске. Сохраните этот файл на жестком диске вашего компьютера под именем

Books.psd.

370

Adobe InDesign, Photoshop и Illustrator

кстовых фрагментов

2.Отобразите линейки в окне документа, воспользовавшись комбинацией клавиш <Ctrl+R> (<+R>

для Mac).

3.Нажмите клавишу <D>, чтобы выбрать заданные по умолчанию цвета переднего и заднего плана (черный и белый, соответственно).

4.Щелкните на кнопке Horizontal Type (Горизонтальный текст) панели инструментов (на этой кнопке изображена литера «Т»).

5.Из раскрывающегося списка Set the font family (Шрифт) панели Options (Параметры инструмента) выберите элемент Arial (шрифт без засечек). В расположенном справа раскрывающемся списке Set the font style (Начертание шрифта) выберите элемент Italic (Курсив).

6.В раскрывающемся списке Set the font size (Размер шрифта) панели Options выберите элемент 24 pt.

7.Щелкните мышью на кнопке Center text (Выровнять по центру) панели Options.

8.Щелкните мышью на коричневом фрагменте корешка книги (непосредственно под верхней желтой линией окантовки) в точке с координатами 160,130 (X,Y). После этого введите слово World, нажмите клавиши <Shift+Enter> (<Shift+Return> для Mac), чтобы перейти на следующую строку, и введите слово Atlas (рис. 10.5).

Практика. Изменение цвета текстового фрагмента

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

1.Нажмите комбинацию клавиш <Ctrl+A> (<+A> для Mac), чтобы выделить введенное словосочетание.

2.В раскрывающемся списке Set the font family (Шрифт) панели Options (Параметры инструмента) выберите элемент Times New Roman.

Введенный текст

 

 

 

 

СОВЕТ

 

 

 

 

Чтобы быстро выбрать необходимый шрифт, выполни-

 

 

 

 

те следующее. Выделите содержимое текстового поля в

 

 

 

 

раскрывающемся списке Set the font family (Шрифт). Вме-

 

 

 

 

сто выделенного значения введите первые несколько сим-

 

 

 

 

волов названия интересующего вас шрифта. Если данный

 

 

 

 

шрифт установлен в вашем компьютере, программа авто-

 

 

 

 

матически отобразит недостающую часть имени данно-

 

 

 

 

го шрифта. Вам останется лишь нажать клавишу <Enter>

 

 

 

 

(<Return> для Mac), чтобы выбрать этот шрифт. Кроме

 

 

 

 

того, в программе Photoshop можно просмотреть шриф-

 

 

 

 

ты, которые установлены в вашей системе. Для этого щел-

 

 

 

 

кните мышью в текстовом поле раскрывающегося спи-

 

 

 

 

ска Set the font family, а затем нажмите клавиши <> или

 

 

 

 

<>.

Размер документа

Новый текстовый слой

 

Рис. 10.5. Изображение после ввода нового текстового фрагмента

371

10Создание и форматирование текстовых фрагментов

Создание и форматирование те

Отформатированный текст

Рис. 10.6. Результат изменения атрибутов форматирования текстового фрагмента

СОВЕТ

Если необходимо, перетащите диалоговое окно Color Picker в другую сторону окна программы, чтобы

ИЗМЕНЕНИЕ ЦВЕТА ТЕКСТА С ПОМОЩЬЮ ПАЛИТРЫ

«SWATCHES»

Чтобы изменить цвет выделенного в данный момент текстового фрагмента, щелкните мышью на любом образце цвета палитры Swatches (Образцы цвета).

Помните о том, что в этом случае указанный вами цвет будет выбран в качестве цвета переднего плана программы Photoshop.

3.Из расположенного справа раскрывающегося списка Set the font style (Начерта-

ние шрифта) выберите элемент Bold (Полужирное).

4.Щелкните мышью на образце цвета

Set the text color (Цвет текста) панели Options,

чтобы открыть диалоговое окно Color Picker (Выбор цвета).

5.Поместите указатель мыши над изображением: он должен принять вид пипетки. Щелкните на символе «T» слова «Tales», которое находится в нижнем правом углу изображения, в точке с координатами 600,610 (X,Y). Указанный вами цвет появится в диалоговом окне Color Picker.

6.Щелкните на кнопке OK диалогового окна

Color Picker.

7.Щелкните на кнопке Commit any current edits

(Подтвердить сделанные изменения), которая расположена в правой части панели Options

(см. рис. 10.2).

1.Изображение с отформатированным текстовым фрагментом должно выглядеть так, как показано на рис. 10.6.

8.Сохраните результаты внесенных изменений

(FileSave).

Интервалы и базовая линия текстового фрагмента

Этот небольшой раздел посвящен специфике редактирования интервалов между символами и строками текстового фрагмента, а также местоположения его базовой линии.

372

Adobe InDesign, Photoshop и Illustrator

кстовых фрагментов

Редактирование интервалов

От читабельности текстовых фрагментов рекламного изображения во многом зависит эффективность самой рекламы. Например, трудночитаемый текстовый фрагмент, набранный мелким шрифтом, не привлечет внимания потенциального клиента. Чтобы этого не произошло, разработчики Adobe Systems включили в Photoshop программные средства, необходимые для редактирования текстовых фрагментов. В некоторых случаях, например для того чтобы повысить читабельность текста, достаточно увеличить расстояние (интервалы) между его символами и/или строками.

Межсимвольные и междустрочные интервалы

Символы шрифтов, используемых в настольных издательских системах и текстовых редакторах, разделены друг от друга пропорциональными интервалами (величина интервала зависит от ширины каждого символа). Интервалы между символами шрифтов пишущих машинок всегда одинаковы. Это означает, что все без исключения символы шрифта пишущей машинки занимают одно и то же пространство листа бумаги (и широкие символы, например, «о» и «ш», и узкие, например, «г» и «у»). Величиной межсимвольного расстояния выделенного текстового фрагмента в большинстве программ (в том числе и Adobe Photoshop) управляют с помощью специального параметра — tracking. Результат изменения межсимвольного расстояния показан на рис. 10.7.

Для изменения расстояния только между двумя символами используется параметр kerning. Помимо расстояния между символами, в программе Photoshop можно изменить расстояние между строками текстового фрагмента (с помощью параметра leading).

Палитра «Character»

Параметры текстового фрагмента (кернинг — расстояние между двумя символами, межсимволь-

ный и междустрочный интервалы) находятся в палитре Character (Символ) — рис. 10.8. Чтобы открыть эту палитру, выберите в главном меню программы команду WindowCharacter (ОкноСимвол); либо

Рис. 10.7. Одно и то же словосочетание до (вверху) и после

Рис. 10.8. Палитра

(внизу) уменьшения межсимвольного расстояния

Character

НА ЗАМЕТКУ

На панели Options (Параметры инструмента) и в палитре Character (Символ) предусмотрен обра-

зец цвета Set the text color (Цвет текста). Щелчок мышью на этом образце открывает уже знакомое вам диалоговое окно Color Picker (Выбор цвета).

373

10Создание и форматирование текстовых фрагментов

Создание и форматирование те

Раскрывающийся список Set the kerning

Рис. 10.9. Чтобы изменить кернинг между парой символов, выберите необходимое значение из раскрывающегося списка

Set the kerning палитры Character

ПРОВЕРКА ПРАВОПИСАНИЯ

Грамматические ошибки, допущенные в текстовых фрагментах, могут испортить любое эффектное изображение. Чтобы свести к минимуму появление этой проблемы, следует воспользоваться средством программы Photoshop, которое предназначено для автоматической проверки правописания. Для начала в раскрывающемся списке (расположен в нижнем левом углу палитры Character (Символ)) выберите язык текстового фрагмента. Если текстовый фрагмент набран на русском языке, выберите в этом раскрывающемся списке элемент Russian (Русский). В главном меню программы выберите команду EditCheck Spelling (ПравкаПроверка правописания). В результате на экране появится диалоговое окно Check Spelling, в котором указано слово, отсутствующее в электронном словаре программы. Если в текстовом поле Change To (Заменить) этого диалогового окна указан верный вариант написания слова с ошибкой, щелкните мышью на кнопке Change (Заменить). В противном случае выберите другой вариант слова из списка Suggestion (Варианты). Если найденное программой слово не требует замены, щелкните мышью на кнопке Ignore (Пропустить). Чтобы добавить в словарь незнакомое программе слово, щелкните мышью на кнопке Add (Добавить). В заключение щелкните мышью на кнопке Done (Готово).

активизируйте какой-либо инструмент семейства Type (Текст), а затем щелкните на кнопке-переключателе

Toggle the Character and Paragraph palette, которая рас-

положена в правой части панели Options (Параметры инструмента).

Изменение местоположения базовой линии

Базовая линия (baseline) представляет собой непечатный элемент, на котором «расположены» символы текстовой строки. Как и размер шрифта, уровень смещения базовой линии измеряют в пунктах (pt). Уровень смещение базовой линии по вертикали также устанавливают с помощью соответствующего параметра палитры Character (Символ).

Практика. Изменение кернинга

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

1.Вначале убедитесь в том, что в палитре Layers (Слои) по-прежнему активизирован текстовый слой World Atlas.

2.Активизируйте инструмент Horizontal Type (Горизонтальный текст).

3.Щелкните на кнопке-переключателе

Toggle the Character and Paragraph palette (Ото-

бразить/скрыть палитры Character и Paragraph) — она расположена в правой части панели Options (Параметры инструмента).

4.Щелкните мышью между символами «o» и «r»

слова «World».

5.В раскрывающемся списке Set the kerning (Кернинг) палитры Character выберите элемент –25. В результате уменьшится расстояние между символами «o» и «r» слова «World».

374

Adobe InDesign, Photoshop и Illustrator

кстовых фрагментов

6.Щелкните мышью между символами «А» и «t» слова

«Atlas».

7.В раскрывающемся списке Set the kerning (Кернинг) палитры Character вновь выберите элемент –25 (рис. 10.9).

8.Чтобы внесенные изменения вступили в силу, щелкните на кнопке Commit any current edits (Подтвердить сделанные изменения) в правой части панели Options.

Практика. Изменение базовой линии

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

1.Чтобы в окне изображения выделить слово «Oct», дважды щелкните мышью на пиктограмме одноименного текстового слоя в палитре Layers (Слои). С помощью инструмента Horizontal Type (Горизонтальный текст) выделите только первый символ этого слова — «О».

2.Щелкните мышью на образце цвета Set the text color (Цвет текста) панели Options (Параметры инструмента), чтобы открыть диалоговое окно Color Picker

(Выбор цвета).

3.Щелкните мышью в окне изображения на фрагменте с насыщенным темно-красным цветом, например, в точке с координатами 220,180 (X,Y). Теперь диалоговое окно Color Picker должно выглядеть так, как показано на рис. 10.10. В заключение щелкните мышью на

кнопке OK.

4.В текстовом поле раскрывающегося списка Set the

font size (Размер шрифта) палитры Character дважды щелкните мышью на цифре 36. Затем вместо выделенного таким образом значения введите число 45 и нажми-

те <Enter> (<Return> для Mac). Аналогичным обра-

зом в палитре Character выделите нуль в текстовом поле Set the baseline shift (Смещение базовой линии). Вместо выделенного значения введите –5 и нажмите <Enter> (<Return> для Mac).

НА ЗАМЕТКУ

Чтобы закрыть палитру Character, щелкни-

те на кнопке Close (Закрыть), которая находится в правой части строки заголовка палитры. Вы также можете еще раз щелкнуть на кноп-

ке Toggle the Character and Paragraph palette панели Options.

СОВЕТ

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

Образец выбранного цвета

Выбранный цвет

Рис. 10.10. Выберите насыщенный темно-крас- ный цвет с помощью диалогового окна Color Picker

НА ЗАМЕТКУ

Пиктограммы текстовых слоев программы Photoshop для Mac и Windows отличаются друг от друга лишь стилистикой исполнения.

375

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]