Текстовые эффекты в программе Adobe Photoshop

ГБПОУ АО «Астраханский губернский техникум»










Тема: «Текстовые эффекты в программе Adobe Photoshop»




Руководитель работы:
мастер производственного обучения, преподаватель спецдисциплин
Есина Анна Павловна,










г. Астрахань, 2016 г.
Содержание

HYPER13 TOC \o "1-3" \h \z \u HYPER14HYPER13 HYPERLINK \l "_Toc263796340" HYPER14ВВЕДЕНИЕ HYPER13 PAGEREF _Toc263796340 \h HYPER143HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796341" HYPER14ГЛАВА 1 HYPER13 PAGEREF _Toc263796341 \h HYPER144HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796342" HYPER141.1. Ввод текста HYPER13 PAGEREF _Toc263796342 \h HYPER144HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796343" HYPER141.2. Смещение фрагментов текста HYPER13 PAGEREF _Toc263796343 \h HYPER148HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796344" HYPER141.3. Текстовые эффекты в программе Photoshop. HYPER13 PAGEREF _Toc263796344 \h HYPER1411HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796345" HYPER141.3.1.Тень, отбрасываемая на задний план сцены HYPER13 PAGEREF _Toc263796345 \h HYPER1412HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796346" HYPER141.3.2. Деформация текста HYPER13 PAGEREF _Toc263796346 \h HYPER1414HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796347" HYPER141.3.3. Эффекты слоя HYPER13 PAGEREF _Toc263796347 \h HYPER1415HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796348" HYPER14ГЛАВА 2 HYPER13 PAGEREF _Toc263796348 \h HYPER1417HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796349" HYPER14Практическая работа. Создание плаката «Профессиональные праздники» HYPER13 PAGEREF _Toc263796349 \h HYPER1417HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796350" HYPER14ЗАКЛЮЧЕНИЕ HYPER13 PAGEREF _Toc263796350 \h HYPER1422HYPER15HYPER15
HYPER13 HYPERLINK \l "_Toc263796351" HYPER14СПИСОК ЛИТЕРАТУРЫ HYPER13 PAGEREF _Toc263796351 \h HYPER1423HYPER15HYPER15
HYPER15

ВВЕДЕНИЕ

Программа Photoshop служит краеугольным камнем на сложном пути редактирования изображений и манипулирования ими для всех, кто занимается издательским делом, цифровой фотографией, системами мультимедиа или любой другой отраслью компьютерной графики. Когда вы разглядываете интересные, красивые, а часто и причудливые иллюстрации на страницах Web-узлов, книг, журналов или компакт-дисках. Однако мощь и чудесные возможности Photoshop не ограничиваются одними изображениями. Иногда одно слово стоит множества картинок. В своей работе я покажу универсальные возможности программы Photoshop применительно к созданию текстовых эффектов.
Программа Photoshop позволяет применять к текстовым объектам те же самые эффекты, что и к картинкам. При разработке надписей для Web-страниц, экспериментировании с фильтрами или подготовке готового материала к печати в силе остаются все те правила, которые действуют по отношению к графике. Даже если текстовая надпись была создана в другом, основанном на векторной графике приложении. Хотя текст, представленный в растровой форме, редактировать сложнее, программа Photoshop позволяет применять к текстовым строкам такие эффекты, какие невозможно реализовать в векторных приложениях типа FreeHand или Illustrator.
В данной работе будет рассказано о текстовых эффектах и показано их применение при создании плаката.





ГЛАВА 1

Ввод текста

При вводе нового текста программа Photoshop предоставляет пользователю две возможности. При выборе инструмента «Вертикальный текст» или «Горизонтальный текст» вводимые символы окрашиваются в основной цвет, который устанавливается с помощью образца в нижней части панели инструментов (рис. 1).


Рис. 1. Вид панели инструментов после щелчков на кнопках Текст


При этом Photoshop автоматически помещает вновь вводимый текст на новый слой. В противоположность этому, выбор инструмента «Текстовая маска» на раскрывающейся панели инструмента «Текст» ведет к созданию только выделяющей рамки по границам символов текста, которая не заливается цветом и располагается на текущем активном слое. Это очень удобно для переноса на новый слой той части изображения, которая попала в пределы выделенной области, представляющей собой текстовую строку. На новом слое такую строку можно затем обрабатывать с использованием любых команд программы Photoshop. Для переноса содержимого текстовой маски на новый слой поместите указатель в пределы выделяющей рамки и щелкните правой кнопкой мыши, а затем выберите команду «Создать слой копированием» в контекстном меню. Вместо выбора инструмента «Текстовая маска» можно при выбранном инструменте «Текст» щелкнуть на кнопке Режим "Быстрая маска" расположенной на панели инструментов сразу же под образцами основного и фонового цветов, справа
Для ввода текста выберите инструмент «Текст» со значком в виде заглавной буквы "T" и установите указатель инструмента в ту точку изображения, где должна появиться текстовая строка. После щелчка кнопкой мыши появится окно диалога «Текст», показанное на рис. 2. Введите текст в поле белого цвета в нижней части окна. Заметьте, что в поле ввода текста имеется возможность видеть разницу в типах (гарнитурах) и размерах (кеглях) шрифтов, если установлены два флажка группы «Показывать»: «Гарнитура» и «Кегль», расположенные ниже поле ввода. Установка этих флажков позволяет уже в процессе ввода видеть, как будет реально выглядеть текстовая строка.










Рис. 2. Окно диалога Type Tool (Текст)

Параметр «Интерлиньяж» управляет интервалом между строками текста. Интерлиньяж отсчитывается от базовой линии одной строки до базовой линии другой и может принимать любое значение в интервале от 1 до 1000 пунктов или пикселей - вид единиц измерения выбирается в раскрывающемся списке параметра «Кегль». Величина интерлиньяжа, принимаемая по умолчанию, зависит от размера шрифта. Можно также управлять величиной межсимвольного интервала, задаваемого параметром «Кернинг», который может меняться в диапазоне от -99,9 до 999,9 через одну десятую долю дюйма. Принимаемая по умолчанию величина кернинга также зависит от размера шрифта.
Пять параметров-флажков группы «Начертание» - «Полужирный», «Курсив», «Подчеркнутый», «Контур тени» и «Зачеркнутый» - должны быть знакомы тем, кто имел дело с текстовыми процессорами; в программе Photoshop эти режимы действуют совершенно аналогичным образом. Шестой флажок, «Сглаживание», вероятно, придется использовать довольно часто, за исключением случая работы со шрифтом слишком маленького размера, когда сглаживание вызывает размывание символов. Коротко говоря, сглаживание обеспечивает более плавный переход от края символа к окружающему фону, помещая на границе перехода дополнительные пиксели промежуточных оттенков между цветами символов и фона. При этом и сама граница символов приобретает более сглаженный вид. Будьте, однако, осторожны, применяя сглаженный текст. При совмещении или сведении слоя такого текста со слоем заднего плана в выделенную область, соответствующую текстовой строке, будут включены пиксели фона, лежащие на границе символов. Если после этого изменить фон по сравнению с тем, какой использовался при создании текста, то на кромке символов появится ореол (вспомните о "синдроме раздражающего ореола" - UHS). Примеры текста со сглаживанием краев символов и без него приведены на рис. 3 и 4.

Рис. 3. Символы текста со сглаживанием (вверху) и без сглаживания (внизу) при увеличении в 300%


Рис. 4. Символы текста со сглаживанием (вверху) и без сглаживания (внизу) при увеличении в 100%

Параметры группы «Выравнивание» окна диалога «Текст» обеспечивают дополнительную гибкость при макетировании текста. Взгляните на значки переключателей на рис. 2. Устанавливая соответствующий переключатель левой колонки, можно управлять выравниванием по горизонтали, а правой - по вертикали. Верхний ряд переключателей обеспечивает привязку начала строки к точке, в которой выполняется щелчок кнопкой мыши, по горизонтали (левый переключатель) или по вертикали (правый переключатель). Установка переключателей среднего ряда вызывает центрирование строк текста относительно точки ввода по горизонтали или вертикали. Наконец, переключатели самого нижнего ряда обеспечивают выравнивание концов строк вводимого текста по точке ввода.

1.2. Смещение фрагментов текста


Как после ввода текста выполнить его тонкую настройку с требуемыми параметрами, чтобы придать строке именно тот вид, который соответствует замыслу композиции? Это неплохая возможность проявить свое мастерство владения разнообразными инструментами программы Photoshop. Вероятно, одним из наиболее важных инструментов в данном случае является инструмент «Перемещение». Для его активизации нажмите клавишу V. Если текст находится на отдельном слое или по контуру символов все еще "маршируют муравьи", для настройки положения текста достаточно просто перетащить его с помощью инструмента «Перемещение». При выбранном инструменте «Перемещение» для управления указателем мыши можно использовать клавиши со стрелками. Для манипулирования частью текстовой строки выделите ее при помощи инструментов «Лассо» или «Область», а затем переключитесь на инструмент «Перемещение» и перетащите выделенные символы (при этом выделенными окажутся только символы, так как на слое, где они размещаются, больше нет пикселей). Помните, что если не выбрать инструмент «Перемещение», то перемещаться будет только рамка выделенной области, а не сама текстовая строка.
Программа Photoshop имеет два средства "ручного" управления перемещением текста. Чтобы точно переместить фрагмент текста с шагом в один пиксель, выделите подлежащую перемещению область, активизируйте инструмент «Перемещение» и нажимайте клавиши со стрелками. В ответ на каждое нажатие выделенные символы текста будут перемещаться в соответствующую сторону ровно на один пиксель. Если нужно переместить только один символ, при его выделении прямоугольной рамкой будьте очень внимательны и не допускайте попадания в выделенную область соседних символов. Этим же способом можно перемещать отдельную часть слова.
Еще один отличный прием позволяет перемещать текстовые строки только вдоль одного из фиксированного набора направлений с шагом в 45°, обеспечивая при этом сохранение традиционно точного типографского начертания символов. Для осуществления такого выровненного перемещения сначала выделите нужную часть строки. После активизации инструмента «Перемещение» удерживайте клавишу Shift и перетаскивайте строку. При этом перемещение будет допустимо только вдоль направлений, исходящих из точки первоначального расположения строки с шагом в 45°. Иными словами, перетащить строку можно будет только строго по горизонтали, строго по вертикали или по диагонали, ориентированной под углом в 45°.
Следующим способом настройки требуемого положения и ориентации текстовых строк на "холсте" изображения является использование функций подменю «Преобразование» для воздействия на масштаб, поворот, наклон текста, для произвольного и перспективного искажения его пропорций или зеркального отражения текстовых строк, как показано на рис. 6. В программе Photoshop  функции преобразований специально усовершенствованы, так что маркеры габаритной рамки преобразования можно многократно перетаскивать до того, как преобразование будет реально применено к текстовой строке. Это обеспечивает отличные возможности для предварительного просмотра возможных результатов - вы видите, что примерно получится, еще до фактического воздействия на оригинал. Не забывайте, однако, что текст в программе Photoshop представляет собой всего лишь матрицу пикселей, так что преобразования могут привести к недопустимому искажению деталей.

Чтобы применить то или иное преобразование, щелкните в палитре «Слои» на строке слоя, содержащего текст, при удерживаемой клавише Ctrl для выделения всех текстовых символов. Появится выделяющая рамка, охватывающая символы текста точно по их границам. После этого можно применить или команду Слой <>  Произвольное преобразование, или команду Слой <>  Преобразование. На мой взгляд, предпочтительнее команда «Произвольное преобразование», поскольку она позволяет задать цепочку преобразований до того, как их результаты будут реально визуализированы, тем самым сильно снижая опасность искажений. Перейти к использованию команды «Произвольное преобразование» можно и напрямую, без обращения к меню, активизировав слой, подлежащий преобразованию, и нажав клавиши Ctrl+T. Это дает возможность притупить к делу мгновенно! Для преобразования части текста просто выделите ее и выполните описанные действия.
Есть еще один способ выполнить за один прием несколько преобразований, но с гораздо большей точностью - это команда меню Слой <>Преобразование <>  Численное. Она вызывает окно диалога, позволяющее ввести точные значения параметров для каждого типа преобразований, а затем выполнить их все за один прием после щелчка на кнопке OK. Те преобразования, параметры которых будут иметь нулевые значения, не окажут никакого влияния на результат, что позволяет легко выполнять за раз только один или два типа преобразований, если это все, что требуется.

1.3. Текстовые эффекты в программе Photoshop.



Текст в составе изображения может поразительным образом изменять идею композиции, визуальный образ, создаваемое ею ощущение и вызываемые мысли за счет применения к нему несложных в осуществлении текстовых эффектов программы Photoshop.
Программа Photoshop воспринимает текстовые строки как элемент графики. Корректный текстовый образ играет очень важную роль в придании завершенности вашему графическому посланию, адресованному зрителю. Выбирайте такой шрифт и такие графические эффекты, которые органически соответствовали бы содержанию композиции. Я перечислю простые процедуры, которые позволят придать "изюминку" текстовым объектам.

1.3.1.Тень, отбрасываемая на задний план сцены

Отличный способ придать тексту ощущение глубины и "приподнятости" над плоскостью изображения - это изобразить отбрасываемую им тень. Тени, отбрасываемые текстом на задний план снимка, настолько просты в реализации и настолько эффективны в своем действии, что постепенно превратились в клише. Поэтому старайтесь ограничить применение данного эффекта только теми случаями, когда действительно требуется заставить текст выглядеть так, будто его строка "подпрыгнула" над страницей.
Создайте строку текста с помощью инструмента «Текст», в результате чего она автоматически появится на отдельном прозрачном слое, или перенесите на новый слой маску текста, созданную инструментом «Текстовая маска». Такой слой также будет автоматически иметь прозрачный фон.
Продублируйте текстовый слой и проверьте, чтобы слой-дубликат был выделен в палитре «Слои», на что указывает инверсная окраска его строки.
Постройте плотно облегающую текстовые символы рамку выделенной области, выбрав команду меню Выделение <>  Цветовой диапазон, установив указатель в виде пипетки на прозрачную фоновую область слоя и щелкнув кнопкой мыши. Такой метод обеспечивает выделение в том числе и внутренних областей таких символов, как "e" или "A".
Выберите команду меню Выделение <>  Растушевка и настройте растушевку так, чтобы ее радиус равнялся нескольким пикселям (конкретное значение будет зависеть от размера шрифта и разрешения изображения). Примените к активной выделенной области заливку черным цветом с 60-процентной непрозрачностью.
При выделенном слое тени выберите инструмент «Перемещение» и используйте клавиши со стрелками, чтобы сместить тень по отношению к текстовой строке, как показано на рис. 5.

Рис. 5. Текст, отбрасывающий тень на задний план сцены

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

1.3.2. Деформация текста


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


Рис 6. Окно «Деформировать текст»

Приведу пример применения стиля «дуга» к текстовому фрагменту

HYPER13 EMBED Photoshop.Image.9 \s HYPER14HYPER15
Рис. 7. Дуга
1.3.3. Эффекты слоя
Чтобы применить эффекты к слою щелкаем в окне «Слои» на вкладку «Создает новый корректирующий слой или слой заливку» и выбираем нужный вариант.

Рис. 8. Эффекты применяемые к слоям
Приведу пример применения эффекта «Инверсия»

Рис. 9. Применил градиентную заливку

Рис. 10. Применил эффект «Инверсия» к градиентной заливке. ГЛАВА 2

Практическая работа. Создание плаката «Профессиональные праздники»

Создаем новый документ в программе Adobe Photoshop формата А2
Выбираем картинку с компьютером и меняем фон с помощью инструмента «Заливка»

Рис. 1. Инструмент «Заливка»

Рис.2. Градиент



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

Рис.3. Деформация прямоугольников



Рис.4. Результат деформации прямоугольников

Набираем текст и Деформируем его:

Рис.5. Деформация текста

Рис. 6. Деформация текста

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

Рис. 7. Стиль заголовка

Рис. 8. Стиль слоя

Рис. 9. Плакат ЗАКЛЮЧЕНИЕ


Программа Photoshop позволяет применять к текстовым объектам
эффекты, что и к картинкам.
Хотя текст, представленный в растровой форме, редактировать сложнее, программа Photoshop позволяет применять к текстовым строкам такие эффекты, какие невозможно реализовать в векторных приложениях типа FreeHand или Illustrator.
В данной работе рассказано о текстовых эффектах и показано их применениех при создании плаката.

СПИСОК ЛИТЕРАТУРЫ

1. Топорков С.С Трюки и эффекты в Photoshop CS3. М.: ДМК ПРЕСС, 2007. С. 328.

2. Дик Мак-Клелланд, Лори Ульрих Фуллер Adobe Photoshop CS2. Библия пользователя = Photoshop CS2 Bible. М.: «Диалектика», 2007. С. 944.

3. Дэн Маргулис Photoshop для профессионалов. Классическое руководство по цветокоррекции (+ CD-ROM) = Professional Photoshop: The Classic Guide to Color Correction. 2003. С. 464.













Root Entry

Приложенные файлы

  • doc rabota
    Размер файла: 1 MB Загрузок: 1

Добавить комментарий