Муниципальное образовательное казенное учреждение дополнительного образования детей «Детская Художественная школа г.Свирска»
Методическая разработка к уроку:
«Применение спецэффектов с текстом в программе Photoshop»
Составитель: преподаватель
«МКОУ ДОД ДХШ г.Свирска»
Белова Наталья Александровна
г.Свирск 2017 г.
«Применение спецэффектов с текстом в программе Photoshop»
Цели занятия
познакомить учащихся со значением шрифта в дизайне;
дать классификацию шрифтов;
научить учащихся пользоваться инструментом создания и редактирования текста.
Шрифт можно исследовать с трех сторон: как произведение графического искусства, как информационное средство и как элемент компьютерных технологий.
Художественное значение шрифта зависит от впечатления человека, читающего текст. Шрифт способен придать эмоциональную окраску тексту, с его помощью можно выделить или подчеркнуть отдельные фрагменты. Художественные свойства шрифта не имеют определенных параметров - все зависит от таланта дизайнера.
Классификация в любой области не бывает однозначной, и классификация шрифтов не является исключением. Однако существует более или менее общая классификация, которой придерживаются многие дизайнеры, издатели и полиграфисты.
В соответствии с этой классификацией шрифты разделяются на несколько крупных групп.
Антиквенные шрифты, которые характеризуются тем, что знаки обладают контрастными штрихами (тонкими и толстыми) и засечками.
Рубленые шрифты, которые характерны тем, что у них штрихи одинаковой толщины и отсутствуют засечки.
Египетские шрифты, для которых характерны прямоугольные засечки. Эти шрифты впервые появились в Англии в те времена, когда вся страна была очарована египетской культурой, и такое название было дано этим шрифтам только по этой причине.
Орнаментированные шрифты, которые напоминают почерк; шрифты со свободными художественными элементами.
Каждая из этих групп делится на сотни гарнитур. Гарнитура - семейство начертаний с общими стилевыми параметрами, особенными деталями и собственным наименованием. Начертания различаются по наклону и насыщенности.
Эффективное использование шрифта - это выбор подходящей гарнитуры и ее начертаний, подходящего размера в соотношении к размеру страницы, полосы набора и длины строки, гармоничных пробелов между словами, между строками, между абзацами, между текстом и заголовками.
Для выбора гарнитур для оформления документа следует руководствоваться принципом контраста (один наборный шрифт и один заголовочный, различающиеся по одному или нескольким параметрам, например, с засечками и без засечек, светлый и полужирный, мелкий и крупный) и правилом простоты - использовать не более двух гарнитур. В этом выборе необходимо также придерживаться уместности шрифта тому содержанию, которому посвящен текст. В таком случае необходимо учитывать художественное своеобразие некоторых шрифтов. Например, орнаментированные или рукописные шрифты мало подходят для набора основного текста, но приемлемы для коротких и характерных заголовков.
Для шрифтового дизайна предпочтительнее применять нейтральный классический шрифт, который не будет отвлекать читателя от содержания документа, чем оригинальный, который затмит смысл документа своей экстравагантностью.
Выбор размера шрифта также требует учета множества факторов: значимости элемента на странице или во всем документе и баланс его с другими элементами, ширину полосы или строки, окружающее пустое пространство (поля, отбивки, пробелы между строками).
Для создания текстовых строк в программе Photoshop используется инструмент Type Tool (Текст). Он позволяет создавать горизонтальные и вертикальные строки, а также выделения в виде текста.
В панели свойств возможно поменять гарнитуру шрифта, размер букв, их цвет, написание, выравнивание абзацев и другие стандартные свойства текста (рис 1.). Для того, чтобы изменить свойства уже написанного, надо выделить текст или его часть, как в стандартном текстовом редакторе. Чтобы принять все изменения, надо щелкнуть на галочке (Commit any current edits) в панели свойств, в обратном случае - нажать на "запрещающий" значок (Cancel any current edits).
Рис. 1. Работа с текстовой строкой
Весь введенный текст размещается на отдельных текстовых слоях. В любой момент редактирования, перейдя на нужный слой, можно внести исправления в строку. В некоторых случаях производят операцию растрирования слоя, которая превращает текстовые строки в " картинку ".
На примере текстового слоя рассмотрим применение к слоям различных эффектов (рис. 2.).
Эффекты отображаются в панели слоев (рис. 3.), их в любой момент можно редактировать, копировать, отключать видимость. Следует заметить, что почти все эффекты слоя "работают " только в том случае, если вокруг изображения есть прозрачная область.
Рис. 2. Применение к слою эффекта тени и объемности
Рис. 3. К текстовому слою применен эффект слоя
В программе Photoshop текст является векторным.
Текст в программе Photoshop имеет жесткие, четко определенные границы, потому что программа при создании и изменении текста использует векторный контур. В то же время текст является растровым и имеет то же разрешение, что и обыкновенное изображение.
Как только с помощью инструмента Текст был создан текст в программе Photoshop, он автоматически появляется на своем собственном слое. В любой момент можно изменить его атрибуты: шрифт, стиль, кегль, цвет, межстрочный интервал, выравнивание, положение относительно базовой линии.
Отображение рисунка за слоем текста
Выберите изображение для фона в палитре Слои. Следуя приведенным ниже инструкциям, можно осветлить фоновое изображение под слоем эффекта Отбросить тень.
Выполните команду Слой > Coздать корректирующий слой > Уровни, а затем щелкните по кнопке ОК.
Можно выбрать пункт Уровни из всплывающего меню, вызываемого нажатием кнопки Создать новый слой заливки или корректирующий слой, расположенной в нижней части палитры Слои:
Установите флажок Предварительный просмотр.
Передвиньте серый ползунок Ввод немного влево, а черный ползунок Вывод - немного вправо.
Щелкните по кнопке ОК.
Отображение текста позади слоя с рисунком
Создайте текстовый слой.
Создайте дубликат текстового слоя, перетащив его на кнопку Создать новый слой, расположенную в нижней части палитры Слои. Скройте исходный текстовый слой (сохраните для будущего редактирования).
Выделите дубликат слоя, а затем выполните команду Слой >Текст > Преобразовать в фигуру. Воспользуйтесь командой меню Слои > Изменить содержимое слоя > Уровни). Эффект отсечения не будет виден до тех пор, пока вы не измените слой-дубликат.
Передвиньте серый ползунок средних тонов Ввод влево к светлым полутонам, затем дождитесь изменений на экране. Можно переместить и ползунок светлых тонов. Кроме того, передвиньте ползунок Вывод темных тонов вправо, чтобы уменьшить контрастность текста.
Нажмите кнопку ОК. Щелкните по слою, содержащему фоновое изображение.
Заполнение текста изображением с помощью команды Paste Into
Создайте текстовый слой. Впоследствии его можно будет редактировать, преобразовывать в слой фигур или в растровый формат.
Активизируйте слой в том же файле или в другом, содержащем нужное изображение.
Воспользуйтесь командой меню Выделить > Все или создайте выделение с помощью мыши.
В меню Правка выполните команду Копировать, которой соответствуют сочетания клавиш Ctrl+C.
Выделите изображение, содержащее текстовый слой, а затем, нажав клавишу Ctrl,щелкните по имени этого слоя.
В меню Правка выполните команду Вставить в или нажмите комбинацию клавиш Ctrl+Shift+V. Автоматически будет создан слой, содержащий маску слоя, и изображение станет видимым сквозь маску, форму которой задает текст.
По желанию.Выделив миниатюру нового слоя на палитре Слои, воспользуйтесь инструментом Перемещение, который активизируется при помощи клавиши V, а затем переместите вставленное изображение в пределах текста. Теперь щелкните между миниатюрой слоя и миниатюрой маски слоя, чтобы связать маску с изображением. Пока существует эта связь, нельзя переместить изображение внутри маски.
Создание исчезающего текста
Создайте текст и оставьте его слой активным. Текст можно редактировать и преобразовывать в растровый формат.
В нижней части палитры Слои щелкните по кнопке Добавить маску. Рядом с именем слоя появится миниатюра маски. Выберите инструмент Градиент, нажав клавишу G или комбинацию клавиш Shift+G.
На панели опций щелкните по кнопке с треугольной стрелочкой в поле Градиент и выберите граничные цвета. Щелкните по кнопке Линейный градиент, выберите режим Нормальный и введите значение непрозрачности равное 100%.
Удерживая кнопку мыши, перетащите курсор сверху вниз или справа налево в окне изображения, по крайне мере, через половину текста. Маска текстового слоя заполнится градиентом от-белого-к-черному. Текст будет спрятан в тех местах, где на маске присутствует черный цвет.
Применение эффектов слоя к полупрозрачному тексту
Эффекты слоя могут быть применены только к слоям, допускающим редактирование
Создайте текст на редактируемом текстовом слое.
Дважды щелкните по имени текстового слоя.
В окне Стиль слоя выберите один или несколько эффектов с левой стороны диалогового окна Отбросить тень, Внутренняя тень, Внутреннее свечение, Скос и рельеф и выберите параметры для каждого эффекта
Применить эффект Атлас для того, чтобы затемнить содержимое текстового слоя. Эффекты Наложение цвета или Наложение градиента позволяют получить эффект тонирования; a Наложение узора имитирует заполнение текста узором.
Щелкните по полю Опции смешивания в диалоговом окне Стиль слоя. В разделе Дополнительные параметры смешивания перетащить ползунок Непрозрачность заливки на отметку 0%. Если необходимо, изменить параметры эффектов слоя.
Нажать кнопку ОК.
Обводка текстового слоя
В выпадающем меню выберите Опции смешивания палитры Слои.
Щелкните по надписи Обводка, расположенной с левой стороны диалогового окна Стиль слоя, и проверьте, установлен ли флажок Предварительный просмотр.
Выберите в разделе Структура значения параметров Размер, Положение это может Снаружи, Внутри или По центру, Режим смешивания, Непрозрачность, Тип заливки и Цвет.
Щелкните по кнопке ОК (либо нажмите клавишу Enter).
Создание выделения в форме символов
Программа Photoshop позволяет создавать выделение в форме символов текста. Это может понадобиться в нескольких случаях: чтобы скопировать рисунок в форме символов; замаскировать (ограничить) эффект корректирующего слоя, примененный к тексту; или чтобы добавить к изображению маску слоя, имеющую форму литер (команды Отобразить выделение и Спрятать выделение.
Выделите слой, на котором необходимо создать выделение в форме символов (необязательно текстовый слой).
Активизируйте инструмент Текстовая маска, нажав клавишу Т или Shift+T.
Щелкните в том месте окна изображения, где должно быть выделение. Через некоторое время появится Быстрая маска.
Создайте и отредактируйте текст, чтобы зафиксировать изменения
Перемещение выделения в форме символов
Выберите инструмент Прямоугольная область, нажав клавишу М (не инструмент Move).
На панели опций щелкните по кнопке Создать новое выделение.
Нажав кнопку мыши внутри выделенной области, перетаскивайте курсор в окне изображения. Второй способ: нажмите клавишу со стрелкой. Удерживая нажатой клавишу Shift, нажимайте клавишу со стрелкой. При этом текстовое выделение каждый раз будет смещаться на 10 пикселов.
На самом деле спецэффектов, применяемых для текста бесчисленное множество, мы рассмотрели лишь их основу.
