Техника Web-дизайна для студента

Работа с текстом

Программа Photoshop позволяет размещать на изображении тек­сты двух видов — заголовочный и абзацный. Рассмотрим работу только с заголовочным текстом, так как он в наибольшей степе­ни подходит для создания web-публикаций.

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

Т[2] Horizontal Type Tool IT Vertical Type Tool

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

Нажатие клавиши < Enter> на основной клавиатуре ведет к пере­ходу на новую строку. Завершается ввод текста щелчком по крайней правой кнопке Commit any current edits (Завершить те­кущее редактирование) на панели параметров или нажатием клавиши <Enter> в цифровом блоке клавиатуры, или одновре­менным нажатием клавиш <Ctrl> и <Enter> на основной кла­виатуре.

Параметры текста устанавливаются с помощью панели парамет­ров инструментов Туре (Текст) (рис. 3.12).

О раскрывающийся список Set the font size (Установка разме­ра шрифта). Список содержит фиксированный набор разме­ров шрифта в пунктах (pt), однако при желании можно ус­тановить размер, отсутствующий в списке, введя его с клавиатуры;

О раскрывающийся список Set the anti-aliasing method (Уста­новка метода сглаживания). Сглаживание осуществляется пу­тем создания плавного перехода от граничных пикселей тек­ста к пикселям фона. Список включает:

• None (Нет) — сглаживание отсутствует;

• Sharp (Резкое);

• Crisp (Четкое);

• Strong (Сильное);

• Smooth (Гладкое).

На рисунке показано увеличенное изображение двух вариан­тов написания буквы "ж". В первом случае сглаживание от­сутствует (None), во втором — сглаживание Crisp (Четкое);

ЖЖ

О три кнопки выравнивания текста: по левому краю (Left align text), по центру (Center text) и по правому краю (Right align text). Выравнивание производится относительно точки начала ввода текста;

О поле изменения цвета шрифта Set the text color (Установка цвета). Щелчок по полю раскрывает диалоговое окно Color Picker (Выбор цвета), в котором выбирается нужный цвет;

О кнопка выбора вида искривления текста Create warped text (Создание искривленного текста) позволяет раскрыть диало­говое окно Warp text (Искривление текста), содержащее рас­крывающийся список видов искривлений Style (Стиль) и по­ля параметров искривлений. Значение None (Нет) в поле Style (Стиль) означает отсутствие искривлений;

О кнопка быстрого вывода на экран палитры Character (Шрифт) (рис. 3.13)

Палитра содержит элементы, дублирующие соответствующие элементы на панели параметров: Set the font family — установка гарнитуры шрифта; Set the font style — установка начертания шрифта; Set the font size — установка размера шрифта; Set the text color — установка цвета шрифта; Set the anti-aliasing method — установка метода сглаживания), а также:

О раскрывающийся список выбора расстояния между базовыми линиями соседних строк текста Set the leading (Установка расстояния между строками). Расстояние измеряется в пунк­тах (pt) и должно быть установлено до перехода на новую строку. По умолчанию устанавливается Auto (Авто), что озна­чает 120 % от размера шрифта;

О два раскрывающихся списка Set the kerning between two char­acters (Установка кернинга между двумя символами) и Set the tracking for the selected characters (Установка трекинга для вы­деленных символов) предназначены для изменения расстоя­ния между символами. Кернинг — изменение расстояния ме­жду символами, с учетом их начертания (например для сочетания букв АТ можно использовать меньшее расстояние, чем для сочетания букв МН). Трекинг — изменение расстоя­ния между символами в зависимости от размера шрифта. Первый список действует на пару символов, между которыми установлен курсор, а второй — на выделенный текст;

О поля Vertically scale (Вертикальное масштабирование) и Hori­zontally scale (Горизонтальное масштабирование) предназна­чены для изменения размеров выделенных символов по вер­тикали и горизонтали соответственно. Значение нового масштаба вводится в соответствующее поле. Это дает воз­можность непропорционального изменения размеров текста;

О поле Set the baseline shift (Установка отклонения от базовой линии) позволяет задать для горизонтального текста сдвиг ба­зовой линии выделенных символов вверх (положительные зна­чения сдвига) или вниз (отрицательные значения сдвига). Для вертикального текста сдвиг будет осуществляться вправо (по­ложительные значения) или влево (отрицательные значения).

Значения полей можно изменять несколькими способами: либо поместить курсор в соответствующее поле и использовать кла­виши управления курсором <Т> и <4>, либо установить указа­тель мыши на значок слева от соответствующего поля (при этом он изменит свой вид) и, нажав клавишу мыши, перемещать кур­сор влево или вправо.

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

Создаваемый текст располагается в текстовом слое палитры Layers (Слои). Набор нового текста после завершения набора предыду­щего приведет к созданию нового текстового слоя. При необхо­димости редактирования или форматирования уже созданного текста нужно по нему произвести щелчок инструментом Туре (Текст). Слой с этим текстом автоматически становится актив­ным.

В качестве примера использования текста рассмотрим создание надписи на рисунке:

1. Откроем файл с рисунком (размеры 300 х 200 рх), на котором предстоит создать надпись, используя команду Open (От­крыть) меню File (Файл).

2. Выберем инструмент Horizontal Туре (Горизонтальный текст) и на панели параметров установим гарнитуру шрифта Gara - mond, начертание курсивное (Italic), размер шрифта 30 pt, сглаживание четкое (Crisp), выравнивание текста по центру (Center text), цвет шрифта черный.

3. Установив курсор в площади изображения, напишем первое слово, а после нажатия клавиши Enter, — второе слово.

4. Выбрав инструмент [ч] — Move Tool (Перемещение) можно не только поместить текст в нужное место рисунка с помощью клавиш управления курсором, но и, установив на панели па­раметров инструмента Move Tool (Перемещение) флажок Show Bounding Box (Показать маркеры), подкорректировать его раз­меры.

Результаты произведенных действий показаны на рис. 3.14.

Праздник

Еще несколько примеров использования текста будут рассмот­рены в разделе 3.4.14.