Обучение фотошопу и.. Уроки фотошопа CS5 на русском языке для начинающих » Инструмент Текст http://psand.ru Обучение и уроки фотошопа CS5 на русском языке для начинающих Thu, 04 Dec 2014 17:11:33 +0000 ru-RU hourly 1 http://wordpress.org/?v=3.9.3 Как установить шрифты в фотошоп /?p=7158 /?p=7158#comments Sun, 16 Feb 2014 18:54:32 +0000 /?p=7158

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

Установив себе на компьютер операционную систему (ОС), она уже обладает целым арсеналом шрифтов. В основном это те, которые использует сама ОС для своего оформления, а также ряд стандартных, ставших общепринятыми, такие как: Times New Roman и Arial.

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

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

С тем как искать проблем быть не должно. Есть три варианта: в интернете, а можете еще заглянуть в мой Каталог файлов. Там есть раздел, где я выкладываю классные шрифты. А если, например, вы ищите конкретный шрифт, у вас есть его образец (какая-нибудь картинка), но понятия не имеете как он называется, то здесь поможет сервис, который я описал в этой статье.

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

Инструкция по установке шрифтов

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

Предположим, что вы нашли подходящий. Он должен быть в формате ttf и имеет вот такое оформление:

kak_ustanovit'_shrifty_v_fotoshop

Обратите внимание, если он поддерживает кириллицу, то тогда на привью будут изображены три русские буквы «Абф». Также по буквам можно понять, как выглядит его начертание.

Итак, вот как нужно устанавливать:

1 ШАГ Нажмите правой кнопкой по файлу и в выпадающем меню выберите Копировать.

kopirovat'_shrift

2 ШАГ Открываем библиотеку шрифтов. Она находится в папке Windows — Fonts. Обычно адресная строка имеет такой вид: C:\Windows\Fonts.

papka_fonts

3 ШАГ Нажмите на любом свободном пространстве в пределах открытого окна правой кнопкой и выберите из выпадающего списка Вставить. Начнется непродолжительная установка.

ustanovka_shriftovГОТОВО! Все установлено. Открывайте любую программу, будь то фотошоп, или, например, текстовый редактор. Главное, запомните как называется шрифт, чтобы найти его из списка.

spisok_ustanovlennyh_shriftov

]]>
/?feed=rss2&p=7158 0
Деформация текста /?p=5419 /?p=5419#comments Mon, 29 Jul 2013 14:13:32 +0000 /?p=5419 Deformacija_teksta2

Привет, Земля!

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

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

Итак, выберите инструмент Текст, напишите какую-нибудь надпись  и выберите на панели параметров Создать деформированный текст (Create Warped Text):

Sozdat'_deformirovannyj_tekst

Появится диалоговое, в котором вы можете выбрать предустановленные стили искривления текста, а также настройки изгиба и искажения. Параметры Горизонтальный/Вертикальный (Vertical or Horizontal) влияют на размещения текста относительно плоскости.

Параметр Изгиб/Степень (Bend) влияет на силу искривления.

Искажение по горизонтали и вертикали (Horizontal and Vertical Distortion) дополнительно меняют вашу надпись в горизонтальной и вертикальной плоскости соответственно.

dialogovoe_okno_deformirovat'_tekst

Пример искажения в форме Волны:

tekst_v_forme_volny

Или вот избитая тема из Звездных Войн:

tekst_iz_zvezdnyh_vojn

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

Текст по Контуру (Type on a Path)

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

У меня пока нет урока по контурам (но я планирую это исправить), поэтому если испытываете сложность с таким инструментом, можно посмотреть на других сайтах, информации полно.

Итак, чтобы написать текст вдоль контура — выберите Перо и создайте произвольную кривую, которая будет будущей надписью.

instrument_pero

Затем выберите инструмент Текст и наведите указатель на кривую. Дождитесь, когда указатель изменит свой внешний вид (вертикальная палочка с наклонной полоской внизу), затем нажмите левой кнопкой мыши на начало кривой.

tekst_po_konturu

Чтобы изменить место положение надписи, выберите инструмент Выделение контура (черная стрелочка) зажмите кнопкой и тащите в необходимое место.

vydelenie_kontura

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

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

]]>
/?feed=rss2&p=5419 0
Инструмент Текст (Type Tool) /?p=5085 /?p=5085#comments Wed, 10 Jul 2013 14:29:10 +0000 /?p=5085

Тот факт, что в фотошопе есть инструмент Текст (Type Tool), я думаю, абсолютно никого не удивит. Но все ли его возможности вам известны? Вот тут я сильно сомневаюсь! Итак, цель сегодняшнего урока подробно осветить весь потенциал и особенности инструмента Текст.

Начнем от от простого к сложному.

Инструмент Текст обозначается в англоязычной версии программы как Type Tool. Он расположен на Панели инструментов и имеет иконку в виде буквы «Т». Его задача — это создание надписей. Надписи представляют собой векторный графический элемент. Независимо от вашего фона, текст всегда создается на новом слое (об этом случае авто создания слоев я упоминал, когда мы рассматривали панель слоев).

В фотошопе он представлен такой группой инструментов:

  • Горизонтальный текст (Horizontal Type) — самый обычный, к которому мы привыкли. Стоит по умолчанию.
  • Вертикальный текст (Vertical Type) — для создания надписи в вертикальном направлении.
  • Горизонтальный текст-маска (Horizontal Type Mask) — для созданий быстрой маски с горизонтальным выделением
  • Вертикальный текст-маска (Vertical Type Mask) — для создания быстрой маски с вертикальным выделением.

gruppa_instrumentov_tekst

Как создать текстовый слой

Существует два простых способа как это сделать:

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

Чтобы сохранить созданную надпись, можно воспользоваться любым из удобных способов:

  • Нажать кнопку в виде галочки (Применить текущую правку) на панели параметров. Нажатие на перечеркнутый круг — отменит правку. 
  • Нажать на созданный текстовый слой на палитре слоев.
  • Нажать комбинацию клавиш Ctrl+Enter. Обычно для подтверждения правки мы жмем только Enter, но в случае с Текстом, она лишь опустит на строку ниже и предложит продолжить вводить текст.

pervyj_sposob_vvoda_teksta

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

В такую область, помимо обычного ввода с клавиатуры, можно вставлять путем любимой команды студентов «Копировать — Вставить».

vtoroj_sposob_vvoda_teksta

Перемещение и трансформирование

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

Более интересно обстоят дела с трансформацией. Работая в фотошопе, у вас практически нет ограничений по реализации своих творческих задумок. То как можно менять до неузнаваемости текст я распишу ниже. Это будут основные способы для изменения. Но к этому списку нужно добавить трансформацию. Напомню, что она вызывается комбинацией Ctrl+T. Благодаря ей, можно менять масштаб, поворот, наклон, искажать, менять  перспективу, отражать по вертикали и горизонтали. Я не буду выкладывать скриншоты этих изменений — все это мы рассматривали в статье «Трансформация, искажение, вращение и прочие креативные безумства».

 Форматирование текста

Вот и добрались до самого сложного — до палитры Символы. Именно в ней сосредоточены все мыслимые и немыслимы способы форматирования текстов в фотошопе. Открывается она так: Окно — Символ (Window — Character).

palitra_simvoly

Рассмотрим чем палитра богата.

В самом вверху можно выбрать шрифт и его особое начертание (если оно предусмотрено выбранным шрифтом). Например, я выбрал Times New Roman:

vybor_shrifta

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

izmenenie_razmera_shrifta

Кнопка «Цвет» — изменит цвет вашей надписи. Можно использовать два и более цвета для одной надписи.

izmenenie_cveta_shrifta

Все рассмотренные сейчас настройки считаются стандартными. Они выведены на Панель параметров:

panel'_parametrov_instrumenta_tekst

Можно настроить расстояние между символами внутри заданных пар:

rasstojanie_mezhdu_simvolami_vnutri_zadannyh_par

Кнопочка правее — позволяет задать расстояние между буквами. То есть растянуть надпись или сузить, как гармошку. В своем примере вверху растянуто на +200, а ниже сужено до -200

mezhznakovoe_rasstojanie

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

Masshtabirovanie_po_vertikali_i_gorizontali

Поднятие символов над строкой. Такая функция будет кстати, когда нужно сделать надпись выше основной части текста.

Podnjatie_simvolov_nad_strokoj

На очереди предпоследняя снизу строка. Первая буква «Т» — включает полужирный способ написания текста.

poluzhirnyj

Чтобы написать текст курсивом, выберите вторую буквы «Т», изображенную в слегка наклонном виде.

kursiv

Следующие два режима выполняют задачи наподобие Caps Lock на клавиатуре. Первые из этой пары — Верхний регистр, т.е. все буквы будут заглавными. А вторая из пары - капители. Буквы пишутся так же заглавными, но размером с прописные.

kapiiteli

Следом группа из верхнего и нижнего индекса.

verhnij_i_nizhnij_indeks

Последняя группа - подчеркнутый и зачеркнутый текст.

podcherknutyj_i_zacherknutyj_tekst

Последняя строка включает в себя две функции, первая из которых — это выбор языка символов для расстановки переносов и проверки орфографии. А вторая позиция это способ сглаживания. Сглаживание будет видно при увеличении (выберите из выпадающего меню от резкого к плавному).

Переходим к последней вкладки — палитра «Абзац».

palitra_abzac

Я уже упоминал, что в текстовую область можно вставлять ранее скопированный текст. Затем его можно выровнять по левому, по правому краю, по середине либо полное выравнивание. Также можно сделать полное выравнивание, а последнюю строчку прижать вправо, влево или оставить по середине.

Ниже регулируются отступы от правого и левого края, А также отступы лишь только первой строки.

Последняя группа команд регулирует отступы перед первым и после последнего абзаца.

Скриншоты не прикладываю потому, что все это просто и знакомо по другим текстовым редакторам, как, например, Word.

Работа с текстом не завершена — обязательно изучите как можно деформировать текст. 

]]>
/?feed=rss2&p=5085 0