Файл: Chapter10.pdf

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

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

Adobe InDesign, Photoshop и Illustrator

391

4. 

Выберите для будущего текстового фрагмента шрифт 

Lucida Sans

 (либо какой-либо другой похожий 

шрифт) черного цвета размером в 

35

 пунктов.

5. 

Введите слово 

Zenith

.

6. 

Убедитесь в том, что инструмент 

Horizontal Type

 по-прежнему активизирован, после чего щелкните 

мышью в точке с координатами 

70,180

 (X,Y). Уменьшите размер шрифта до 

15

 пунктов, а затем вве-

дите фразу 

unique and uncompromising

.

7. 

Сохраните изображение.

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

1. 

Убедитесь в том, что инструмент 

Horizontal Type

 (Горизонтальный текст) по-прежнему активизиро-

ван; затем щелкните мышью в точке с координатами 

205,95

 (X,Y).

2. 

Выберите для следующего текстового фрагмента шрифт 

Myriad

 (либо какой-либо другой шрифт) 

размером в 

35

 пунктов.

3. 

Введите слово 

Design

.

4. 

Выделите введенное слово.

5. 

Для выделенного фрагмента выберите такой же цвет, которым закрашен левый нижний угол фоново-
го изображения.

6. 

Увеличьте до 

50

 пунктов размер шрифта для символов «Z» и «D».

7. 

В текстовом поле 

Set the baseline shift

 (Смещение базовой линии) палитры 

Character

 (Символ) вве-

дите 

–5

 и нажмите <Enter> (<Return> для Mac).

8. 

Сохраните изображение.

Создание эффекта отбрасывания тени

1. 

В палитре 

Layers

 (Слои) активизируйте текстовый слой 

Zenith

.

2. 

Примените к выделенному слою стиль 

Drop Shadow

 (Отбрасывание тени).

3. 

В текстовом поле 

Angle

 (Угол) в появившемся диалоговом окне 

Layer Style

 (Стиль слоя) введите 

150

, 

после чего щелкните мышью на кнопке 

OK

.

4. 

Сохраните внесенные вами изменения.

Сглаживание текстового фрагмента

1. 

Убедитесь в том, что в палитре 

Layers

 (Слои) по-прежнему активизирован слой 

Zenith

.

2. 

В раскрывающемся списке 

Set the antialiasing method

 (Выбрать метод сглаживания) панели 

Options

(Параметры инструмента) выберите элемент 

Smooth

.

3. 

Сохраните внесенные вами изменения.

10

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

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

392

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

Применение стиля «Bevel and Emboss»

1. 

В палитре 

Layers

 (Слои) активизируйте текстовый слой 

Design

.

2. 

Примените к выделенному слою стиль

 Bevel and Emboss

 (Скос и выдавливание).

3. 

В раскрывающемся списке 

Style

 (Тип) появившегося диалогового окна 

Layer Style

 (Стиль слоя) 

выберите элемент 

Inner Bevel

 (Внутренний скос).

4. 

В текстовых полях 

Angle

 (Угол) и 

Altitude

 (Высота источника света) введите следующие значения: 

150

 и 

30

 (соответственно).

5. 

Щелкните на кнопке 

OK

 диалогового окна 

Layer Style

.

6. 

В палитре 

Layers

 активизируйте текстовый слой 

Zenith

.

7. 

Примените к только что активизированному слою стиль 

Bevel and Emboss

 (Скос и выдавливание).

8. 

В раскрывающемся списке 

Style

 появившегося диалогового окна 

Layer Style

 выберите элемент 

Inner Bevel

 (Внутренний скос).

9. 

Убедитесь в том, что в текстовых полях 

Angle

 и 

Altitude

 введены следующие значения: 

150

 и 

30

 (соот-

ветственно).

10. 

Щелкните на кнопке 

OK

 диалогового окна 

Layer Style

.

11. 

Сохраните внесенные вами изменения.

Применение фильтров

1. 

В палитре 

Layers

 активизируйте текстовый слой 

unique and uncompromising

.

2. 

Выберите команду 

Filter



Blur



Gaussian Blur

 (Фильтр



Размыть



Размывание по Гауссу). В един-

ственном текстовом поле появившегося диалогового окна 

Gaussian Blur

 введите единицу, после чего 

щелкните мышью на кнопке 

OK

.

Ввод текста вдоль контура

1. 

С помощью инструмента 

Ellipse

 (Эллипс) создайте эллиптический контур. Для этого щелкните 

мышью в точке с координатами 

200,120

 (X,Y), а затем перетащите указатель мыши в точку с коорди-

натами 

370,185

.

2. 

Активизируйте инструмент 

Horizontal Type

 (Горизонтальный текст), а затем щелкните мышью над 

левой границей эллиптического контура в точке с координатами 

210,130

 (примерно).

3. 

В палитре 

Swatches

 (Образцы цвета) щелкните на образце желтого цвета 

Yellow RGB

 (второй слева 

в верхнем ряду). Выберите для следующего текстового фрагмента шрифт 

Arial

 размером в 

16

 пун-

ктов. После этого введите фразу 

Founded in 1999

.

4. 

В раскрывающемся списке 

Set the antialiasing method

 (Выбрать метод сглаживания) панели 

Options

(Параметры инструмента) выберите элемент 

Crisp

.

5. 

В текстовом поле 

Opacity

 (Непрозрачность слоя), которое расположено в правом верхнем углу пали-

тры 

Layers

 (Слои), введите значение 

55

.

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

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

Adobe InDesign, Photoshop и Illustrator

393

6. 

Скройте линейки.

7. 

Сохраните изображение. Созданное вами изображение должно 
выглядеть так, как показано на рис. 10.30.

Закрепление изученного. 

Проект 1

Предположим, что вы получили заказ на изготовления рекламного изо-
бражения от руководства цветочного магазина «Beautiful Blooms». Макет 
рекламы практически готов — вам осталось только добавить несколько тек-
стовых фрагментов.

1. 

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

PS 10-3.psd

, который нахо-

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

Blooms Art

.

2. 

Активизируйте инструмент 

Horizontal Type

 (Горизонтальный текст) и 

щелкните мышью в окне изображения. Выберите для первого тексто-
вого фрагмента шрифт 

Impact

 черного цвета размером в 

48

 пикселей. 

Затем введите название магазина — 

Beautiful Blooms

.

3. 

Используя шрифт 

Verdana

 размером 

18

 пунктов, введите вторую 

фразу: 

your garden reflects your creativity

.

4. 

Примените к первому текстовому фрагменту (название магазина) 
стиль слоя 

Drop Shadow

 (Отбрасывание тени). В появившемся диа-

логовом окне 

Layer Style

 (Стиль слоя) измените значения следующих 

параметров: раскрывающийся список 

Blend Mode

 (Режим наложения 

пикселей) — 

Multiply

 (Умножение), поле 

Opacity

 (Непрозрачность) — 

55

, поле 

Distance

 (Расстояние) — 

5

, поле 

Spread

 (Протяженность) — 

0

, 

поле 

Size

 (Размеры) — 

5

.

5. 

Примените ко второму текстовому фрагменту стиль слоя 

Bevel and Emboss

 (Скос и выдавливание). В появившемся диалого-

вом окне 

Layer Style

 (Стиль слоя) измените значения следующих пара-

метров: раскрывающийся список 

Style

 (Тип) — 

Inner Bevel

 (Внутрен-

ний скос), раскрывающийся список 

Technique

 (Жесткость границ) — 

Smooth

 (Сглаженные), поле 

Depth

 (Глубина скоса) — 

100

, группа пере-

ключателей 

Direction

 (Направление) — 

Up

 (Наружу), параметр 

Size

(Размер) — 

5

 пикселей, параметр 

Soften

 (Крутизна скоса) — 

0

, поле 

Angle

 (Угол) — 

120

, поле 

Altitude

 (Высота источника света) — 

30

. Затем 

установите флажок 

Use Global Light

 (Глобальное освещение).

6. 

Сохраните ваше изображение, которое должно выглядеть примерно 
так, как показано на рис. 10.31.

Рис. 10.30. 

Результат создания 

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

фрагментов

Рис. 10.31. 

Пример рекламного 

изображения, в котором использо-

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

10

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

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

394

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

Закрепление изученного. Проект 2

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

1. 

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

PS 10-4.psd

, который находится на прилагаемом к этой 

книге компакт-диске. Сохраните этот файл на жестком диске вашего компьютера под именем 

Milk

.

2. 

С помощью инструмента 

Ellipse

 (Эллипс) в верхней части изображения создайте эллиптический 

контур.

3. 

Посредством инструмента 

Horizontal Type

 (Горизонтальный текст) введите следующий текстовый 

фрагмент: 

I hate when this happens

.

4. 

Палитра 

Swatches

 (Образцы цвета) поможет выбрать для только что введенного текста оттенок крас-

ного цвета.

5. 

Измените шрифт и размеры текстового фрагмента. Выберите, например, шрифт 

Arial Black

 разме-

ром в 

24

 пункта.

6. 

Примените к текстовому слою стиль 

Bevel and Emboss

 (Скос и выдавливание). В появившемся диало-

говом окне 

Layer Style

 (Стиль слоя) измените значения следующих параметров: поле 

Angle

 (Угол) — 

100

, поле 

Altitude

 (Высота источника света) — 

30

.

7. 

Сохраните ваше изображение, которое должно выглядеть примерно так, как показано на рис. 10.32.

Самостоятельная работа

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

1. 

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

PS 10-5.psd

, который находится на прилагаемом к этой книге 

компакт-диске. Сохраните этот файл на жестком диске вашего компьютера под именем 

Altitude

.

2. 

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

3. 

Измените местоположение текстовых фрагментов по собственному усмотрению.

4. 

Примените стиль слоя 

Bevel and Emboss

 (Скос и выдавливание), поэкспериментируйте с его параме-

трами. Один из вариантов этого рекламного изображения показан на рис. 10.33. (В данном изображе-
нии использовались шрифты Mistral и Trebuchet MS.)

5. 

Сохраните результаты вашей работы на жестком диске компьютера.

Работа с группой

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

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

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

Adobe InDesign, Photoshop и Illustrator

395

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

1. 

В программе Photoshop создайте изображение с размерами 

550

×

500

 пикселей.

2. 

Сохраните созданное пустое изображение под именем 

Promotion

.

3. 

После непродолжительного обсуждения используйте в качестве фонового рисунка одно из найден-
ных изображений.

4. 

Создайте как минимум два текстовых слоя. Используйте для текстовых фрагментов различные 
шрифты и другие атрибуты форматирования.

5. 

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

Bevel and Emboss

 (Скос и выдавливание) и 

Drop Shadow

 (Отбрасывание тени).

6. 

Должным образом разместите текстовые фрагменты в окне изображения. Один из вариантов такого 
изображения показан на рис. 10.34.

7. 

Сохраните результаты вашей работы на жестком диске компьютера.

Что дальше

Это последняя глава большого раздела, посвященного навыкам работы с программой Adobe Photoshop. 
Следующая глава книги представляет собой начало емкого раздела, в котором подробно рассмотрена не 
менее популярная программа — Adobe Illustrator, — предназначенная для создания и редактирования век-
торных изображений.

Рис. 10.32. 

Пример рекламного изобра-

жения, в котором использован тексто-
вый фрагмент

Рис. 10.33. 

Один из вариантов простого 

рекламного макета

Рис. 10.34. 

Один из вариантов рекламного 

изображения