24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Уроки Photoshop » Инструмент Текст. Все о тексте


Инструмент Текст. Все о тексте

Сообщений 1 страница 15 из 15

1

Инструмент Text

Кто не знает текстовый инструмент (Type Tool)? Это, возможно,  один из самых сильных и полезных инструментов в программе Фотошоп. Мы все использовали его, по крайней мере, один раз, но знаете ли Вы весь его потенциал? Именно поэтому автор решил написать о текстовом инструменте и его самых важных особенностях.

Основы.
Type Tool
– это инструмент Фотошопа, представляющий собой набор векторных объектов и математических фигур для определения символов шрифта. Type Tool  расположен на Панели инструментов в Photoshop в виде буквы Т.
http://www.photoshop-master.ru/articles/art70/2.jpg
Горячая клавиша «T» - текст http://www.photoshop-master.ru/articles/art70/01.jpg если вы несколько раз будете нажимать по клавише «Т», удерживая Shift, вы увидите четыре варианта этого инструмента:

http://www.photoshop-master.ru/articles/art70/01.jpg «Горизонтальный текст»\Horizontal Type - обычный текст по умолчанию. Пишет тем цветом, который выбран в качестве Foreground Color (Цвет переднего плана), по горизонтали.

http://www.photoshop-master.ru/articles/art70/02.jpg «Вертикальный текст»\Vertical Type - текст в вертикальном направлении, полезный, чтобы написать на восточных языках, таких  как японский или китайский или если Вы хотите экспериментировать с типографским проектом.

http://www.photoshop-master.ru/articles/art70/03.jpg «Горизонтальный текст-маска»\Horizontal Type Mask -создание быстрой маски, написание горизонтальным выделением (ниже мы рассмотрим более подробно).

http://www.photoshop-master.ru/articles/art70/04.jpg «Вертикальный текст-маска»\ Vertical Type Mask - написание вертикальным выделением.
http://www.photoshop-master.ru/articles/art70/3.jpg

Создание текстового слоя.
Есть два способа создать текстовый слой:

Point Type:  выбираем текстовый инструмент и щёлкаем курсором в том месте, где хотите написать текст. На месте щелчка появится мигающая вертикальная палочка, иными словами – курсор. После того, как введёте текст, нажмите на галочку на панели параметров (05) (применить текущую правку) или кликнув один раз на слое с текстом, или нажмите сочетание клавиш Ctrl+Enter, можно также нажать Enter на цифровой клавиатуре. Если Вы просто нажмёте Enter, то курсор перейдёт на следующую строку, предлагая продолжать ввод текста.
http://www.photoshop-master.ru/articles/art70/4.jpg
http://www.photoshop-master.ru/articles/art70/5.jpg

Paragraph Type: создание текстового слоя в рамке выделения, довольно полезно и для печати и для веб-дизайна. Используя инструмент Type, выделите для текста место, начиная с верхнего левого угла тяните курсор по диагонали до правого нижнего, вводите текст и нажимаете Ctrl+Enter, чтобы применить. Текст можно не только вводить (с клавиатуры), но и вставлять из других редакторов.
http://www.photoshop-master.ru/articles/art70/6.jpg
http://www.photoshop-master.ru/articles/art70/7.jpg
Не имеет значения, есть ли фоновое изображение, или любой другой объект, инструмент «Текст» создаст новый слой для нового текста.
Если Вы, завершив ввод текста, посмотрите на палитру Слои(Layers), то обнаружите, что ваша надпись находится на новом слое, обозначенном буквой Т.

Перемещение и трансформирование.
Вы можете изменять размеры и перемещать каждый текстовый слой как любой другой при помощи инструмента «Перемещение»\Move Tool (V). При помощи команды «Свободное трансформирование»\Free Transform вы можете изменять размеры текста, поворачивать, деформировать и искажать.
Так же вы можете изменять размер текста при помощи рамки выделения Paragraph Type: квадратики по углам прямоугольника и в середине отрезков называются узлами, путём их перетаскивания можно выполнить любое преобразование выделенного текста, чтобы сохранить пропорции, удерживаем клавишу Shift.

Изменить размер(Resize)
Выберите инструмент «Текст» и щёлкните по текстовому слою.
http://www.photoshop-master.ru/articles/art70/8.jpg
Кликните и тяните узелок, чтобы изменить размеры рамки редактирования.
http://www.photoshop-master.ru/articles/art70/9.jpg

Поворот (Rotate)
Поместите курсор вне рамки редактирования до изменения курсора в изогнутую стрелку.
http://www.photoshop-master.ru/articles/art70/10.jpg

Угол (Skew)
Удерживая Ctrl, тяните узелок
http://www.photoshop-master.ru/articles/art70/11.jpg

Форматирование текста
Итак, если вы откроете Окно\Символ(Window\ Character) перед вами откроется палитра Символ (Character), весьма полезная при работе с текстом. На этой палитре вы можете делать следующее:
Font Family, Font Style – выбирать гарнитуру и начертание шрифта.
Font Size – настраивать размер шрифта
Text Color – изменять цвет
http://www.photoshop-master.ru/articles/art70/12.jpg
Kerning – настройка расстояний между символами внутри заданных пар
Тracking – задавать межзнаковое расстояние
http://www.photoshop-master.ru/articles/art70/13.jpg
Vertical and Horizontal Scaling – масштабировать вертикально и горизонтально. Вы можете изменять размер текстового слоя в окне Vertical Scalе и Horizontal Scalе.
http://www.photoshop-master.ru/articles/art70/14.jpg
Baseline Shift – поднимать знаки над строкой, это полезно, если вы хотите переместить часть текста  выше или ниже основания остальной части текстового слоя.
http://www.photoshop-master.ru/articles/art70/15.jpg

Faux Bold и Faux Italic Faux Bold (полужирный): Эта функция полезна в том случае, если для выбранного вами шрифта отсутствует полужирный вариант. Щёлкните на кнопке Faux Bold, и текст будет написан полужирным шрифтом.

Faux Italic (курсив). Если для выбранного вами шрифта отсутствует вариант курсива, просто щёлкните кнопку  Faux Italic, и вы получите текст, написанный курсивом.
http://www.photoshop-master.ru/articles/art70/16.jpg

Варианты шрифта и текстовое оформление (Font Variants and Text Decoration).

All Caps (Верхний регистр). При нажатой кнопке All Caps все символы будут отбражаться в верхнем регистре, как если бы вы нажали клавишу Caps Lock.

Small Caps (Капители). Нажатие этой кнопки приводит к написанию капительными буквами. начертание в гарнитуре, в которой строчные знаки выглядят, как уменьшенные прописные. Изменения не касаются при этом букв, написанных в верхнем регистре.

Subscript (Нижний индекс). При использовании данной функции уменьшается размер букв, а верхняя граница строки сдвигается вниз, при этом нижняя граница остаётся прежней. Если в шрифте не поддерживается начертание в нижнем индексе, Photoshop генерирует его.

Superscript (Верхний индекс)

Underline (Подчёркивание).  При помощи этой функции под строчкой задаётся горизонтальная линия. При выборе вертикального расположения текста возможно правое и левое вертикальное подчёркивание.

Strikethrough (Перечёркивание). При помощи этой функции создаётся горизонтальная линия посередине строки при горизонтальном расположении текста или вертикальная линия при вертикальном расположении.
http://www.photoshop-master.ru/articles/art70/17.jpg

Anti-aliasing. Способ сглаживания текста. Назначение этого параметра – устранить неровности мелких шрифтов. Есть варианты сглаживания: нет, резкое(хорошо для печатных шрифтов), чёткое, насыщенное (хорошо для рукописных\каллиграфических шрифтов), плавное.
http://www.photoshop-master.ru/articles/art70/18.jpg

Leading. Эта функция позволяет настраивать расстояние между строками
http://www.photoshop-master.ru/articles/art70/19.jpg

Обзор палитры Paragraph(Абзац)  Window \ Paragraph (Окно\Абзац) Рассмотрим способы выравнивания текста в Photoshop.

Align (Выравнивание текста). Как хорошо видно на кнопках, вы можете выбрать выравнивание текста по левому краю, центру и правому краю

Justification (Интервалы) и Hyphenation (Перенос) – в эти диалоговые окна можно войти, нажав стрелочку в верхнем правом углу палитры Paragraph(Абзац).
Justification (Интервалы). Здесь вы можете изменять значения Межсловные и Межбуквенные расстояния (Word and Letter Spacing), Масштаб гифа (Glyph Scaling)
http://www.photoshop-master.ru/articles/art70/20.jpg

Hyphenation (Перенос). Здесь можно устанавливать различные параметры расстановки переносов. Если вы установите флажок Hyphenation (Перенос), то переносы будут расставляться автоматически.

Отступ и пробел между абзацами
(Indent and Space Between Paragraphs).
Indent Left Margin (Отступ левого края)
http://www.photoshop-master.ru/articles/art70/21.jpg
Indent Right Margin+ Indent First Line (Отступ правого края + отступ первой строки абзаца)
http://www.photoshop-master.ru/articles/art70/22.jpg
Add Space After Paragraph (Задать пробел после абзаца)
http://www.photoshop-master.ru/articles/art70/23.jpg

Деформация (Warp) текста.
Одна из самых сильных особенностей инструмента «Текст» - способность деформировать любой текстовый слой, согласно вашим пожеланиям. Чтобы деформировать текстовый слой, кликаем ПКМ по  текстовому слою и выбираем «Деформировать текст» или нажимаем кнопку «Создать искривлённый текст»(Create Warped Text) на панели параметров. Перед вами появится окно параметров Warp Text

В списке Style (Стиль) можете выбрать вариант искривления. Переключатель Горизонталь\Вертикаль (Vertical or Horizontal) применяет выбранный стиль в горизонтальной или вертикальной плоскости.

Регулятор Bend (Степень) определяет степень искривления
Регуляторы «Горизонтальное и Вертикальное Искривление» (Horizontal and Vertical Distortion) дополнительно деформируют текст в горизонтальной и вертикальной плоскостях.

Ниже приведён пример того, как деформировать текст при использовании деформации Arc Warp при различных значениях Bend (Степень)  и Distortion.
http://www.photoshop-master.ru/articles/art70/24.jpg
Вы можете деформировать Paragraph Text Layer при помощи Vertical Distortion и инструмента «Gradient» при Layer Mask (Маска-слоя).
http://www.photoshop-master.ru/articles/art70/25.jpg
Вы можете попробовать различные варианты деформации текста, но вы не сможете применить деформацию, если ранее применяли Faux Bold и Faux Italic.
http://www.photoshop-master.ru/articles/art70/26.jpg

Текст по Контуру (Type on a Path)
Одной из самых важных возможностей Photoshop стало размещение текста по контуру.

Создайте любую кривую, причем это может быть как пользовательский контур, так и любая из автофигур. Подведите к нему курсор текстового инструмента. Укзатель мыши изменит вид. Теперь можно ввести текст.
http://www.photoshop-master.ru/articles/art70/27.jpg

Процесс создания текста по фигуре прост. Создаёте фигуру, выбираете текстовый инструмент и печатаете. При помощи палитры Символ (Character) вы можете изменить цвет и размер шрифта.
http://www.photoshop-master.ru/articles/art70/28.jpg
Редактирование (Edit Type on a Path)
Вы можете изменять положение текста по контуру. Для этого выберите инструмент «Выделение контура»\Path Selection Tool и щелкните и тащите курсор вниз (как показано на рисунке), используйте этот же метод, чтобы поместить текст в фигуру.
http://www.photoshop-master.ru/articles/art70/29.jpg

Преобразовать в фигуру (Convert Type into Shape)
Этот инструмент преобразует текст в векторную маску слоя, которая может быть отредактирована как любая другая векторная фигура.

Создайте текстовый слой и в меню Слой\Текст(Layer\Type) выберите «Преобразовать в кривые» ( Convert Work Path), выберите инструмент «Выделение контура»\Path Selection Tool, кликните по букве, появится контур и потяните за опорные точки, чтобы изменить форму буквы.
http://www.photoshop-master.ru/articles/art70/30.jpg

Инструмент Текст-маска (Type Mask Tool)
Осталось обсудить ещё два инструмента: «Горизонтальный текст-маска»\Horizontal Type Mask и «Вертикальный текст-маска»\ Vertical Type Mask.

Данные инструменты не создают отдельного слоя для вводимого текста, вместо этого они создают область выделения в активном слое. Это выделение можно использовать для заполнения цветом, градиентом, в результате мы получаем растрированный  текст, поскольку его невозможно форматировать после применения выделения. Автор приводит пример использования «Горизонтальный текст-маска»\Horizontal Type Mask , чтобы создать маску слоя на картине.
http://www.photoshop-master.ru/articles/art70/31.jpg

Автор урока: Alvaro Guzman
Перевод: Оксана Гудкова
Источник
Первоисточник

+2

2

спс)

0

3

спасибо за урок. http://www.10pix.ru/img1/4383/3475767.gif

0

4

Да, действительно нужный урок! Спасибо, что разместили его на этом сайте. Очень удобно, что можно все найти на любимом и привычном Колоре)

+1

5

Не заостряла раньше на этом внимание. Однако полезно.^ ^

0

6

блин, так приятно видеть свои туторы здесь ^^

+1

7

малиновая нежность, вай... если хочешь, я поставлю копирайт твой или чет допишу http://www.10pix.ru/img1/1273/3475808.gif  http://www.10pix.ru/img1/1273/3475808.gif  http://www.10pix.ru/img1/1273/3475808.gif

0

8

bloody_death,
оказалось полезным)

0

9

спасибо

0

10

Спасибо))

0

11

Спасибо http://fc07.deviantart.net/fs70/f/2010/022/3/0/_meow__by_AngelinaHarijau.gif

0

12

Большое спасибо,помогли очень http://www.yoursmileys.ru/msmile/fun/m0121.gif

0

13

Спасибо

0

14

Спасибо, очень полезно.

0

15

О, спасибо большое)

0


Вы здесь » COLOR MATE » Уроки Photoshop » Инструмент Текст. Все о тексте