Трекинг в фотошопе где
В первых двух уроках по работе с текстом в Фотошоп мы изучили, как добавлять текст строкой, когда объем текста небольшой, и как добавлять текст в область, когда необходимо разместить текст на нескольких строках. В обоих уроках мы рассмотрели, что независимо от того какой способ текста выбран, панель настроек в верхней части экрана предоставляет нам быстрый доступ к наиболее часто используемым опциям, таким как выбор шрифта, цвета текста и т.д.
Программа Фотошоп также включает в себя расширенные опции текста, но их на панели настроек найти нельзя. В действительности, они расположены на панелях «Символ» (Character) и «Абзац» (Paragraph). В этом уроке мы изучим панель «Символ», а в следующем уроке мы рассмотрим дополнительные опции на панели «Абзац»
Доступ к панели «Символ»
Для того чтобы получить доступ к панели «Символ», необходимо выбрать раздел «Окно» (Window) на панели настроек в верхней части экрана, в результате чего откроется перечень доступных для нас панелей, и далее кликнуть по названию «Символ» (Character). Галочка слева от названия панели будет означать, что панель уже где-то открыта на вашем экране.
Выбираем «Окно» > «Символы»
Также можно получить доступ к панели при выбранном инструменте «Горизонтальный текст» (Type Tool), кликнув по значку переключения между панелями на панели настроек:
Кликните по значку переключения между панелями «Символ» и «Абзац»
Любой из вышеуказанных способов откроет панель «Символ» и одновременно панель «Абзац», поскольку они сгруппированы в одном месте. Мы можем переключаться между панелями, кликая по их заголовкам в верхней части панельной группы. По умолчанию, открывается и активна панель «Символ».
Выбор шрифта и цвета текста
Панель «Символ» напоминает расширенный вариант панели настроек, поскольку большинство тех же самых опций, которые расположены на панели настроек, также можно найти и на панели «Символ» (я сказал «большинство», поскольку одна из опций находится на панели «Абзац», а не на панели «Символ», как мы узнаем из следующего урока). Так, панель настроек позволяет нам выбрать шрифт, начертание и размер шрифта:
Опции выбора шрифта, начертания и размера шрифта на панели настроек
Те же самые опции: шрифт, начертание и размер шрифта – можно найти на панели «Символ». Поэтому нет никакой разницы, где вы будете с ними работать – на панели настроек или на панели «Символ»:
Те же опции выбора шрифта, начертания и размера шрифта на панели «Символ»
Подобным образом мы можем выбрать цвет для нашего текста, кликнув по образцу цвета на панели настроек:
Опция выбора цвета текста на панели настроек
Или мы можем кликнуть по образцу цвета на панели «Символ». И снова, неважно – какую панель вы выберете, в любом случае в результате этого действия откроется палитра цветов, где вы сможете выбрать нужный цвет для вашего текста
Та же опция выбора цвета текста на панели «Символ»
Сглаживание
Опция, которую мы с вами еще не рассмотрели, но которая также присутствует и на панели настроек, и на панели «Символ» – это «Сглаживание» (Anti-Aliasing). На панели настроек она расположена справа от опции размера шрифта:
Опция «Сглаживание» на панели настроек
На панели «Символ» опция «Сглаживание» расположена в правом нижнем углу:
Та же опция «Сглаживание» в правом нижнем углу панели «Символ»
Опция «Сглаживание» используется для того, чтобы края букв не выглядели острыми. Без любой из форм сглаживания большинство букв будет выглядеть с заостренными краями. В моем случае, я приблизил верхнюю половину букву S без примененной опции сглаживания. Обратите внимание на ее острые и иззубренные края:
Без применения опции сглаживания края букв могут выглядеть угловато
И наоборот после применения опции сглаживания края букв выглядят округло. В действительности, программа Фотошоп добавляет по краям букв дополнительные пиксели, для того чтобы сгладить переход между цветом текста и цветом заднего фона:
Та же буква после применения опции сглаживания
Программа предоставляет нам различные способы сглаживания, из которых можно выбрать нужный (Резкое (Sharp), Четкое (Crisp), Насыщенное (Strong) и Плавное (Smooth)), и каждый из данных способов по-разному повлияет на сглаживание букв вашего текста. По умолчанию, задан способ «Резкое», который я редко меняю на какой-либо другой, однако не стесняйтесь попробовать в работе и другие методы и выбрать тот, который подойдет Вам наилучшим образом.
Различные методы сглаживания. По умолчанию, выбран способ «Резкое», который работает достаточно хорошо
Интерлиньяж
Одна из опций, которую можно найти только на панели «Символ» – это опция «Интерлиньяж» (Leading), которая регулирует отступ между строками текста. По умолчанию, эта опция установлена на «Авто» (Auto):
Опция «Интерлиньяж» доступна только на панели «Символ»
Иногда можно оставить опцию «Интерлиньяж» со значением «Авто», и результаты будут достаточно неплохи, но если вам потребуется отрегулировать расстояние между строками, то вы сначала должны убедиться, что у вас выбран текстовый слой на панели слоев и далее либо внести новое значение отступа вручную в окошко ввода данных, либо выбрать из списка предлагаемых значений от 6 до 72 пикселей нужное. Ниже приведен образец теста с применением опции «Интерлиньяж»
Пара строк текста с использованием опции «Интерлиньяж»
При выборе параметра «Авто» программа устанавливает значение межстрочного отступа равным 120% от размера шрифта. Я уменьшу значение до 36 пикселей, что примерно равно размеру моего шрифта:
Устанавливаем значение интерлиньяжа равным размеру шрифта
Уменьшив значение межстрочного интервала, мы получаем более скученные строки текста:
Строки текста стали более скученными
Общее правило применения опции «Интерлиньяж» - это выбрать значение, которое позволит выглядеть вашему тексту естественно и быть легко читаемым. Во многом, это будет зависеть от выбранного шрифта. Если Вам кажется, что отступ между строками слишком большой или маленький, отрегулируйте расстояние нужным образом с помощью данной опции.
Применение динамических ползунков
Прежде чем мы продолжим рассматривать другие опции на панели «Символ», мне хотелось бы отметить одну вещь – если вы работаете в программе версии Photoshop CS или выше, то очень удобно регулировать опции на панели «Символ» (также как и на панели «Абзац», и панели настроек) с помощью динамических ползунков. Они позволяют нам изменять значения параметров путем простого перемещения мышки!
Для того чтобы получить доступ к динамическому ползунку, переместите курсор мыши на иконку опции с левой стороны от окошка ввода данных. Не все опции могут работать с динамическими ползунками, но, если это возможность доступна, ваш курсор мышки примет вид значка динамического ползунка – появится рука, указательный палец которой вытянут вперед, и от него влево и вправо расходятся маленькие стрелки. После появления иконки ползунка, нажмите и удерживайте нажатой кнопку мышки, при этом переместите мышку влево или вправо. По мере перемещения мышки, значение в окошке ввода данных начнет меняться. Этот способ изменения значения опций намного удобнее и быстрее, чем ввод значений вручную, особенно когда вы не знаете точно, какое значение опции вам нужно:
Многие параметры в Фотошопе можно отрегулировать с помощью динамических ползунков
Трекинг
Трекинг (Tracking) – еще одна опция, которую можно найти только на панели «Символ». Она регулирует расстояние между буквами или символами и расположена прямо под опцией «Интерлиньяж». По умолчанию ее значение равно 0.
Трекинг отвечает за расстояние между символами или буквами в строке
Для того чтобы задать значение трекинга, вы можете кликнуть по треугольнику справа от окошка ввода данных и выбрать из перечня появившихся значений нужное. Также вы можете ввести значение вручную или вы можете кликнуть кнопкой мыши, удержать ее нажатой до момента преобразования курсора в иконку ползунка и переместить мышку влево или вправо, о чем я рассказывал ранее. Используя отрицательные значения трекинга, вы сблизите буквы или символы, положительные же значения позволят вам растянуть буквы дальше друг от друга.
Для того чтобы применить трекинг ко всему тексту на текстовом слое за раз, просто выберите текстовый слой и введите нужное значение трекинга на панели «Символ». Или, вы можете сначала выделить часть текста и затем применить трекинг только к определённому ряду букв. В моему случае, я выбрал слово "space" (примечание переводчика: с англ. «расстояние») в предложении, два раза кликнув по нему кнопкой мышки при выбранном инструменте «Горизонтальный текст» (Type Tool), далее я увеличил значение трекинга, расширив интервалы между буквами слова, не изменяя другую часть предложения:
Трекинг можно использовать для регулирования расстояния между буквами как во всем тексте, так в отдельных словах
Кернинг
«Кернинг» (Kerning) – опция, которую тоже можно найти только на панели «Символ». Она расположена слева от опции «Трекинг» и по умолчанию установлена на «Метрический» (Metrics) (далее я объясню термин «Метрический»). Кернинг отвечает за расстояние между двумя отдельными буквами или символами:
Кернинг регулирует расстояние между двумя отдельными символами
Кернинг и трекинг часто путают друг с другом, потому что они кажутся похожими опциями, хотя, в действительности, они совершенно различны. В то время как трекинг отвечает за расстояние между рядом символов, кернинг контролирует промежуток между двумя отдельными символами. Можно запомнить таким образом: трекинг своего рода «глобальная» настройка для межбуквенного расстояния, а кернинг – «локальная» настройка.
Поскольку кернинг отвечает за расстояние между двумя отдельными буквами, опция не активна и подсвечена серым цветом до тех пор, пока вы после выбора инструмента «Горизонтальный текст» не разместите курсор между двумя символами в тексте (с этого момента неактивной становится опция «Трекинг», так как она работает только с рядом символов):
Опция «Кернинг» становится доступной только, когда мы помещаем наш курсор между двумя символами
Как я уже упоминал, по умолчанию, значение опции «Кернинг» задано на «Метрический» (Metrics). Это означает, что программа использует информацию о буквенных интервалах, которая была задана при разработке шрифта. Часто этот параметр дает нам наилучший результат, хотя он будет зависеть от качества шрифта, который вы применяете. Если вы нажмете на треугольник справа от окошка ввода данных опции «Кернинг», чтобы посмотреть перечень возможных значений, вы увидите, что доступно еще одно значение ниже значения «Метрический» - «Оптический» (Optical). Вместо того, чтобы положиться на информацию разработчика, этот параметр будет регулировать расстояние между буквами исходя из формы двух символов. И опять, результат будет зависеть, в основном, от самого шрифта, а не от того, какое значение вы зададите – «Метрический» или «Оптический».
Вы также можете выбрать одно из предложенных значений в списке, или ввести его вручную, или воспользоваться динамическим ползунком.
Масштаб по вертикали и масштаб по горизонтали
Под опциями «Кернинг» и «Трекинг» на панели «Символ» находятся опции «Масштаб по вертикали» (Vertical Scale) (слева) и «Масштаб по горизонтали» (Horizontal Scale) (справа):
Опции масштаба по вертикали и по горизонтали
Эти опции можно использовать для масштабирования текста либо по вертикали, либо по горизонтали. Выбрав на панели слоев текстовый слой, мы приведем к единому масштабу весь текст целиком. Также мы можем сначала выбрать отдельные символы или буквы и уже потом задавать для них определенный масштаб, не влияя на остальной текст.
По умолчанию, оба параметра установлены на 100%, и зачастую использовать их для изменения масштаба текста не совсем удобно, так как может исказиться первоначальное начертание букв шрифта:
Опции «Масштаб по вертикали» и «Масштаб по горизонтали» искажают первоначальное начертание шрифта
Если вам нужно изменить масштаб вашего текста, воспользуйтесь лучше командой «Свободное трансформирование» (Free Transform)
Смещение базовой линии
Опция «Смещение базовой линии» (Baseline Shift) расположена прямо под опцией «Масштаб по вертикали» на панели «Символ»:
Опция «Смещение базовой линии» также доступна только на панели «Символ». Она позволяет нам перемещать выбранные символы или слова выше или ниже линии текста. По умолчанию, значение опции равно 0. Положительные значения приподнимут выделенный текст над строкой, в то время как отрицательные – отпустят его ниже линии текста. Выбора предварительных значений у данного параметра не существует, поэтому мы либо вводим значение вручную в окошко ввода данных, либо применяем динамический ползунок:
Выделите символы или слова и далее примените опцию «Смещение базовой линии», чтобы сместить их выше или ниже строки текста
Дополнительные текстовые опции
В нижней части панели «Символ» расположен ряд иконок, которые предоставляют нам доступ к дополнительным текстовым параметрам. Слева направо представлены следующие параметры: «Псевдополужирное» (Faux Bold) и «Псевдокурсивное» (Faux Italic). Они позволяют создавать имитацию полужирного начертания и начертания курсивом тех шрифтов, у которых такое начертание изначально не предусмотрено (хотя все-таки лучше выбирать другой шрифт, который имеет возможность применения полужирного начертания и курсива)
Опции «Псевдополужирное» и «Псевдокурсивное» позволяют применить имитацию полужирного начертания и курсива к тем шрифтам, которые такое начертание не предусматривают
Далее у нас есть опции «Все прописные» (All Caps) и «Капители» (Small Caps) для преобразования всех строчных букв в заглавные или малые заглавные буквы:
Используйте опции «Все прописные буквы» (слева) и «Капители» (справа), чтобы заменить строчные буквы заглавными или малыми заглавными
Следом идут опции «Надиндекс» (Superscript) и «Подиндекс» (Subscript)
И завершают список опции «Подчеркнутое» (Underline) и «Зачеркнутое» (Strikethrough):
Опции «Подчеркнутое» (слева) и «Зачеркнутое» (справа)
Выбор языка
И, наконец, в левом нижнем углу панели «Символ» у нас есть окошко выбора языка. Было бы замечательно, если бы программа Photoshop могла переводить текст с одного языка на другой, но, к сожалению, эта опция не позволяет сделать такое. Она предназначена для подтверждения того, что вы применяете правильное написание и перенос слов в языке, на котором вы работаете в программе. Как правило, вы можете оставить значение этой опции по умолчанию:
Убедитесь, что программа знает, на каком языке вы работаете посредством правильного написания и переноса слов
Восстановление панели «Символ»
Если вы внесли много изменений в опции на панели «Символ», вы можете быстро все сбросить и восстановить значения параметров по умолчанию, кликнув по иконке меню в правом верхнем углу панели «Символ»:
Кликните по иконке меню в правом верхнем углу
Далее выберите в появившемся меню команду «Восстановить панель «Символ» (Reset Character)
Выбираем из списка команду «Восстановить панель «Символ»
И вот мы закончили! В этом уроке мы рассмотрели опции, которые можно найти на панели «Символ», одни из которых также встречаются на панели настроек (когда выбран инструмент «Горизонтальный текст»), в то время как другие, такие как «Интерлиньяж», «Трекинг», «Кернинг» и «Смещение базовой линии», расположены только на панели «Символ». В следующем уроке мы рассмотрим оставшиеся текстовые опции, такие как «Выравнивание», «Выключка», «Отступ», которые находятся на панели «Абзац»!
В программе Photoshop имеется одна очень интересная опция. Это — отслеживание и запись каждого Вашего действия в программе и запись его на внешний текстовый файл и/или в метаданных файлов PSD, PNG, JPG (JPEG) и некоторых других.
Это значит, что открыв такой файл в Photoshop, Вы можете прочитать в сведениях о файле, каким образом его редактировали до этого.
Для примера, я скачал из интернета заготовку иконки в виде файла PNG (файл называется mail.jpg), открыл его в Photohop, преобразовал цветовой режим в RGB, скопировал фоновой слой, отключил видимость фонового слоя и уменьшил непрозрачность текущего слоя и сохранил как PNG файл на рабочем столе.
Затем заново открыл его в Photoshop, открыл Файл —> Сведения о файле, в диалоговом окне зашёл в раздел «Photoshop» и вот что я вижу:
Все мои действия, от открытия и до сохранения файла, записаны!
Кроме того, Photoshop записывает все мои действия и в текстовый файл, папку размещения которого на компьютере я выбрал сам.
Вот как выглядит этот файл, открытый в текстовом редакторе, показаны последние действия, те, что я указал выше:
А теперь о том, как настроить данную опцию. Сделать это чрезвычайно просто. Нажимаем клавиши Ctrl+K, чтобы открыть диалоговое окно настроек (Preferences), вкладку «Основные» (General). Внизу окна ставим галку у опции «История изменений» (History Log) и выбираем, куда будем записывать историю изменений — в метаданные графического файла, в текстовый файл или туда и туда:
Вам надо будет создать текстовый файл на компьютере и указать на него Photoshop`у, для этого нажимаем кнопку «Выбрать».
Несмотря на поговорку, гласящую, что одна картина стоит тысячи слов, нередко, при редактировании изображений требуется добавить надпись к картинке, это может быть подпись, заголовок, содержимое баннера, текст кнопки, водяной знак, копирайт и т.д.
И, конечно же, иногда мы просто хотим создать интересный текстовый эффект.
В этом материале мы рассмотрим основы работы с текстом в программе Photoshop.
В Photoshop существует два основных метода добавления текста — ввод текста строкой (обычный) и ввод текста в область. Наиболее часто используемым из этих двух методов является способ добавления текста строкой.
Ввод текста в Photoshop
Для ввода текста в Photoshop используется инструмент «Текст» (Type Tool), расположенный на панели инструментов в левой части экрана, либо, для выбора инструмента следует нажать на клавишу клавиатуры T:
Когда инструмент выбран, курсор мыши изменится на символ, который обычно называют как «двутавровой балкой». На рисунке ниже я несколько увеличил этот символ:
Смотреть другие материалы по инструменту «Текст»:
Выбор шрифта
Как только мы выбираем инструмент «Текст», на панели параметров верху экрана отображаются опции и параметры, относящиеся к этому инструменту, слева расположены варианты для выбора типа, стиля и размер шрифта:
Чтобы просмотреть полный список доступных шрифтов, нажмите на маленький треугольник справа в поле выбора шрифта.
Это действие открывает список всех шрифтов, которые вы можете выбрать в данный момент. Количество и выбор шрифтов зависит от шрифтов, установленных в данный момент в Вашей операционной системе:
Примечание! Не все установленные в Вашей системе шрифты поддерживают кириллицу (русские буквы).
Примечание! Шрифты не обязательно устанавливать в системную папку Windows, возможно временная загрузка шрифта до перезагрузки/выключения компьютера, подробнее об установке шрифтов в Photoshop рассказывается здесь.
Изменение размера предпросмотра шрифта
В окне предпросмотра Photoshop показывает не только имя каждого шрифта, но и отображает предварительный просмотр образца внешнего вида (для образца применяется слово «Sample», располагающееся справа от названия шрифта):
Мы можем изменить размер предварительного просмотра шрифта. В зависимости от версии, ниже CS5 надо пройти по вкладке главного меню Редактирование —> Установки —> Текст (Edit —> Preferences —> Type), в версиях выше — по вкладке главного меню Текст —> Размер просматриваемого шрифта (Type —> Font Preview Size). По умолчанию размер установлен как «средний» (Medium). Для примера, я выберу самый большой размер, вот как теперь выглядят образцы предварительного просмотра шрифтов:
Не забывайте, что всегда можно вернуться и выбрать меньший размер образцов.
Выбор стиля (начертания) шрифта
Как только вы выбрали сам шрифт, мы можем выбрать его стиль, нажав на треугольник в правой части окна выбора стиля. Задайте нужный стиль шрифта, выбрав обычный (Regular), жирный (Bold), курсив (Italic):
Установка размера шрифта
Выберите размер для вашего шрифта, нажав на треугольник в правой части окна выбора размера. Это откроет список часто используемых предустановленных размеров, которые можно выбрать от 6 px до 72 px:
Если ни один из этих размеров не удовлетворяет Вашим потребностям, Вы можете вручную задать любое собственное значение, кликнув мышкой в поле размера, ввести значение, затем нажать Enter, единицы «px» в конце числа ставит не обязательно, т.к. Photoshop автоматически добавит его при нажатии Enter. Другой способ изменения размеров — навести курсор мыши немного слева от окна ввода, нажать левую клавишу (курсор изменит свой вид на палец со стрелками) и протащить курсор влево или вправо для увеличения или уменьшения размера:
Выбор цвета текста
Правее находится бар, где мы можем задать тексту цвет. По умолчанию, цвет установлен в черный. Чтобы изменить цвет, нажмите на образец. Photoshop откроет палитру цветов, где мы можем подобрать другой цвет для текста:
Добавление текста в документ Photoshop
Как я уже говорил кратко в начале урока, есть два различных метода добавления текста в документ Photoshop, это обычный (строкой) и метод добавления текста в область. Разница между ними в том, что первый способ в основном используется для добавления небольшого количества текста в документ (одной или нескольких букв или слов, заголовка и т.п.), в то время как добавление в область применяется для добавления большего количества текста внутрь заранее установленной области.
Здесь мы рассмотрим первый метод, т.к. он применяется в подавляющем большинстве случаев.
Чтобы добавить текст в документ, выберите инструмент «Текст», наведите курсор в ту точку, где Вы хотите, чтобы было начало текста и нажмите левую клавишу мыши. Мигающим маркер на документе укажет, что Photoshoop готов для ввода текста:
При этом Photoshop добавит в палитру слоёв новый, особый вид слоя, называемый текстовым, его легко отличить по миниатюре в виде буквы Т. Каждый раз, когда мы добавляем текст в документ, он располагается на новом текстовом слое. Photoshop изначально именует новый слой как «Слой 1» (Layer 1), но название изменится, как только мы введём текст, как мы рассмотрим чуть позже:
После того как в документе появился мигающий маркер, вы можете начать печатать.
Перемещение текста по изображению
Если Вам понадобилось переместить напечатанный текст, вы можете легко это сделать.
Для перемещения текста по изображению надо немного отвести курсор от текста. он изменит свой вид с двутавровой балки на значок инструмента «Перемещение» (Move Tool), после изменения вида курсора зажмите левую клавишу мыши и перетащите текст в нужное место:
Принятие и завершение редактирования текста
Что такое принятие текста? После принятия текста происходит завершение редактирования текущего текстового слоя и выход из этого слоя. При этом, сам инструмент «Текст» остаётся активным. Если вы кликните по документу после принятия, то Photoshop создаст новый текстовый слой.
Когда Вы закончите ввод нужных букв, следует выйти из данного текстового слоя. Для этого нажмите на галочку на панели параметров:
Либо нажмите клавишу Enter, расположенную в правом нижнем углу цифровой клавиатуры (не тот Enter, который мы обычно нажимаем!), либо комбинацию обычный Enter+Ctrl.
После того как Вы приняли ваш текст, Photoshop переименовывает текстовый слой, используя первые буквы текста в качестве нового имени для слоя, это очень полезно при работе с несколькими текстовыми слоями:
Отменить или удалить текст
Если Вы хотите удалить текст до того? как Вы его приняли, просто нажмите клавишу Esc. Photoshop удалит текст и текстовый слой.
Для удаления уже принятого текста нужно в панели слоёв перетащить текстовый слой в корзину.
Параметры выравнивания текста
Кроме того, в панели параметров имеются три варианта выравнивания текста — выровнять по левому краю, по центру, по правому краю. По умолчанию выбрана опция выравнивания по левому краю, что означает, что при наборе текста он будет добавляться справа от отправной точки. Если мы выберем опцию «выравнивание по правому краю, текст будет добавляться слева от отправной точки. Если же мы выберем опцию «выравнивание по центру», то при вводе текст будет добавляться в обоих направлениях на одинаковом расстоянии от точки вставки.
Лучше всего перед началом ввода текста убедиться в том, что у Вас уже выбрана нужная опция выравнивания. Но можно изменить выравнивание уже введённого текста, для этого необходимо выделить нужный текст курсором мыши и кликнуть по опции выравнивания. На рисунке я сделал анимацию ввода текста с опцией «выравнивание по центру»:
Выбор и редактирование текста
Чтобы мгновенно выделить слово, дважды кликните по нему мышью, чтобы выделить строку — кликните по строке трижды:
Если у Вас имеется несколько строк текста, разделенных строчными переносами, для выбора всего текста дважды кликните по миниатюре текстового слоя:
Также, мы можем изменить шрифт, размер и стиль текста, для этого надо выделить нужный участок и изменить соответствующий параметр на панели параметров.
Изменение цвета текста в Photoshop
По такому же принципу мы можем изменить и цвет текста. Для этого надо выделить нужный участок, кликнуть по цветному квадратику на панели параметров, в открывшемся окне выбрать цвет и нажать ОК:
Про тонкости редактирования текста в Photoshop и дополнительные горячие клавиши читайте здесь.
В первых двух уроках из серии на работе с текстом в Photoshop мы узнали два метода ввода текста — строкой и областью.
Из этих уроков мы узнали, что, при выбранном инструменте «Текст» (Type Tool) в панели параметров, расположенной горизонтально в верхней части окна программы, имеется доступ к некоторым инструментам редактирования текста — выбор шрифта, цвета, размера и т.д.
Но, конечно же, Photoshop имеет не только эти инструменты редактирования, но и более продвинутые, а расположены эти инструменты в панелях «Символ» (Character) и «Абзац» (Paragraph).
В этом уроке мы рассмотрим инструменты панели «Символ» (Character), а в следующем — инструменты панели «Абзац» (Paragraph).
Смотреть другие материалы по инструменту «Текст»:
Доступ к панели «Символ»
Как и многие действия в Photoshop, панель «Символ» можно открыть несколькими способами.
Первый — пройти по вкладке главного меню Окно —> Символ (Window —> Character). Если вдруг слева от названия панели стоит галочка, это означает, что панель уже открыта где-то на экране.
Второй способ — открыть панель символов из панели параметров, для этого надо нажать на соответствующий значок:
В любом случае, открывается панель символов, а также, находящаяся в одной группе с ней панель «Абзац». Мы можем переключаться между двумя панелями, кликая по их вкладкам имен в верхней части группы. Панель «символ» является выбранной по умолчанию:
В панели имеются текстовые настройки, доступные только из неё.
Выбор типа, стиля, размера и цвета шрифта
Эти четыре опции имеются панели параметров и дублируются на панели символов. Не имеет значения, на какой из панелей Вы измените эти опции, значения будут продублированы:
Метод сглаживания (Anti-aliasing) для букв
Сглаживание букв (Anti-aliasing) — технология, применяемая для улучшения визуализации букв текста с целью сгладить резкие края и убрать «зубцы», возникающие на краях букв.
Эта опция также дублирована на двух панелях:
На данный момент в Photoshop существуют семь методов сглаживания текста, включая режим «без сглаживания» (none), на рисунке я привёл русскоязычный и англоязычный интерфейсы Photoshop:
Каждый из методов сглаживания производит собственный эффект на буквы, и к каждому отдельному случаю метод надо подбирать опытным путём, но это в идеале, а на практике в основном я пользуюсь методом сглаживания, установленным в Photoshop по умолчанию — «Резкое» (Sharp).
На рисунке я привёл пример двух видов сглаживания текста Photoshop:
Межстрочный интервал (интерлиньяж, Leading)
Этот параметр текста доступен только из панели Символ, как понятно из названия, он задаёт вертикально расстояние между строк. По умолчанию параметр установлен на «Авто»:
В основном, использование Межстрочного интервала в значение Auto даёт неплохие результаты, но вы можете задать Межстрочный интервал самостоятельно перед вводом текста, либо после ввода, выделив весь текст. Вы можете выбрать одно из предустановленных значений ( от 6 pt до 72 pt), либо ввести собственное одним из фотошоповских методов ввода параметров, т.е. изменение перетаскиванием мыши или прокруткой колёсика или вводом значения в окно с клавиатуры.
Трекинг (Межбуквенный интервал, Tracking)
Параметр «Трекинг» также доступен только из панели Character, он управляет расстоянием межу буквами или символами. Он расположен непосредственно под Межстрочным интервалом и по умолчанию установлен в 0:
Чтобы настроить значение межбуквенного интервала, вы можете нажать на треугольник справа от поля ввода и выбрать из списка заданных значений, можно ввести значение с клавиатуры, или изменить параметр с помощью перетаскивания курсора или вращения колёсика мыши. Введённое отрицательное значение Трекинга будет сдвигать буквы или символы ближе друг к другу, в то время как положительное значение будет отодвигать их друг от друга.
Чтобы изменить Трекинг, следует выделить нужный участок текста и ввести значение в поле ввода. На примере я увеличил трекинг в слове «участок», не затрагивая остальной текст:
Кернинг (Kerning)
Этот параметр также доступен только из панели Символ и расположен слева от Трекинга. По умолчанию он установлен на значение «Метрический» (Metrics), что это значит, я объясню немного ниже. Кернинг регулирует промежуток между двумя конкретными буквами или символами:
Кернинг часто путают с Трекингом, потому что они кажутся похожими, но они на самом деле это совершенно разные вещи. В то время как Трекинг задаёт диапазон между всеми символами, Кернинг регулирует расстояние между двумя конкретными символами. Можно провести аналогию, если Трекинг — глобальная настройка, то Кернинг — «местная».
Для того, чтобы опция стала доступной, следует установить курсор в тексте между двумя нужными буквами. На примере я задал отрицательное значение Кернинга:
Как я уже говорил, по умолчанию опция Кернинг установлен на «Метрический», что означает, что Photoshop использует межбуквенное расстояние, заданное дизайном шрифта. Это часто вариант в большинстве случаев даёт лучшие результаты, хотя и зависит от свойств используемого шрифта. Если вы нажмете на маленький треугольник справа от поля ввода значения Кернинга, вы увидите, что непосредственно под значением «Метрический» находится значение «Оптический» (Optical). При этом варианте Photoshop самостоятельно устанавливает межбуквенный интервал, основываясь на форме букв. Опять таки, зависит от самого шрифта, какой из этих двух вариантов, «Метрический» или «Оптический», даст лучший результат.
Изменить значение Кернинга можно, как и в других опциях, с клавиатуры или мышью.
Масштаб по вертикали и горизонтали (Vertical и Horizontal Scale)
Эти две опции расположены непосредственно под Кернингом и Трекингом.
Их назначение понятно из названия, опции масштабируют выбранный текст вертикально или горизонтально.
Оба этих опции по умолчанию установлены на 100%
Смещение базовой линии (Baseline Shift)
Ниже расположена опция Смещение базовой линии. Базовый сдвиг позволяет переместить выбранные участки текста или отдельные буквы выше или ниже базовой линии шрифта. По умолчанию значение опции установлено в 0 пт. Положительные значения сместят выделенный текст над базовой линией, а отрицательные значения опустят выделенное ниже базовой линии. Опция не имеет предустановленных значений, так что значение необходимо вводить вручную:
Дополнительные текстовые опции
Ниже находятся кнопки дополнительных опций.
Слева направо: псевдополужирный, псевдонаклонный, все прописные, капители (уменьшенные прописные), надиндекс, подиндекс, подчёркнутые, зачёркнутые. На примере я показал действие опций в тексте начиная со второй строки:
Выбор языка
В левом нижнем углу расположена опция «Выбор языка», призванная проверять правописание и расстановку переносов, но, на данный момент, для русского, да и впрочем, для английского, она малоэффективна, поэтому опцию не используется.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
6755_Используем усовершенствованную панель Свойства в Фотошоп
Вы узнаете все о новых опциях, добавленных на усовершенствованную панель Properties (Свойства) в версии Photoshop CC 2020, и почему панель Properties (Свойства) становится универсальным местом хранения всех нужных опций!
Сложность урока: Легкий
Узнайте все о новых опциях, добавленных на усовершенствованную панель Properties (Свойства) в версии Photoshop CC 2020, и почему панель Properties (Свойства) становится универсальным местом хранения всех нужных опций!
Всякий раз, как Adobe выпускает обновленную версию программы Photoshop, пользователи обращают внимание на новые свойства и элементы, в то время как улучшение текущих опций часто проходит незаметно. Однако если для вас важны такие параметры, как скорость, эффективность и простота использования, то вам определенно стоит познакомиться с изменениями, которые коснулись панели Свойства в СС 2020.
На панели Properties (Свойства) вы можете найти опции и параметры для каждого из выбранных слоев на панели слоев. И в зависимости от типа слоя опции будут отличаться. До недавнего времени перечень опций на панели свойств был ограничен, но в версии программы Photoshop CC 2020 панель свойств значительно расширилась, и может показаться, что другие элементы, такие как, например, панель задач, скоро могут быть исключены за ненадобностью.
Что нового появилось на панели Свойства
Одним из наиболее ярких нововведений для панели Properties (Свойства)в СС 2020 является раздел опций для текста. Выберите текстовый слой на панели слоев, и все опции, которые раньше были доступны только на панелях Character (Символ) и Paragraph (Абзац), теперь появятся на панели Свойства.
Кратко говоря, при выборе слоя заднего фона и пиксельного слоя также появились новые опции, включая добавление раздела Quick Actions (Быстрые действия). Этот раздел позволяет нам быстро изменить размер изображения, выбрать инструмент Crop Tool (Рамка), обрезать или повернуть холст и даже получить доступ к командам Photoshop Выделить предмет и Удалить фон, и всё это в пределах одной панели. У текстовых слоев также появился раздел Быстрые действия, где можно мгновенно преобразовать текст в кадр или фигуру. Давайте изучим это подробнее!
Для дальнейшей работы вам потребуется версия программы Photoshop CC 2020 или более поздняя.
Сравниваем панель Свойства в СС 2020 и СС 2019
Для того чтобы понять, какие изменения коснулись панели Свойства в версии программы CC 2020, мы сравним два варианта панели — в версии СС 2020 и CC 2019 на примере трех типов слоев — слоя заднего фона, пиксельного и текстового слоя. Вы можете использовать любое изображение. Я скачаю фотографию с сайта Adobe Stock:
Исходное изображение. Источник: Adobe Stock
Где найти панель Свойства
Панель Свойства является частью стандартной рабочей среды программы, известной как Essentials (Основная рабочая среда). Поэтому если вы все еще ее используете, то панель Свойства должна отображаться на вашем экране.
Если же ее нет, то вы можете открыть данную панель, перейдя в раздел Window (Окно) на панели настроек и выбрав Properties (Свойства). Галочка около названия панели означает, что панель уже открыта, и повторное нажатие по названию панели ее закроет:
Выбираем Окно — Свойства
Опции слоя заднего фона на панели свойств
Давайте начнем рассматривать доступные опции на панели Свойства при выбранном слое заднего фона.
Слой заднего фона является задним фоном для нашего документа. Когда мы открываем в программе изображение, оно становится задним фоном и появляется на слое заднего фона. Поэтому, возможно, вы будете ожидать, что при выбранном слое заднего фона на панели Свойства отобразятся опции, связанные с самим документом:
Выбираем слой заднего фона
Панель Свойства для документа в СС 2019
В Photoshop CC 2019 панель Свойства не отображала вообще никаких опций для слоя заднего фона. Все, что вы могли видеть, это немного информации о документе, такой как его размеры (ширина, высота) и разрешение. Изменить эту информацию вы также не могли, по крайней мере на самой панели Свойства:
Панель Свойства для слоя заднего фона в СС 2019
Панель Свойства для документа в СС 2020
Однако в версии Photoshop CC 2020 всё внезапно изменилось, и панель Свойства стала невероятно полезной. В действительности, при выборе слоя заднего фона, теперь можно делать с документом столько всего полезного прямо на панели Свойства, что опции разделились на группы.
Образовались разделы Canvas (Холст), Rulers & Grids (Линейки и сетки) и Guides (Направляющие). Также появился новый раздел Quick Actions (Быстрые действия). Для просмотра содержимого группы вы можете развернуть ее, нажав на стрелку слева от ее названия.
Я разделил опции панели Свойства на два столбца, чтобы вы могли их видеть все за раз. Хочется отметить, что ни одна из опций панели Свойства не является уникальной только для данной панели. По крайне мере, это касается тех типов слоев, которые мы будем рассматривать в данном уроке. Каждую опцию можно встретить в программе где-то еще. Преимущество панели Свойства заключается в том, что она одна отображает наиболее полезные опции различных панелей и диалоговых окон. Это помогает сэкономить время и силы при работе с программой:
Панель Свойства для слоя заднего фона в СС 2020
Холст
- Используйте параметры группы Canvas (Холст), чтобы изменить height (высоту) и width (ширину) документа.
- Кликните по кнопке Landscape (Альбомная) или Portrait (Портретная) ориентация, чтобы изменить ориентацию документа, но не забывайте о том, что в некоторых случаях часть изображения может быть отрезана.
- Вы также при необходимости можете изменить colormode (режим) и bitdepth (глубину цвета).
- И если ваш задний фон залит сплошным цветом, а не представляет собой какое-либо изображение, вы можете изменить fillcolor (заливку).
Линейки и сетки
- Эта группа параметров включает в себя кнопки для отображения и скрытия линеек и сетки, а также кнопку, которая позволяет открыть диалоговое окно Preferences (Установки) с параметрами прозрачности и цветового охвата.
- Помимо этого, вы можете изменить единицу измерения для линеек (пиксели, дюймы, проценты и т.д.).
Направляющие
- Щелкните по значкам просмотра направляющих, их блокировки или переключения на Smart Guides (Быстрые направляющие).
- Или измените внешний вид направляющих со сплошной линии на пунктирную
Быстрые действия
- Quick Actions (Быстрые действия) — это новый раздел, который добавлен на панель Свойства в версию программы Photoshop CC 2020.
- При выбранном слое заднего фона, раздел Быстрые действия включает в себя следующие кнопки: открытия диалогового окна Image Size (Размер изображения), выбора инструмента CropTool (Рамка), открытия диалогового окна Trim (Тримминг), и поворота холста.
- Как мы с вами вскоре изучим, содержимое раздела Быстрые действия в зависимости от типа выбранного слоя может меняться.
Oпции для пиксельных слоев на панели Свойства
Далее, давайте рассмотрим опции для пиксельных слоев на панели Свойства в Photoshop CC 2020.
Преобразуем слой заднего фона в пиксельный слой
На панели слоев, я преобразую слой заднего фона в обычный слой, кликнув по иконке замочка:
Разблокируем слой заднего фона
Программа переименует слой на Слой 0, иконка замочка пропадет, и у нас получится обычный пиксельный слой:
Слой заднего фона стал обычным слоем
Свойства для пиксельного слоя в СС 2019
В Photoshop CC 2019 панель Свойства для пиксельных слоев была чуть информативнее, чем для слоя заднего фона. Вместо отображения общей информации о слое, она включала в себя опции для изменения ширины и высоты содержимого слоя, а также для изменения местоположения содержимого слоя при помощи ввода новых значений параметров x и y:
Свойства для пиксельного слоя в СС 2019
Свойства для пиксельного слоя в СС 2020
Давайте вновь вернемся к версии Photoshop CC 2020, где произошли большие изменения. И снова — на панели Свойства для пиксельных слоев появилось столько новых параметров, что программа разделила их на группы. На панели появились группы Transform (Перспектива), Align and Distribute (Выровнять и распределить) и группа Quick Actions (Быстрые действия), которую мы уже видели на панели, когда был выбран слой заднего фона:
Свойства для пиксельного слоя в СС 2020
Расширяем группу Выровнять и распределить
В действительности, для пиксельных слоев доступно еще больше опций, чем мы видим изначально. В группе Выровнять и распределить по умолчанию отображены только опции Align (Выровнять). Но если вы кликните по значку многоточия (в виде трех точек):
Кликните по значку многоточия, чтобы отобразить дополнительные опции
То вы расширите группу и увидите скрытые опции Distribute (Распределить):
Расширенная группа Выровнять и распределить
Перспектива
- Группа Transform (Перспектива) включает в себя те же самые опции изменения ширины (width), высоты (height) и расположения (position) содержимого слоя, что и в версии программы СС 2019.
- Из нововведений можно отметить опцию поворота содержимого слоя, а также кнопки отражения содержимого по вертикали или горизонтали.
Выровнять и распределить
- Воспользуйтесь параметром Align (Выровнять), чтобы выровнять два или более слоев по горизонтали или по вертикали. Для того чтобы опции Выровнять были доступны, нужно выбрать по крайней мере два слоя на панели слоев.
- Или если вы кликните по значку многоточия, чтобы расширить группу, и измените значение параметра Alignto (Выровнять по) с Selection (Выделение) на Canvas (Холст), то сможете выровнять отдельный слой относительно самого холста по вертикали или горизонтали.
- Используйте опции Distribute (Распределить) и Distribute Spacing (Распределить между объектами) (доступны, когда выбраны три и более слоев), чтобы создать равное расстояние между содержимым каждого слоя.
Быстрые действия
- Так же, как и в случае со слоем заднего фона, при выбранном пиксельном слое на панели Свойства появляется раздел Quick Actions (Быстрые действия). Но параметры там теперь другие.
- Нажмите на кнопку Select Subject (Выделить предмет), чтобы программа автоматически определила и выделила основной предмет на изображении.
- Или нажмите кнопку RemoveBackground (Удалить фон), чтобы одновременно выделить предмет и удалить задний фон.
Опции для текстовых слоев на панели Свойства
Итак, мы с вами рассмотрели, что панель Свойства в Photoshop CC 2020 включает в себя больше опций для слоя заднего фона и пиксельного слоя, чем это было в прежних версиях. Но наибольшие изменения произошли при выборе текстовых слоев.
Пойдем дальше и добавим на наше изображение немного слов с помощью инструмента Type Tool (Текст). После этого выберем на панели слоев текстовый слой, кликнув по нему:
Выбираем текстовый слой
Свойства для текстового слоя в CC 2019
В версии программы Photoshop CC 2019, панель Свойства включала в себя основные текстовые параметры такие как выбор шрифта, размера и цвета текста, определение межбуквенных интервалов, выравнивание строки. Для расширения списка опций необходимо было нажать на кнопку Advanced (Дополнительно):
Нажимаем на кнопку Дополнительно на панели свойств в СС 2019
Панели Символ и Абзац
После нажатия на кнопку Дополнительно открывались отдельные панели Character (Символ) и Paragraph (Абзац). На панели Символ появлялись дополнительные опции — кернинг, смещение базовой линии, горизонтальное и вертикальное масштабирование и варианты начертания ( Faux Bold (Псевдожирный), Faux Italic (Псевдокурсив), All Caps (Все прописные)):
А на панели Абзац добавлялись параметры выравнивания и отступов, а также определения расстояния между абзацами:
Свойства для текстового слоя в CC 2020
В Photoshop CC 2020 все параметры панелей Символ и Абзац (которые также остались доступны) объединились на панели Свойства. И панель снова оказалась поделена на группы опций. Для текстовых слоев на панели свойств представлены группы Transform (Перспектива), Character (Символ), Paragraph (Абзац), Type Options (Параметры инструмента Текст) и Quick Actions (Быстрые действия).
Я разделил панель Свойства на два столбца, чтобы мы могли все опции за раз. Если некоторые из этих опций вам недоступны, кликните по значку многоточия в группах Символ, Абзац и Параметры инструмента Текст, чтобы расширить их:
Расширенная панель Свойства в СС 2020 для текстовых слоев
Перспектива
- Воспользуйтесь параметрами группы Transform (Перспектива), чтобы изменить ширину и высоту текста, хотя возможно, с помощью инструмента FreeTransform (Свободное трансформирование) это делать проще. Или измените положение текста, введя соответствующие значения параметров x и y.
- Новым в Photoshop CC 2020 стало то, что вы можете теперь поворачивать текст по часовой или против часовой стрелки, отображать его зеркально по вертикали или горизонтали прямо с панели Свойства
Символ
- Изначально в группе Символ мы можем выбрать шрифт, установить размер и цвет, задать значение кернинга (kerning) (расстояние между двумя символами), трекинга (tracking) (интервал между рядами символов) и интерлиньяжа (leading) (расстояние между строками текста).
- Нажмите на многоточие, чтобы расширить группу Символ и увидеть параметры, отвечающие за масштабирование (scaling) букв по вертикали и по горизонтали, смещение базовой линии (baseline shift), изменение языка текста (для проверки орфографии и переносов) и метода сглаживания (anti-aliasing).
Абзац
- Первоначально в группе Абзац отображены параметры выравнивания и отступов
- При нажатии на многоточие группа расширяется и включает в себя параметры отступа (левый край, правый край или первая строка) и интервалов между абзацами. Также здесь можно включить автоматическую расстановку переносов.
Параметры инструмента Текст
- Параметры инструмента Текст позволяют вам выбирать стили текста, такие как AllCaps (Все прописные буквы), SmallCaps (Все строчные), Superscript (Верхний индекс), Subscript (Нижний индекс). Обратите внимание, что параметры начертания FauxBold (Псевдожирный), FauxItalic (Псевдокурсив) не включены в эту группу. Но вы их сможете выбрать отдельно на панели Символ.
- Кликните по многоточию, чтобы расширить группу и изменить параметры Figure (Цифра) и Position (Положение) для формата шрифтов OpenType.
Быстрые действия
- И наконец в группе Быстрые действия кликните по кнопке Convert to Frame (Преобразовать в кадр), чтобы преобразовать текст в кадр (хотя есть и более удобный способпомещения изображения в текст)
- Или кликните по кнопке Convert to Shape (Преобразовать в фигуру), чтобы превратить текст в векторную фигуру.
Выводы
С каждой новой версией программы панель Свойства становится все более и более полезной, и версия CC 2020 тому подтверждение. На панели слоев выберите слой заднего фона, пиксельный или текстовый слой, и на панели Свойства тотчас отобразятся все необходимые опции. При работе с фигурами, корректирующими слоями, слой-масками и смарт-объектами панель Свойства также полезна. И в следующий раз, когда выйдет новая версия программы, не забудьте проверить панель Свойства. Никогда не знаешь, что нас может ожидать от разработчиков!
И вот мы закончили! Чтобы более подробно изучить интерфейс программы, перейдите к уроку Мое знакомство с Фотошопом. И не забывайте про другие уроки по работе с программой Photoshop!
Читайте также: