Маскирование слоев
Маскирование слоев – это техника работы со слоями, позволяющая скрывать или отображать слои документа не целиком, как мы это делали с помощью значка видимости слоя, а частично. Таким образом, мы можем часть слоя отобразить, а часть его – скрыть; и даже более того, фрагменты слоя могут отображаться частично – как если бы к ним была применена настройка прозрачности.
Выполняется маскирование слоя добавлением к слою на палитре Layers (Слои) так называемой маски слоя. Сделать это можно, нажав кнопку Add layer mask (Добавить маску слоя) на палитре. На рис. 19.1 показана палитра слоев с созданными масками.
Рис. 19.1. Палитра Layers (Слои) и созданные маски слоев
Маски слоев бывают двух типов: растровые и векторные. Оговорим сразу, что в этой главе мы будем уделять внимание преимущественно растровым маскам: мы знаем уже все, что нужно для эффективной работы с ними.
Работа с векторными масками требует хорошего понимания принципов работы с векторной графикой, что выходит за рамки нашей книги; можно даже сказать, что в момент, когда вы почувствуете необходимость пользоваться векторными масками, вы с полным правом можете считать себя опытным пользователем и обратиться к литературе соответствующей направленности.
Примечание
Пример использования векторных масок вы все же можете увидеть в видеоуроке «Растровые маски слоя», прилагающемся к этой главе, однако мы не будем подробно останавливаться на разнообразных инструментах, предназначенных для создания и редактирования векторных контуров.
Растровая маска скрывает и показывает фрагменты слоя соответственно тому, каким цветом закрашена маска в этом месте. Белый цвет означает, что слой в данном месте отображается, черный – что содержимое слоя скрыто и слой в этом месте будет прозрачным. Оттенки серого позволяют частично отображать слой, то есть имитировать прозрачность его содержимого в этом месте. На рис. 19.2, слева показан слой с примененной маской и созданными на нем прозрачными областями, саму же маску можно увидеть на рис. 19.2, справа.
Рис. 19.2. Слой с прозрачными областями (слева) и соответствующая ему маска слоя (справа)
Использование масок – прием гораздо более профессиональный, чем стирание частей слоя инструментом Eraser (Ластик) или подобными ему. Важное различие в том, что операции по работе с маской являются недеструктивными: скрытые фрагменты легко восстановить на любой стадии работы, чего нельзя сделать, по-настоящему стерев участок слоя.
Создать маску также можно на основе выделения. Выделив какую-нибудь область на слое, достаточно просто нажать кнопку создания маски на палитре слоев, чтобы маска была создана «по выделению», закрашенная белым в пределах выделенной области и закрашенная черным – в невыделенных областях.
При работе с масками можно использовать любые инструменты рисования, команды коррекции изображения и даже фильтры – либо для того, чтобы создать, либо для того, чтобы скорректировать маску. Особенно удобно инструментами рисования (например, кистью небольшого размера) исправлять погрешности выделения, созданного по цвету или с помощью инструмента Magnetic Lasso (Магнитное лассо).
Все это позволяет расширить реально используемый инструментарий работы со слоями. С помощью масок легко создать слой, например, плавно становящийся прозрачным к нижней части документа (рис. 19.3) – для этого достаточно нарисовать вертикальный линейный градиент в маске слоя. Подобного эффекта можно добиться и без использования маски: нарисовать градиент в быстрой маске выделения, вернуться в нормальный режим работы и удалить часть слоя – однако такой способ значительно сложнее, его эффект нельзя впоследствии исправить, а значит – он будет использоваться обычным дизайнером крайне редко.
Рис. 19.3. Использование градиентной маски слоя
Еще один пример использования масок слоя для создания несложных, но броских эффектов – создание фигурной рамки вокруг изображения. Выполняется этот эффект следующим образом.
Первый шаг – задать исходную форму для рамки – овальное, прямоугольное или фигурное выделение, которое затем будет изменяться и обрабатываться. На рис. 19.4 показан пример такого выделения на изображении – в обычном режиме (слева) и в режиме быстрой маски (справа).
Рис. 19.4. Выделение, служащее основой для создания рамки
Созданное выделение можно обрабатывать в режиме быстрой маски, а можно сразу превратить в маску слоя – так будет понятнее, что мы получаем в процессе работы, и результат применения фильтров будет виден сразу. Существуют разные варианты исполнения этого эффекта. Можно применить маску к дополнительному слою, закрашенному в один цвет, или к автоматическому слою залив ки. В этом случае выделение нужно инвертировать (чтобы выделенной оказалась не центральная часть изображения, а область вокруг нее, то есть область самой рамки), а слой с маской должен находиться выше слоя с основным изображением. Второй способ – применить маску к слою с основным изображением, а роль рамки будет выполнять находящийся ниже слой. Оба способа приводят к одинаковому результату. На рис. 19.5 показан документ на этой стадии работы – как и в соответствующем видеоуроке, использован более сложный вариант, с созданием автоматического слоя заливки.
Рис. 19.5. Документ с рамкой на отдельном слое с маской слоя
Теперь к маске слоя можно применить фильтры – прежде всего стоит обратить внимание на фильтры искажения, собранные в подменю Filter → Distort (Фильтр → Искажение). На рис. 19.6 показаны формы рамок, созданных с помощью фильтров Glass (Стекло) (слева), Waves (Волны) (в центре), и более сложный эффект (справа): рамка, размытая фильтром Gaussian Blur (Гауссово размытие) из подменю Filter → Blur (Фильтр → Размытие) и обработанная фильтром Color Halftone (Цветовые полутона) из подменю Filter → Pixelate (Фильтр → Разбиение на части).
Рис. 19.6. Формы рамок, полученные с использованием разных фильтров
Один из вариантов рамки вокруг изображения, созданной подобным способом, можно видеть на рис. 19.7.
Рис. 19.7. Рамка вокруг изображения, созданная с использованием маски слоя
В видеоуроке «Растровые маски слоя» вы можете увидеть, как работать с растровой маской слоя, процесс создания эффекта рамки вокруг изображения, а также пример использования векторной маски.
Глава 20Работа с текстом
• Принципы работы с текстом
• Настройки символов текста
• Настройки абзацев текста
Работа с текстом во всех графических программах выглядит, в принципе, похоже: используются одни и те же настройки и в целом текст можно оформлять по одинаковым законам и подобными методами. Конечно же, существуют небольшие различия в терминологии, а иногда – и в подходах к решению одних и тех же задач. Точно так же программы, нацеленные в первую очередь на работу с текстом (программы макетирования и верстки), обычно обладают бульшим количеством настроек, чем программы растровой и векторной графики, однако, как правило, это проявляется при работе со значительным объемом текста.
Программы фирмы Adobe разделяют не только принципы настройки текста, но и терминологию, да и палитры для настройки текста выглядят примерно одинаково. Поэтому если вы знакомы с работой с текстом в Adobe Illustrator или Adobe InDesign, то большинство материала, изложенного в этой главе, вам уже известно.
Существуют и различия в работе с текстом, связанные с особенностями программы Adobe Photoshop. На них мы будем останавливаться отдельно, по скольку нигде, кроме книги о Photoshop, вы этого не узнаете.
Принципы работы с текстом
В Adobe Photoshop существует два вида текста – точечный и абзацный.
Точечный текст предназначен для написания коротких текстов – два-три слова, строка, реже – две или три строки; то есть для написания текста в определенной точке. Создать такой текст можно, просто щелкнув кнопкой мыши в любом месте документа при активном инструменте работы с текстом (рис. 20.1). (О различиях между инструментами мы поговорим чуть позже.) Точечный текст не обладает никакими ограничениями или автоматизацией оформления, и его внешний вид полностью задается пользователем. Длина строк и их количество не лимитированы, и окончание строки пользователь определяет, нажимая клавишу Enter.
Рис. 20.1. Точечный текст в окне документа
Абзацный текст предназначен для работы с большими объемами текста – обычно в несколько абзацев. Создается такой текст тоже несколько иначе: с помощью инструмента работы с текстом обозначается область, в которой будет помещен текст, – так называемый фрейм, или контейнер, если пользоваться терминологией программ макетирования (рис. 20.2). Длина строки текста в этом случае определяется автоматически – по границам контейнера, – а клавишей Enter пользователь задает конец абзаца. Таким образом, разные строки и разные абзацы для абзацного текста – это разные понятия, и абзацный текст обладает бульшим количеством настроек, чем точечный; в частности, для него доступны настройки расстояния между абзацами, абзацных отступов и т. д.
Рис. 20.2. Абзацный текст в окне документа
В процессе работы можно преобразовать текст одного типа в другой. При работе с точечным текстом доступна команда Layer → Type → Convert to Paragraph Text (Слой → Текстовый → Преобразовать в абзацный текст), которая превращает точечный текст в абзацный. Точно так же при работе с абзацным текстом на месте этой команды отображается команда Layer → Type → Convert to Point Text (Слой → Текстовый → Преобразовать в точечный текст), которая поможет преобразовать абзацный текст в точечный. Разумеется, все настройки, которые не существуют в новом виде текста (например, абзацные отступы), будут удалены.
Оба вида текста в результате создают специальный текстовый слой, в котором информация хранится в непиксельном виде – текст остается редактируемым, качество отображения текста не ухудшается при изменении размера (ведь нет ресамплинга), но, правда, на этом слое нельзя рисовать, к нему нельзя применять эффекты, фильтры и команды коррекции и т. д. Текстовый слой можно преобразовать в растровый командой Layer → Rasterize → Type (Слой → Растеризовать → Текст). После этой операции со слоем можно будет работать как с обычным слоем Photoshop – рисовать на нем, обрабатывать командами коррекции и фильтрами; однако одновременно мы потеряем возможность редактирования текста, не сможем безболезненно изменять его размер и т. д. Поэтому рекомендуется при растеризации текстовых слоев оставлять запасную, нерастеризованную копию.
Для работы с текстом в Adobe Photoshop существует четыре инструмента:
• Horizontal Type (Горизонтальный текст) – предназначен для создания текстовых слоев с горизонтально идущими строками текста (как то принято в большинстве языков) (рис. 20.3);
• Vertical Type (Вертикальный текст) – предназначен для создания вертикальных строк текста (как то принято в некоторых восточных языках); напомним, что Adobe Photoshop – программа мультиязыковая и в равной степени ориентирована на потребности как европейских дизайнеров, так и, скажем, китайских;
• Horizontal Type Mask (Горизонтальное текстовое выделение) – предназначен для создания выделения в форме горизонтальной строки текста (см. рис. 20.3), которое затем можно использовать с командами заливки и получить надпись поверх растрового слоя или задействовать другим образом;
• Vertical Type Mask (Вертикальное текстовое выделение) – предназначен для создания выделения в форме вертикальной строки текста.
Рис. 20.3. Текстовый слой и выделение в форме текста
Примеры работы с разными инструментами создания текста и с текстовыми слоями можно увидеть в видеоуроке «Создание и редактирование текста».
Настройки символов текста
Настроить отдельные символы текста можно на панели управления (при работе с одним из инструментов создания текста) или на палитре Character (Символ) (рис. 20.4). Следует помнить, что на панели управления выводятся не все настройки, а только наиболее употребимые.
Рис. 20.4. Палитра Character (Символ)
Гарнитурой называется совокупность начертаний шрифта. В большинстве случаев слова «сменить шрифт» означают «сменить гарнитуру»: первое высказывание является неточным, так как шрифт в этом контексте – компьютерный термин и означает, строго говоря, файл. Гарнитуру в компьютерных шрифтах составляют один или несколько файлов, в том числе варианты одного и того же шрифта – курсивный, жирный и т. д. Примеры различных гарнитур показаны на рис. 20.5.
Рис. 20.5. Разные гарнитуры
Начертания – это разные варианты одной гарнитуры (рис. 20.6). У большинства гарнитур четыре основных начертания: прямое (обычное), наклонное или курсивное, полужирное и полужирное наклонное (полужирное курсивное). Такая схема стала традиционной для компьютерных шрифтов, хотя профессиональные шрифты часто включают в себя большее количество начертаний: начертания разной степени жирности (светлые, обычные, полужирные, жирные), 296 начертания разной ширины (узкие, обычные, широкие) и т. д. Декоративные шрифты (рукописные, стилизованные) часто используют меньшее количество начертаний – иногда даже единственное. Начертания предназначены в первую очередь для создания выделений в тексте, и их наличие для декоративных шрифтов не является обязательным – ими оформляются короткие надписи (например, заголовки), в которых обычно нет выделений.
Рис. 20.6. Разные начертания гарнитуры Georgia
Кеглем называется размер символов (рис. 20.7). Размер символов текста измеряется в единицах измерения под названием «пункт»; один пункт равен 1/72 дюйма. Раскрывающийся список палитры Character (Символ) позволяет выбрать один из стандартных размеров символа, которые использовались еще в докомпьютерные времена. В поле раскрывающегося списка можно ввести и любое другое число, даже дробное.
Рис. 20.7. Текст, набранный разным кеглем
Интерлиньяж, или межстрочное расстояние, – это расстояние между строками текста (рис. 20.8). Измеряется оно от базовой линии (на которой «стоят» строчные буквы) одной строки до базовой линии другой строки, поэтому величина интерлиньяжа всегда должна быть больше, чем величина кегля, – разве что вы хотите, чтобы буквы соседних строк слипались и налезали одна на другую. Помимо фиксированных значений интерлиньяжа, Photoshop предлагает режим Auto, в котором межстрочное расстояние вычисляется автоматически (по умолчанию – 120 % от величины кегля).
Рис. 20.8. Набор текста с разными величинами интерлиньяжа
Трекинг и кернинг – понятия близкие, и оба относятся к горизонтальному расстоянию между символами. Трекинг – это расстояние между символами, применяемое для выделения разрядкой или в дизайнерских целях (рис. 20.9). Измеряется оно в тысячных долях ширины символа «М» – самого широкого символа в английском алфавите; таким образом, можно очень точно настроить поправку расстояния между символами.
Рис. 20.9. Набор символа с разными значениями трекинга
Кернинг – это смена расстояния между двумя символами, которая нужна для того, чтобы компенсировать особенности формы символов. Некоторые пары символов за счет своей формы выглядят так, как будто находятся друг от друга на большем расстоянии, чем оно есть, – например латинские буквы «A» и «V» или русская буква «Г» и многие строчные – «е», «о» и т. д. С помощью кернинга можно уменьшить расстояние между такими парами символов так, чтобы они казались расположенными правильно (рис. 20.10).
Рис. 20.10. Варианты выполнения кернинга для пар символов
Кернинг можно использовать только для двух символов за раз, поместив текстовый курсор между ними. Однако выделив несколько символов сразу, можно указать для них метод автоматического кернинга – Metrics (По метрике шрифта), Optical (Оптический) или нулевое значение (для отмены кернинга).
Вариант Metrics (По метрике шрифта) производит автоматический кернинг, ориентируясь на специальные таблицы кернинговых пар шрифта, в которых создателями шрифта указано, какие пары символов и насколько близко друг к другу следует располагать. Однако этот вариант не всегда дает результат, поскольку многие непрофессиональные шрифты вообще не имеют таблиц кернинговых пар.
Вариант Optical (Оптический) позволяет программе Adobe Photoshop самой расположить символы на том расстоянии, которое ей покажется правильным (см. рис. 20.10, нижний вариант) – для этого используется специальный алгоритм анализа оптической плотности и очертаний символов.
Поля высоты и ширины символов позволяют исказить формы символов и сделать их шире или уже, чем то заложено в шрифте (рис. 20.11). Это применяется в тех случаях, когда сам шрифт не содержит узких или широких начертаний; однако такой вариант считается неправильным, поскольку при искусственном растягивании или сжатии символов нарушается относительный баланс толщины вертикальных и горизонтальных линий. Ширина и высота символов измеряется в процентах от исходного размера символов.
Рис. 20.11. Искажение ширины символов
Смещение символов относительно базовой линии применяется либо в дизайнерских целях (для создания эффекта неровного или прыгающего текста (рис. 20.12)), либо в технических – например, для создания надписей или символов в верхнем и нижнем регистре (хотя есть такая автоматическая функция: сместив символ и уменьшив кегль вручную, можно получить другой результат). Смещение измеряется в пунктах, как и величина кегля.
Рис. 20.12. Смещение символов относительно базовой линии
Кнопки на палитре Character (Символ) включают различные режимы и эффекты текста.
Имитация полужирного начертания (рис. 20.13) применяется в тех случаях, когда необходимо создать полужирное начертание, а шрифт такого не имеет. Разумеется, результат будет хуже, чем реальное полужирное начертание, – по крайней мере, с точки зрения профессионального дизайнера, – но иногда это лучше, чем ничего.
Рис. 20.13. Реальные и имитированные начертания гарнитуры
Имитация курсивного начертания (см. рис. 20.13) также применяется в «безвыходных ситуациях», когда плохая имитация курсива лучше, чем никакой. Однако в этом случае есть еще одна проблема: в традиционных курсивных начертаниях форма символов меняется, приближаясь к рукописной, а это не может быть имитировано автоматически, имитацию курсива Adobe Photoshop выполняет, просто наклоняя символы вправо.
Имитация набора заглавными буквами (рис. 20.14) позволяет превратить строчные буквы в заглавные – это проще, чем набирать текст заново, и вдобавок эффект можно отключить, вернувшись к исходному варианту.
Рис. 20.14. Эффекты набора текста в разном регистре
Имитация набора капителью (см. рис. 20.14) позволяет превратить строчные буквы в заглавные, но меньшего размера; этот эффект редко используется в русскоязычном тексте, поскольку многие строчные и заглавные буквы и так совпадают по начертанию и различаются только по размеру – в то время как в английском языке большинство символов имеют сильно разнящиеся начертания в строчном и заглавном варианте.
Надстрочные и подстрочные символы (рис. 20.15) применяются для создания примечаний (цифры или символы звездочек пишутся в верхнем индексе) или в научном тексте (математические и химические формулы и т. д.). Этот эффект, как уже говорилось, можно выполнить вручную, а можно воспользоваться стандартными настройками.
Рис. 20.15. Верхний и нижний индексы
Подчеркивание и перечеркивание (рис. 20.16) применяются преимущественно в дизайнерских целях и иногда – в деловой документации (в европейской традиции).
Рис. 20.16. Перечеркивание и подчеркивание текста
Подчеркивание считается нежелательным для выделения текста – оно использовалось в текстах, напечатанных на пишущих машинках, которые не имеют других средств выделения, а в сверстанном тексте принято создавать выделения, используя начертания шрифта.
Перечеркивание текста обозначает устаревшую, недействительную информацию и используется рекламистами (например, перечеркивается и оставляется для сравнения старая цена на товар) или в деловых документах (перечеркиваются, но не удаляются недействительные статьи договоров и т. д.).
Выбор языка текста позволяет настроить систему автоматической расстановки переносов (для абзацного текста) и проверки орфографии.
Выбор способа пиксельного сглаживания актуален для очень мелкого текста и позволяет найти баланс между степенью сглаженности границ пикселов и читаемостью текста.
Результат действия настроек символов также можно увидеть в видеоуроке «Настройки символов текста».
Настройки абзацев текста
Настройки абзацев текста, как можно догадаться, актуальны только для абзацного текста, и для точечного текста – недоступны. Эти настройки собраны на палитре Paragraph (Абзац) (рис. 20.17).
Рис. 20.17. Палитра Paragraph (Абзац)
Семь кнопок в верхней части палитры отвечают за разные варианты выключки строк, то есть за их «выравнивание» (рис. 20.18). Это выключка влево и вправо, выключка по центру и четыре варианта выключки по формату (по ширине), различающиеся выключкой последней строки – влево, по центру, вправо и по ширине (в этом варианте все строки растягиваются на всю ширину текстового контейнера).
Рис. 20.18. Абзацы текста с разной выключкой строк
Такое количество вариантов выключки по формату стало традиционным для программ фирмы Adobe в связи с ориентированностью их не только на европейских и американских дизайнеров, но и на дизайнеров, работающих с восточными языками.
Отступы слева и справа позволяют создать для одного из абзацев эффект, называемый втяжкой, и таким образом выделить его (рис. 20.19). Этот эффект часто применяется в научных текстах для выделения цитат, определений, правил и т. д. (даже в этой книге использована втяжка для дополнительного выделения примечаний).
Рис. 20.19. Создание втяжки текста с помощью отступов слева и справа
Абзацный отступ используется в большинстве текстов (рис. 20.20) – с его помощью абзацы визуально отделяются друг от друга. Для абзацного отступа можно установить отрицательное значение (обычно это делается одновременно с установкой левого отступа, чтобы строка не «выезжала» за пределы текстового контейнера) и таким образом создать обратный абзацный отступ.
Рис. 20.20. Текст, набранный без абзацных отступов и с абзацными отступами
Альтернатива абзацному отступу – использование отбивки абзацев, то есть дополнительного свободного пространства между ними (рис. 20.21). Отбивка создается с помощью отступа перед абзацем или после него. Эта же настройка может использоваться для отбивки заголовков или разделов текста. Существенной разницы между использованием отступа перед абзацем и после абзаца нет.
Рис. 20.21. Текст с использованием абзацных отступов и отбивок между абзацами
Флажок активизации автоматических переносов позволяет программе Photoshop автоматически выставлять переносы в словах, которые иначе были бы целиком перенесены на другую строку. За счет этого при выключке влево или вправо край текста выглядит ровнее, а при выключке по ширине расстояния между словами в соседних строках не так сильно различаются (рис. 20.22).
Рис. 20.22. Текст без переносов и с использованием автоматических переносов
Примеры использования настроек абзацев можно увидеть в видеоуроке «Настройки абзацев текста».