ОФОРМЛЕНИЕ ТЕКСТА

Обзор урока

В этом уроке вы научитесь:

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

• создавать из текста обтравочную маску;

• объединять текст с другими слоями;

• форматировать текст;

• размещать текст по контуру;

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

• управлять шрифтом и расположением текста, используя профессиональные возможности работы со шрифтом.

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

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

Начните урок с просмотра изображения конечной композиции 07End.psd.

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

1. Откройте файл 07Start.psd.

2. Выполните команду меню File  Save As (Файл  Сохранить как), переименуйте файл в 07Working.psd и нажмите кнопку Save (Сохранить).

3. Щелкните по кнопке OK в появившемся диалоговом окне Photoshop Format Options (Параметры формата Photoshop).

4. Выберите рабочую среду Typography (Типография) в раскрывающемся списке, расположенном в правом верхнем углу окна программы.

Рабочая область Typography (Типография) содержит панели Character (Символ), Paragraph (Абзац), Paragraph Styles (Стили абзацев), Layers (Слои) и Paths (Контуры), которые потребуются вам в этом уроке.

Создание обтравочной маски из текста

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

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

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

1. Выполните команду меню View  Fit On Screen (Просмотр  Показать во весь экран), чтобы увидеть всю обложку целиком.

2. Выполните команду меню View  Rulers (Просмотр  Линейки), чтобы отобразить линейки по верхнему и левому краям окна изображения.

3. Перетащите вертикальную направляющую от левой линейки в центр обложки (4,25 дюйма) и отпустите кнопку мыши.

Добавление точки начала набора

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

1. На панели Layers (Слои) выберите слой Background.

2. Выберите инструмент Horizontal Туре (Горизонтальный текст) (T) и на панели параметров инструмента выполните следующие действия:

   • выберите шрифт без засечек, например, Perpetua Titlin..., в раскрывающемся списке Font Family (Гарнитура) и пункт Light -в раскрывающемся списке Font Style (Начертание)

   • в поле Size (Кегль) укажите значение 144 и нажмите клавишу Enter;

   • нажмите кнопку Center Text (Выключка текста по центру).

3. На панели Character (Символ) установите значение Tracking (Трекинг) равным 10.

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

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

5. Н

   

   ажмите клавишу Ctrl, и перетащите слово DIGITAL в верхнюю часть обложки, если оно еще не находится там.

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

Создание обтравочной маски и применение эффекта тени

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

1. Откройте файл circuit_board.tif в каталоге Lesson07.

2. В Photoshop выполните команду меню Window  Arrange  2 Up Vertical (Окно  Упорядочить  2 вверх, по вертикали). Файлы circuit_board.tif и 07Working.psd появятся рядом друг с другом. Щелкните по файлу circuit_board.tif, чтобы убедиться, что это окно активно.

3. Выберите инструмент Move (Перемещение). Удерживайте клавишу Shift, перетаскивая слой Background (Фон) из панели Layers (Слои) файла circuit_board.tif в центр изображения 07Working.psd. Удерживая клавишу Shift при перетаскивании, вы расположите изображение circuit_board.tif в центре композиции.

Н

а панели Layers (Слои) файла 07Working.psd появится новый слой — Layer 1 (Слой 1). Он содержит изображение печатной платы, которая должна быть видна через текст. Однако прежде чем сделать обтравочную маску, следует изменить размер изображения печатной платы, так как для композиции оно слишком велико.

4. Закройте файл circuit_board.tif, не сохраняя в нем никаких изменений.

5. В файле 07Working.psd выберите Layer 1 (Слой 1), а затем выполните команду меню Edit  Transform  Scale (Редактирование  Трансформирование  Масштабирование).

6. З

   

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

7. Нажмите клавишу Enter, чтобы применить преобразование.

8. Дважды щелкните по слою Layer 1 (Слой 1) и измените его название на Circuit Board. Затем нажмите клавишу Enter либо щелкните за пределами поля ввода названия на панели Layers (Слои), чтобы применить внесенные изменения.

9. Выберите слой Circuit Board, если он еще не выбран, и выполните команду Create Clipping Mask (Создать обтравочную маску) из меню панели Layers (Слои).

Теперь сквозь буквы DIGITAL видна печатная плата. Маленькая стрелка в слое Circuit Board и подчеркнутое название текстового слоя указывают, что применена обтравочная маска. Теперь вы должны добавить внутреннюю тень, чтобы придать буквам глубину.

10. В

    

    ыберите слой DIGITAL, чтобы сделать его активным, затем щелкните по кнопке Add А Layer Style (Добавить стиль слоя) в нижней части панели Layers (Слои) и в раскрывающемся списке выберите пункт Inner Shadow (Внутренняя тень).

11. В диалоговом окне Layer Style (Стиль слоя) в раскрывающемся списке Blending Mode (Режим наложения) выберите пункт Multiply (Умножение), установите значение параметра Opacity (Непрозрачность) равным 48%, параметра Distance (Смещение) равным 18, параметра Choke (Размах) равным 0, а параметра Size (Размер) равным 16. Нажмите кнопку ОК.

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