ЛАБОРАТОРНАЯ РАБОТА№5

ХУДОЖЕСТВЕННЫЕ ФИЛЬТРЫ. КОМБИНИРОВАНИЕ ЭФФЕКТОВ. РАБОТА С ТЕКСТОМ. СПЕЦИАЛЬНЫЕ ЭФФЕКТЫ, ПРИМЕНЯЕМЫЕ К ТЕКСТУ

Цель работы: Ознакомится со специальными инструментами создания текста. Использование стилей в работе с текстом. Ознакомиться с фильтрами.

Задача: Освоить работу с текстом в Photoshop.Научиться грамотно выбирать и использовать фильтры.

КРАТКИЕ ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ

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

Для создания текста существуют специальные инструменты. П ервый инструмент Horizontal Type Tool создаёт текстовый слой, на котором текст размещается совершенно традиционным горизонтальным образом. Второй инструмент Vertical Type Tool создаёт текстовый слой, на котром текст размещается сверху вниз. Следующие два инструмента не создают текстового слоя принципиально. Они создают выделение в виде текста, причём инструмент Vertical Type Mask Tool создаёт текстовое выделение которое распологает буквы текста сверху вниз, а Horizontal Type Mask Tool создаёт текстовое выделение слево направо. Выделение в виде текста необходимо тогда, когда вы хотите иметь сразу готовый растровый слой содержащий текст, при этом вы лишаете себя гибкости настроек текста, например возможности изменить шрифт, его начертание интервалы и прочие настройки, которые возможны при работе с векторными шрифтами.

Текстовый слой имеет иконку содержащую букву T. Когда вы выбираете инструмент работы с текстом, то на панели опций появляются настройки текста Рис.5.1.

Рис.5.1

Управление текстом совершенно традиционно. В редакторе Photoshop важной настройкой является возможность пустить текст по траектории. Для этого вам предоставляются шаблоны кривых, по траектории которых и будет располагаться текст. Диалоговое меню работы с траекториями текста выглядит следующим образом Рис.5.2:

Рис.5.2

В разделе Style вы можете выбрать вид траектории. При помощи ползунка Bend изменяете силу изгиба траектории. При положении ползунка 0% изгиба (деформации) не будет, а при отрицательных значениях деформация пойдёт в противоположную сторону. Horizontal Distortion управляет искажением текста по горизонтали. Положительные значения увеличивают правую часть текста, отрицательные - левую.

При нажатии на эту кнопочку Дополнительные настройки у вас возникает на экране две новых палитры, собранных в одну группу. Палитра под названием Character управляет символами Рис.5.3.

Рис.5.3

В этой палитре можно настроить опять таки шрифт, его начертание, размер шрифта, расстояние между строками [ ], расстояние между символами [ ] и кернинг пар [ ].Также есть возможность изменить высоту символов и ширину символов. Для этого служат поля с буковками T и соответствующими стрелками. Поле [ ] предназначено для смещения выделенных символов вверх или вниз относительно остальной строки (а именно так называемой базовой линии). Если в поле ввести положительные числа, то выделенные символы сместятся вверх, а если отрицательные, то вниз относительно базовой линии текста

Ниже сосредоточены кнопки управления текстом. Кнопка [ ] делает начертание выделенного текста жирным, кнопка [ ] наклонным. Кнопка [ ] предназначена для того, что бы перенести символы из нижнего регистра в верхний, и наооборот. А эта [ ] кнопка трансформирует выделенныные символы в заглавние буквы, сохраняя при этом размер строчных символов. При помощи кнопки [ ] вы переводите выделенный символ в верхний регистр, при помощи кнопки [ ] в нижний. Предпоследняя кнопочка этого ряда позволяет подчеркнуть выделенные символы, а последняя перечеркнуть.

Вторая палитра управления текстом носит название Paragraph. Paragraph это особый вид текста - блочный текст. Разница состоит в том, что блочный текст это понятие вёрстки, т.е. вы инструментом Type Tool рисуете прямоугольную область, в которую вписывается текст. Т.е. это блок текста, который подобен странице в Word Рис.5.4.

Рис.5.4

Соответственно у такого вида текста уже больше возможностей в настройке. Вверху палитры находятся разнообразные виды выравнивания. Часть этих видов вы уже знаете. Кнопка [ ] выравнивает текст по ширине, последнюю, незаконченную строку располагает по центру абзаца, кнопка [ ] также выравнивает текст по ширине, но последнюю, незаконченную строку прижимает к правому краю относительно абзаца, а кнопка [ ] растягивает последнюю строку на всю ширину абзаца за счёт интервалов между словами.

В поле [ ] вы можете задать для абзаца отступ от левой границы блока, а в поле [ ] от правой границы. Поле [ ] позволяет задать отступ первой строки абзаца (красную строку). Поле [ ] указывет на нижний отспуп абзаца, а поле [ ] на верхний. В самом низу палитры находится флажок Hypernate - включение автоматического переноса слов.

Любой текстовый слой можно превратить в растровый, и далее работать с ним как с растровым. Это делается командой Rasterize Layer из контекстного меню текстового слоя или из меню Layers>Rasterize

Содержание работы

Изучить теоретический материал.

Выполните предложенные уроки.

Сияющий текст

1. Создайте новый файл (Ctrl+N) 600x600 pixels, RGB color, Transparent Content. Нажмите D, чтобы назначить цвет переднего плана и цвет фона по умолчанию. Нажмите Alt+Backspace, чтобы залить текущий слой черным цветом (цветом переднего плана). При помощи инструмента Type [T] напишите слова "СИЯЮЩИЙ ТЕКСТ" шрифтом Arial Black размером 48 px. Включите выравнивание текста по центру. Выровняйте текстовый блок точно по центру изображения. Нажмите Ctrl+Shift+E, чтобы объединить слои

2. Примените фильтр Filter > Blur > Gaussian Blur с радиусом 2 pixels. Затем примените фильтр Filter > Stylize > Solarize. Скопируйте текущий слой путем перетаскивания его на иконку Create a New Layer на палитре Layers.

3. Примените к новому слою фильтр Filter > Distort > Polar Coordinates с п араметром Polar to Rectangular. Выглядеть должно так

4. Нажмите Ctrl+I, для того чтобы инвертировать изображение на новом слое. Выберите Image > Rotate Canvas > 90 CW [Alt+I+E+9], для того чтобы повернуть изображение на 90 градусов по часовой стрелке.

5. Примените фильтр Filter > Stylize > Wind с параметрами Method - Wind, Direction - From the Right. Затем нажмите Ctrl+F два раза, чтобы дважды повторить применение фильтра Wind с теми же параметрами. Нажмите Ctrl+Shift+L, для автоматической регулировки уровней

6. Нажмите Ctrl+I, для того чтобы инвертировать изображение. Затем нажмите Ctrl+F ещё три раза, чтобы трижды применить фильтр Wind с прежними параметрами.

7. В ыберите Image > Rotate Canvas > 90 CCW [Alt+I+E+0], для того чтобы повернуть изображение на 90 градусов против часовой стрелки. З атем примените фильтр Filter > Distort > Polar Coordinates с параметром Rectangular to Polar.

8. В палитре Layers перетащите наверх нижний слой с контурной надписью. Затем задайте ему режим смешивания Screen. Можно также нажать Ctrl+Shift+E, чтобы объединить два наших слоя в один

9. Д обавьте корректирующий слой Hue/Saturation с включенным параметром Colorize и со значениями Hue - 187, Saturation - 29, Lightness -0. Расположение текста на произвольном контуре.

1. Чтобы расположить текст на контуре, для начала необходимо создать контур, выберите инструментов "Pen Tool" и выделите иконку "Paths". - Pen Tool - Paths И нарисуйте свой произвольный контур. Для примера вот так :

2. Возьмите инструмент набора текста и подведите курсор к любому месту своего контура. Курсор немного изменится, у него появится кривая линия.

- инструмент набора текста - курсор изменился

Если вы нажмёте в этот момент, то контур надписи будет привязан к вашему контуру и вы можете писать.

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

И ещё. Текст может быть написан только по длине контура, то что не влезает будет невидимо, более того, если не влезет хотя бы часть слова, то всё слово будет невидимо (изменить форму или текст всё же можно всегда. Свободно текст перемещать нельзя, но всё же есть специальные маркеры, которыми указаны начало и конец текста на контуре.

Перетаскивая эти маркеры, зажав мышкой, вы сможете указать начало и конец текста на контуре, текст автоматически переместится в уканное начало и перестроится заново.

Расположение текста в произвольном контуре.

Расположение текста в контуре несёт совсем другой характер, текст будет выравниваться по границам контура, но делаться это почти также как и с вариантом "по контуру".

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

Теперь необходимо взять инструмент набора текста и переместить курсор внуть формы контура, курсор сразу изменится (как будто будет выделен скобками :)).

- курсор изменился

И если кликнуть в этой области, то появится текстовое поле в котором можно написать всё любой текст и текст будет ограничиваться рамками контура.

Отражение

1. Откройте изображение, для которого вы хотели бы сделать отражение.

2. Дублируйте слой с исходным изображением (Layer > Duplicate Layer). "Отзеркальте" его по вертикали : Edit > Transform > Flip Vertical. Возьмите инструмент Move Tool и, удерживая Shift, переместите слой в низ изображения.

3. В меню Edit > Transform и запустите Perspective. Возьмите за правый нижний квадратик и передвиньте его вправо.

4. Теперь выберите Edit > Transform > Scale и потяните нижний квадратик вверх.

5. Если вы хотите, то можете добавить небольшую рябь (волны): Filter > Distort > Ripple: Amount - 100%, Size - Medium.

Эффект «Расплывчатый текст»

1. Откройте новое изображение с черным фоном и создайте белую надпись.

2. Дублируйте этот слой (Layer > Duplicate Layer) и растрируйте (Layer > Rasterize > Layer). Примените фильтр Fragment (Filter/ Pixelate/ Fragment) 2 или 3 раза

3. Теперь идите: Edit > Free Transform (Ctrl+T) и сделайте дублированный слой немного больше

4. Активируйте оригинальный слой с текстом и сделайте прозрачность (opacity) равной 35%.

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

Расплавленный «золотой» текст

1. Создайте новое изображение размером 400х400 пикселей с черным фоном. Напишите какой-либо текст белым цветом. Соедините слои (Layer > Merge Down).

2. Размойте изображение на 2 пикселя (Filter > Blur > Gaussian Blur

3. Примените к изображению фильтр Solarize (Filter > Stylize > Solarize). Затем Image > Adjust > Auto Levels ( Shift + Ctrl + L).

4. Примените эффект ветра (Filter > Stylize > Wind) с параметрами: Method: Wind; Direction: From the Left. Поверните изображение на 90 градусов (Image > Rotate Canvas > 90 CW). Примените фильтр еще раз (Ctrl+F). Снова поверните изображение на 90 градусов... и.т.д., пока вы не повторите это действие для всех 4-х сторон.

5. Примените фильтр Glowing edges (Filter > Stylize > Glowing Edges) с параметрами:

Edge width: 1, Edge Brightness:7; Smoothness: 6

6. Нажмите Ctrl+U (Hue/Saturation). Установите "галочку" на Colorize. Измените значение Hue на 43, Saturation на 50, а Lighting на 0.

В стиле Поп-арт…

1. Откройте файл с изображением, которое хотите видоизменить.

2. Создайте копию слоя с изображением путем перетаскивания его на иконку Create a New Layer на палитре Layers. Отключите отображение нового слоя и переключитесь на слой Background.

3. Создайте корректирующий слой Layer > New Adjustment Layer > Posterize. В появившемся окне включите пункт Group With Previous Layer и нажмите Ok. В следующем диалоговом окне введите значение Levels - 2 и нажмите Ok. Переключитесь в низлежащий слой и примените фильтр Filter > Noise > Median со значением Radius - 2 pixels. Затем примените Filter > Blur > Gaussian Blur со значением Radius - 2 pixels. Значение радиуса обоих фильтров для каждой конкретной иллюстрации необходимо подбирать экспериментально, добиваясь пропадания шума и мелких деталей. Нажмите Ctrl+L, чтобы вызвать меню редактирования уровней (Levels). Ориентируясь по предварительному просмотру отрегулируйте уровни таким образом, чтобы изображение стало максимально выразительным, т.е. цветовые области на изображении отделяли друг от друга значимые объекты (в нашем примере это глаза и рот ребенка). Обычно для достижения нужного эффекта достаточно изменить только значение гаммы (среднее значение параметра Input Levels).

4. Нажмите Ctrl+E, чтобы совместить (Merge Layers) слой Background с корректирующим слоем.

5. Переключитесь в верхний слой, который мы создали в самом начале. Нажмите Ctrl+Shift+U, чтобы обесцветить изображение. Нажмите Ctrl+M, чтобы вызвать меню редактирования кривых (Curves). Отредактируйте кривую так, чтобы максимально повысить контрастность изображения. Нажмите Ok. Затем нажмите Ctrl+L, ч тобы вызвать меню регулировки уровней (Levels) и установите в нем левое значение параметра Output Levels равным 64. Нажмите Ok.

6. Примените фильтр Filter > Pixelate > Color Halftone со значением Max.Radius - 7 pixels и всеми углами (Angles) - 45 градусов. Значение Max.Radius может варьироваться в зависимости от размеров вашего изображения. Затем нажмите Ctrl+L, чтобы вызвать меню регулировки уровней (Levels) и установите в нем левое значение параметра Output Levels равным 128. Нажмите Ok. В палитре Layers задайте этому слою тип смешивания Darken.

7. Осталось раскрасить ваше изображение. Создайте корректирующий слой Layer > New Adjustment Layer > Selective Color и отрегулируйте цвета изображения в соответствии с Вашими представлениями о том, какими они должны быть.