Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Cтили текста в Photoshop CS6

28 марта 2012 | Опубликовано в статьюшечки | 13 Комментариев »

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

Итак, что же такое стили текста?

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

  1. Стили символов (Character Styles): контролируют настройки таких атрибутов, как размер шрифта, цвет, кернинг, направление текста и т.д. (атрибуты панели символов Character panel).
  2.  Стили абзацев (Paragraph Styles): контролируют как настройки для символов, так и настройки для атрибутов абзацев, такие как отступы и интервалы, выравнивание, переносы и т.д. (атрибуты в панели абзацев Paragraph panel).

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

Прежде чем приступить к работе со стилями, давайте взглянем на панели, с которыми  мы будем работать. Эти панели можно найти в меню Окно (Window) или в Текст (Type) -> Панели (Panels):

Панель абзацев (Paragraph Panel)  и панель символов (Character Panel)

Панель абзацев (Paragraph Panel)— панель настроек, в которой можно изменять атрибуты форматирования абзацев.

Панель символов (Character Panel)— панель настроек, в которой можно изменять атрибуты форматирования символов.

Панель стилей абзацев (Paragraph Styles Panel) и панель стилей символов (Character Styles Panel)

Панель стилей абзацев (Paragraph Styles Panel)—панель, где хранятся и где могут быть изменены стили для абзацев.

  1. Сбросить настройки / Отменить изменения
  2. Применить изменения к стилю абзаца
  3. Создать новый стиль абзаца
  4. Удалить стиль  абзаца
  5. Панель меню

Панель стилей символов (Character Styles Panel)—панель, где хранятся и где могут быть изменены стили для символов.

  1. Сбросить настройки / Отменить изменения
  2. Применить изменения к стилю символов
  3. Создать новый стиль символов
  4. Удалить стиль символов
  5. Панель меню

Таким образом, в то время как первые  две панели используются для изменения значений, две последние используются для управления стилями, в которых хранятся эти значения.

Устанавливаем стили текста

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

Для того, чтобы добавить текст, выберите  Инструмент Текст (Type Tool (T))  или вставьте какой-нибудь текстовый шаблон, для этого перейдите в меню Текст (Type) -> Вставить Lorem Ipsum (Paste Lorem Ipsum) (это является новой функцией в Photoshop CS6).

Создаём стили абзацев (Paragraph Styles)

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

Поэтому начнем с добавления некоторых основных настроек для форматирования созданного текста.

Пример:
В панели символов (Character Panel)  мы изменим такие значения, как цвет  и размер шрифта.

Тип стили в Photoshop CS6

В панели абзацев (Paragraph Panel) настроим значения  пробелов и отступов.

Откройте панель Стили абзацев (Paragraph Styles): для этого перейдите в меню Окно ( Window) -> Стили абзацев (Paragraph Styles) или  выберите Шрифт (Type) -> Панели ( Panels) -> Стили абзацев (Paragraph Styles)).  Вы заметите, что в этой панели уже установлен стиль по умолчанию под названием «Основные абзацы» (Basic Paragraph). Если вы видите также знак «+» рядом с ним,  не беспокойтесь, мы поговорим о нём чуть позже.

Чтобы создать новый стиль абзаца, выделите сначала  хотя бы один символ. Затем нажмите кнопку Создать новый стиль абзаца (Create New Paragraph Style) внизу на панели Стилей абзаца.

ИЛИ щелкните стрелку на панели меню в верхнем правом углу и выберите Новый стиль абзаца (New Paragraph Style). Просто имейте в виду, что в панели меню  есть все необходимые опции.

Новый созданный стиль абзаца будет называется "Стиль абзаца 1 " (Paragraph Style 1).

Изменение стилей абзацев

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

Чтобы изменить стиль абзаца, нужно либо дважды кликнуть на его имя в панели Стили абзаца (Paragraph Styles panel), либо выбрать его, а  затем перейти в  Параметры стилей (Style Options) на панели меню.

Таким образом вы откроете диалоговое окно стилей абзаца (Paragraph Style Options) , в котором вы можете изменить различные параметры стиля.

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

Первое, что вам нужно сделать—это переименовать стиль, так чтобы название имело смысл. Это сделает использование стилей намного легче.

Мы переименовали наш стиль на «Body».

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

Теперь изменяем необходимые настройки.

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

Как только вы закончите, нажмите кнопку OK. Изменения будут сохранены в стиле, который вы создали, теперь вы может  применять их к соответствующему тексту или текстовому слою.

Если у вас стоит знак «+», просто нажмите иконку Сбросить настройки/Отменить изменения (Clear Override) внизу панели. Мы вернемся к этим значкам позже.

Несколько стилей абзацев

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

Используется Инструмент Текст (Type Tool), чтобы выделить параграф, к которому  вы хотите применить новый стиль абзаца.

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

Отформатируйте выбранный пункт так, как вам нравится.

Здесь мы изменили  шрифт, размер и цвет шрифта панели символов (Charactrer Panel).

И некоторые другие значения в панели параграфов (Paragraph Panel)

При активном стиле параграфа  нажмите кнопку Создать новый стиль абзаца (Create new Paragraph Style) внизу панели Стили абзаца (Paragraph Style). Теперь новый стиль будет отображаться в панели.

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

Обратите внимание, что все значения изменились  на новые.

Теперь у нас  два различных стиля в панели Стили абзаца (Paragraph Styles panel), и каждый из них применяется к различным абзацам внутри одного текстового блока.

Выбор стилей абзацев

Вот простые техники, которые помогут вам при выборе стиля:

1 — установить курсор инструмента Текст (Type Tool) внутри текста, к которому применяется стиль, и соответствующий стиль абзаца будет автоматически выбран в панели стилей абзацев.

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

А если вы поместите курсор внутрь абзаца Heading 1, будет выбран стиль «Headings» .

Когда стиль выбран, вы можете дважды щелкните по нему, чтобы изменить его параметры.

2 — лучше всего активировать текстовые слои, выбрав любой другой (не текстовый) слой , затем дважды щелкните стиль, который вы хотите изменить в панели стилей абзацев.

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

Применение стилей абзацев

Если вы хотите применить стиль абзаца к  неотформатированному абзацу,  Вам необходимо:

1 — Выбрать нужный абзац (убедитесь, что это именно абзац, а не текст внутри абзаца).

Пример:
Применение стиля «Headings» для «Heading2».

2 — Щелкнуть по имени стиля, чтобы применить его к выбранному пункту.

Стиль со всеми его настройки будут применены при помощи одного щелчка мыши.

Изменение настроек стиля абзаца

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

1 — Дважды щелкните на выбранный стиль абзаца.

2 — измените значения стиля абзаца (Paragraph Style Options) в диалоговом окне.

Пример:
-Изменение гарнитуры и размера шрифта для стиля абзаца «body».

-изменение значения расстояния между строками.

Как только вы нажмёте ОК, вы заметите, что эти изменения будут применяться ко всем абзацам со стилем «Body»

Дополнительные изменения в стилях

Если вы измените любой из атрибутов вне диалогового окна стилей абзацев (Paragraph Styles Options) или примените стиль абзаца к форматированному тексту, появится знак «+»  рядом с именем стиля.

Пример:
Изменение цвета текста одного из абзацев стиля «Вody»  на синий.

После того, как мы внесли дополнительные изменения, появился знак «+» рядом с названием абзаца «Вody».

Знак + означает, что текстовые параметры не соответствуют первоначальным настройкам стиля, или что есть дополнительные изменения.

Есть три пути решения для переопределения:

1 — Слияние стилей абзацев и дополнительных изменений:

Если вы хотите добавить изменения текущему стилю, так чтобы они заменили настройки этого стиль, вы можете нажать кнопку Redefine Paragraph Style by merging Overrides (иконка внизу панели стилей абзаца) или  выбрать на панели меню и выберите Redefine Style.

2 — Удаление дополнительных изменений:

Если вы хотите избавиться от любой коррекции, и вернуться к настройкам оригинального стиля, выберите стиль и нажмите кнопку Очистить изменения (Clear Override) внизу панели Стилей абзаца или нажмите на панели меню Clear Override.

3 — Оставить дополнительные изменения

Если вы не хотите добавлять изменения в стиле или удалять их, вы можете просто оставить знак +

Дублирование стилей абзацев

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

Для этого выберите имя стиля в палитре Стили абзаца (Paragraph Styles), и нажмите в панели меню на Дублировать стиль (Duplicate Style).

Копия появится на панели, так что вы можете выбрать её и изменить её параметры.

Это очень удобно, когда у вас куча стилей с различными настройками, и вам нужно изменить только одну из них.

Удаление стилей абзацев

Если вы хотите избавиться от стиля абзаца, нужно выбрать нужный стиль, а затем нажать кнопку Удалить текущий стиль абзаца (Delete current Paragraph Style) (значок внизу панели Стили абзаца) или выберите Удалить стиль (Delete Style) на панели меню.

Это позволит удалить стиль, но сохранит применяемые настройки.

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

Заключение

Надеемся, что теперь у вас появилось хотя бы какое-то представление о  стилях теста и о том, как их можно использовать для улучшения рабочего процесса.

Будем рады узнать, что вы думаете об этой функции. А если у вас есть другие интересные советы и идеи о том, как её использовать, пожалуйста, поделитесь с нами.

По материалам textuts




Комментарии

  1. Demi
    Thumb up Thumb down 0

    Впитываем :) 8)

  2. anna
    Thumb up Thumb down 0

    Стив Джобс смотрит с небес на новый фотошоп и хочет такую красотень «облизать» :P

  3. anna
    Thumb up Thumb down 0

    Спасиббо за урок

  4. Demi
    Thumb up Thumb down +3

    в цс6 на столько облегчили работу с размытием по гаусу и текстом что мне аж страшно... скоро точно будет кнопка «сделать ахуенно» :)

    кстати установил недавно цс 6 так там не такие иконки инструментов и работа с размытием не похожа на то что показывали в видио

  5. Палек Облак
    Thumb up Thumb down -4

    Комментарий скрыт из-за рейтинга

    Demi Ответ:

    Thumb up Thumb down -2

    чувачет ты не прав :) некогда нельзя было сохранять стили текста

  6. Demi
    Thumb up Thumb down -3

    Комментарий скрыт из-за рейтинга

  7. jack
    Thumb up Thumb down -1

    фотошоп приближаеться к CSS, еще бы возможность сохранения стилей с CSS файл)

  8. Elery
    Thumb up Thumb down -2

    есть ли возможность стили параграфа и текста, настроенные в одном файле, применять к тексту в другом файле? например, для кучи страниц сайта

    9FarS Ответ:

    Thumb up Thumb down 0

    Конечно, нужно просто сохранить файл со стилями, а потом в новый файл подгрузить через эту же панель

  9. Димасиг
    Thumb up Thumb down -2

    Скажите а где стили параграфов и сиволов можно скачать?

  10. Ксения
    Thumb up Thumb down 0

    Если автору не трудно- подскажите. Работаю в фотошопе с разными проектами. Их у меня множество. Для каждого проекта необходима своя группа стилей. Каким образом сохраняются эти группы и как сделать так, чтобы для каждого проекта показывались свои стили, так как мне не нужна стилевая помойка. Заранее спасибо за ответ.

  11. Юрий
    Thumb up Thumb down 0

    Странно, что порядок стилей нельзя менять. Таскать их как слои — выше или ниже.