Создание оригинального персонажа в Adobe Photoshop
В этом уроке мы будем рисовать необычного персонажа. Однако урок отличается от тех, что мы обычно публикуем. Здесь нет детальных описаний техник, зато доступно рассказано о том, какие этапы нужно пройти для создания такой иллюстрации. Настоятельно рекомендуем не пытаться повторить шаг за шагом урок, а работать по этим же шагам, но с собственной иллюстрацией, используя урок как руководство и источник вдохновения.
Результат
Шаг 1
Создаем новый документ. Размер выбирайте по своему усмотрению, однако старайтесь сохранить примерно квадратные пропорции.
Шаг 2
Давайте убедимся в том, что включены параметры Shape dynamics/Динамика формы и Transfer/Передача.
Шаг 3
Для начала создадим вспомогательные линии и линии движения, на базе которых создадим тело персонажа.
Шаг 4
Прорабатываем детали все еще на этапе наброска.
Шаг 5
Создаем новый слой и работаем в нем уже как в чистовике.
Шаг 6
Добавляем серый фон, который поможет нам работать со светом, так как по задумке изображение должно быть темным.
Шаг 7
На этом этапе мы корректируем линии, которые кажутся нам неидеальны и добавляем детали, возможно какое-то описание, историю, дополняющие картину.
Шаг 8
Добавляем базовые цвета.
Шаг 9
Укажите слою с наброском режим наложения Multiply/Умножение и настройте прозрачность так, чтобы вы видели лини как ориентир.
Шаг 10
Выбираем слой с цветом для лица и рисуем блики и тени.
Шаг 11
Создайте новый слой поверх оригинала и, удерживая клавишу ALT кликните между слоями. Верхний слой станет обстравочной маской для нижнего. Теперь вы можете спокойно рисовать в этом слое, не боясь испортить контур.
Шаг 12
Убедитесь, что у каждой части тела есть своя группа слоев. Следите за тем, чтобы система слоев была четко организована.
Шаг 13
В этом шаге мы можем корректировать детали и пропорции тела, которые нравятся нам меньше, или теперь выглядят иначе.
Шаг 14
Если вы хотите добавить деталей, которых не было в наброске, найдите референсы, чтобы четко понимать что именно вы хотите нарисовать.
Шаг 15
Мы добавили несколько новых деталей.
Шаг 16
Чтобы произвести цветокоррекцию новых деталей, создайте новый слой в режиме Multiply/Умножение, сделайте его обтравочной маской для оригинального слоя, выберите цвет из вашей палитры, подходящей к той части, которую редактируете, и рисуйте.
Шаг 17
Добавляем дополнительных деталей, не выходя за пределы нашей палитры.
Шаг 18
Повторяем предыдущие шаги там, где хотим добавить деталей.
Шаг 19
Таким же образом работаем над ногами: корректируем цвет и добавляем деталей.
Шаг 20
В процессе рисования у вас может появиться желание переделать какие-то части рисунка. В нашем случае это меч.
Шаг 21
Добавляем завершающие детали.
Шаг 22
Убедитесь что вы закончили редизайн того, что хотели переделать, и движемся дальше.
Шаг 23
В этом шаге мы займемся свободным рисованием: без набросков, просто кистями, учитывая, естественно, цветовую палитру изображение.
Шаг 24
Убедитесь что не вылетели за пределы цветовой палитры, и переходим к следующему шагу.
Шаг 25
Несколько дополнительных эффектов для создания антуража.
Шаг 26
Отключаем слои с персонажем и беремся за фон. Делаем свободные штрихи на темном фоне, чтобы выделить персонажа.
Шаг 27
Помещаем все слои в папку под соответствующим названием и применяем Photofilter/Фотофильтр.
Шаг 28
Температура цвета с фотофильтром становится равномернее во всей работе.
Шаг 29
Дайте волю творческим порывам и добавьте необычных деталей.
Шаг 30
Чтобы сделать цвета и температуру цвета более компактными, создаем новый слой в режиме Multiply/Умножение, и в нем доабвляем оттенков цветом, который наиболее превалирует в изображении.
Шаг 31
Теперь мы папку со всем, что у нас есть. Дублируем ее и объединяем все в один слой. Отключаем видимость оригинальной папки, но сохраняем ее.
Шаг 32
Добавляем эффект Noise/Шум, но совсем немного.
Результат
Вот и все.
Автор урока Javier Salas
Перевод — Дежурка
Смотрите также:
- Как правильно рисовать лица из мультиков
- Принципы дизайна анимационного персонажа
- Рисуем животных: кошки и их анатомия
Курс «Создание игрового персонажа в Photoshop» – школа программирования Coddy в Москве
Главная
Курсы
Создание игрового персонажа в Photoshop
«Создание игрового персонажа в Photoshop» — это курс, который погрузит каждого ребенка в мир творчества, а также познакомит с основами графического дизайна.
Рисование в графическом редакторе для многих станет настоящей находкой, так как именно здесь может проявится вся яркая индивидуальность человека.
Подумать только! Держа в руках лишь компьютерную мышь, можно создать нечто уникальное, а также улучшить что-то существующее: восстановить старинные фотографии, создать дизайн одежды, разработать интерьер для своего будущего дома, нарисовать полностью новый мир, а также многое другое сможет каждый, познакомившись с надежным помощником в компьютере.
На занятиях ребенок:
· разовьет креативное мышление;
· разовьет чувство цвета и композиции;
· научится с нуля рисовать любые изображения;
· научится обрабатывать изображения любой сложности;
· научится делать стильный дизайн любых объектов;
· создаст свой проект уникального персонажа.
Умение создавать, рисовать и редактировать в самом популярном графическом редакторе — это очень ценный и актуальный навык в наше время.
Начиная с простых задач и заканчивая созданием дизайна своего сайта для бизнеса, Photoshop обязательно поможет каждому и ускорит достижение необходимого результата.
Хотите чтобы ваш ребенок овладел Photoshop на профессиональном уровне? Хотите чтобы он стал автором собственных неповторимых проектов? Приходите на этот потрясающе интересный и полезный курс.
Системные требования к компьютеру
Просьба убедиться, что Ваш компьютер подходит для курса. Рекомендации по ссылке
Инструкция по установке программ для курса «Создание игрового персонажа в Photoshop».
Скачать по ссылке
По завершении курса каждый ученик получает именной сертификат от CODDY
Стоимость курсов
Занятия в группах
онлайн
По будням и выходным дням
от 750 Ь/час
Заказать
Занятия в группах
офлайн
По выходным дням
от 850 Ь/час
Заказать
Персональные
онлайн и на дому
Индивидуальное расписание
от 1050 Ь/час
Заказать
Вдохновлены технологиями.
Разработано программистами.
Преподаватели
Даниил Б.
Рисование в стиле «Аниме», Digital art: рисование на планшете, Основы цифрового рисунка в Procreate, Скетчинг, Город будущего, Создание игрового персонажа в Photoshop, Графический дизайн Photoshop, Программирование Minecraft, Python и JavaScript: игровое программирование в CodeCombat
Виталий К.
Digital art: рисование на планшете, Игровое 3D-моделирование в Blender, Robowin: основы логики и алгоритмики, Разработка мобильных игр на Android, Графический дизайн Photoshop, Создание игрового персонажа в Photoshop, Дизайн-мышление, Основы видеомонтажа в Movavi, Кибербезопасность
Ульяна Р.
Digital art: рисование на планшете, TinkerCAD: cоздание 3D-объектов для Minecraft, Создание игрового персонажа в Photoshop, Графический дизайн Photoshop, Marvel в Photoshop
Екатерина К.
Digital art: рисование на планшете, Основы цифрового рисунка в Procreate, Рисование в стиле «Аниме», Скетчинг, Создание анимационной интерактивной презентации, Создание игрового персонажа в Photoshop, Веб-дизайн с нуля, Графический дизайн Photoshop, Дизайн сайтов, Основы Adobe Illustrator
Лилия У.
Основы цифрового рисунка в Procreate, Скетчинг, Создание анимационной интерактивной презентации, Цифровая фотография и Photoshop, Презентация PowerPoint, Дизайн-мышление, Основы Adobe Illustrator, Создание игрового персонажа в Photoshop
Вас также могут заинтересовать:
Подробнее о курсе
Подробнее о курсе
Подробнее о курсе
Говорите!
3 из 3 курсов
Смотреть все курсы
Наши занятия
А также добавляйте стикеры себе в мессенджерах и пользуйтесь в социальных сетях совершенно бесплатно!
Для Instagram: для сториз вбейте в поиск «coddy», и вы найдете множество разных стикеров, а также гифок!
Разбавьте свое общение в мессенджерах! WhatsApp на Android: скачать стикеры бесплатно по по ссылке.
WhatsApp iOs: мы работаем над этим и скоро у яблочных пользователей также будут стикеры!
Для Viber: скачать бесплатно по по ссылке.
Для Telegram: скачать бесплатно по по ссылке.
Если у вас нет телеграм, то вы можете
самостоятельно его установить на свое
устройство, следуя инструкции.
Все права на товарный знак CODDY защищены и зарегистрированы (Государственный номер регистрации 760301). Использование визуальных и интеллектуальных материалов только с согласия создателей проекта. Лицензия на образовательную деятельность № 041789.
Курсы и лагеря CODDY не являются официальными продуктами MIT Media Lab®, Mojang®, Roblox®, Epic Games®, Unity®, CodeСombat®, Crytek®, Apple®, Blender®, Microsoft®, Scirra®, Adobe®, Autodesk®.
Сайт создан с любовью и вдохновением командой CODDY.
5.0
Отзывы о Coddy
Academy Market
Photoshop Typography: Элементы панели «Символ»
Узнайте все о параметрах шрифта на панели «Символ» в Photoshop — интерлиньяж, кернинг, отслеживание, масштабирование, сдвиг базовой линии и многое другое!
Многие пользователи Photoshop не имеют доступа к другим программам, которые позволяют им комбинировать текст с изображениями, например Adobe InDesign.
Компания Adobe знает, что многие люди используют Photoshop для создания документов с текстом и изображениями, и поэтому расширила набор инструментов, доступных пользователям Photoshop.
В связи с этим я начал серию «Типографика Photoshop», чтобы помочь вам сделать шрифт в Photoshop профессиональным.
В своем первом посте я затронул некоторые основные моменты хорошего набора текста.
В этом посте я сосредоточусь на инструментах, доступных на панели «Символ», и по мере продвижения буду объяснять некоторые секреты хорошего шрифта.
Панель «Символ» В Photoshop
Откройте панель «Символ», выбрав «Меню типов» → «Панели» → «Панель типов».
Вы также можете нажать Cmd/Ctrl-T, чтобы открыть окно. В этом окне вам становятся доступны всевозможные типы и опции.
Пришло время отправиться на разведку. Я пронумеровал различные области, чтобы привлечь ваше внимание.
#1 — Выберите шрифт
Выберите нужный шрифт, щелкнув имя шрифта в левом верхнем углу панели — в настоящее время на снимке экрана отображается Helvetica Neue.
Нажмите на стрелку, указывающую вниз, справа от поля, чтобы увидеть все меню доступных в настоящее время шрифтов, или поместите курсор в начало поля и введите первые несколько букв имени нужного шрифта.
Photoshop автоматически отобразит шрифт, который вы вводите, начиная с первых нескольких букв.
Кстати, если у вас есть шрифт, который вы хотите установить и использовать, вы можете установить его в любое время, и вам не нужно перезапускать Photoshop, чтобы использовать только что установленный шрифт.
Когда вы устанавливаете новый шрифт, вы можете заметить, что Photoshop будет колебаться секунду или две в первый раз после установки, когда вы нажимаете на это меню, пока он обновляет свой список доступных вариантов шрифтов.
Это нормально и, конечно, лучше, чем перезапускать.
#2 – Выберите определенный стиль шрифта
Напротив названия шрифта вы выбираете определенный стиль вашего шрифта; например Жирный, светлый курсив и т.
д.
Нажмите и удерживайте, чтобы просмотреть все параметры в любом установленном семействе шрифтов.
Это полезно, когда вы пытаетесь использовать разную толщину и ширину для обеспечения визуального контраста при использовании только одного или двух семейств шрифтов для полированного окончательного документа.
Предварительный просмотр каждого варианта осуществляется с помощью слова «Образец» рядом с названием, чтобы вы могли сравнить.
Вы также можете выбрать блок текста, затем поместить курсор в поле «Стили» и перемещаться вверх и вниз с помощью клавиш со стрелками, чтобы сравнить стили, так как Photoshop автоматически применяет тип к вашему выбору, чтобы показать вам предварительный просмотр того, как ваш текст будет появляться.
Этот совет по использованию стрелок для повышения и понижения значений в поле относится ко всем полям на этой панели, а не только к этому.
#3 – Выберите размер шрифта
Выберите размер шрифта, который вы хотите здесь.
По умолчанию число относится к пунктам (pt). В дюйме 72 точки.
Вы также можете ввести другие единицы измерения, например 1 дюйм, и Photoshop вычислит точный эквивалентный размер в пунктах и покажет результат в пунктах.
В раскрывающемся списке можно выбрать один из предустановленных размеров шрифта, например шрифт 18 pt, или ввести пользовательский размер.
Вы можете использовать клавиши со стрелками, чтобы увеличить или уменьшить размер точки, просто выбрав число в поле точки, а затем нажимая стрелки вверх и вниз.
Весь выбор выделенного типа будет изменять размер при использовании стрелок.
#4 – Установка интерлиньяжа
В этом поле устанавливается интерлиньяж, термин, означающий расстояние между строками. Это наследие того времени, когда все шрифты устанавливались вручную, а металлические полоски, используемые для разделения каждой строки металлического шрифта, были сделаны из свинца.
Вы можете либо оставить начальное значение автоматическим, либо задать число.
По умолчанию автоматический интерлиньяж составляет 120 % от выбранного размера шрифта. Таким образом, если вы выберете тип 30 пунктов, автоматический интерлиньяж будет равен 36 пунктам.
Это значение по умолчанию можно навсегда изменить в Photoshop, открыв панель «Абзац», выбрав «Обоснование» во всплывающем меню и изменив значение со 120% на другое.
Подробнее о панели абзаца мы поговорим позже.
Если вы хотите немного больше или меньше места между строками, для эффекта или для улучшения разборчивости, вы можете установить конкретное число, например, 30 пунктов с 42 пунктами интерлиньяжа, иногда пишется как 30/42 (тридцать на сорок-пять). два).
Для достижения наилучших результатов каждый пробел и символ в каждой строке, которую вы хотите изменить, должны быть выделены до того, как вы измените начальное значение.
#5 – Установка кернинга
Метрическая или оптическая позволяет автоматически выбирать между двумя различными способами интервала между типами.
Чтобы увидеть, что они делают, выберите тип блока и щелкните стрелку раскрывающегося списка.
Щелкните Оптический. Большая часть интервалов будет меняться и часто будет приводить к более приятному расположению вашего шрифта.
Я почти всегда использую Optical, но всегда буду проверять Metrics, чтобы понять, нравится ли мне это больше.
Независимо от того, что вы выберете, важно проверить отдельные пары кернинга в вашем типе, чтобы убедиться, что каждая пара работает хорошо.
Это особенно важно при работе с недорогими шрифтами, так как качество кернинга каждого шрифта зависит от того, сколько времени и внимания дизайнеры шрифтов вкладывают в создание интервала между каждой парой букв.
#6 — При необходимости измените трекинг
В этом поле можно изменить расстояние между отдельными буквами с помощью элемента управления трекингом.
Разработчики шрифтов встраивают числовые значения интервалов в свои дизайны шрифтов, чтобы обеспечить автоматическое отслеживание, пропорциональное изменение интервалов между буквами, помогая различным формам букв сочетаться друг с другом наиболее сбалансированным образом.
Многим пользователям Photoshop никогда не понадобится прикасаться к этому полю, но люди, которые придирчивы к шрифту, часто используют его для настройки интервала между отдельными парами букв.
Не все шрифты созданы одинаковыми, и вы можете обнаружить, что конкретный шрифт, который вы используете, не имеет идеального автоматического кернинга.
В моем случае мне часто приходится корректировать кернинг моей фамилии.
Во многих шрифтах правильно расставить пробелы между буквами O, апострофами и буквами C в слове O’Connor сложно, поэтому я настраиваю пары кернинга вручную, чтобы уменьшить или ослабить расстояние между отдельными наборами символов для достижения наилучших результатов.
Для определенного размера и стиля, которые я буду часто использовать, например, для нанесения своего имени на печать, я превращу шрифт с правильным кернером в кисть, которую я могу использовать, щелкнув один раз, чтобы отпечатать свое имя, с элегантным кернером, всякий раз, когда мне это нужно.
#7 – Масштабирование шрифтов с высотой шрифта
Высота шрифта может быть увеличена или уменьшена в процентах от его исходной высоты в этом окне.
Вы должны очень нервничать, делая это больше, чем на пару процентных пунктов в любом направлении; это яркий пример того, что «То, что вы можете, не означает, что вы должны».
Этот инструмент обычно предназначен для того, чтобы что-то помещалось в определенное пространство, но большинство людей хотя бы время от времени экспериментируют с растягиванием шрифта по вертикали.
При этом некоторые шрифты масштабируются более привлекательно, чем другие, как показано в примере ниже.
Сравнение с исходным размером A показывает, что растянутая буква A выглядит более тонкой, хотя при ближайшем рассмотрении засечки (маленькие поперечные полоски внизу буквы) показывают, что они не масштабировались должным образом, и выглядят немного тяжелый.
Многие буквы при таком масштабировании выглядят намного хуже.
Тем не менее, всегда подходите к этому инструменту осторожно.
#8 – Масштабирование шрифтов с шириной шрифта
Ширину шрифта можно масштабировать таким же образом.
По моему опыту, чаще можно увидеть, как художники масштабируют шрифт по горизонтали, чтобы шрифт подошёл по размеру, а не по вертикали, и только после того, как они попробовали использовать два инструмента непосредственно выше на этой панели, обычно устанавливая оптический кернинг, а затем ужесточая отслеживание. .
Если регулировка соответствия между отдельными буквами или целыми абзацами не совсем эффективна, можно применить пару процентных пунктов шире или уже, но это не будет слишком заметно.
Здесь тот же 171%, ранее примененный к A для высоты, делает букву очень широкой по сравнению с обычной A непосредственно перед ней и масштабированной A перед обычной A.
В качестве альтернативы масштабированию вашего шрифта шире или уже, некоторые семейства шрифтов включают расширенные или широкие версии в дополнение к обычным.
Эти преднамеренно нарисованные более широкие или узкие версии глифов демонстрируют хороший баланс и эстетику и визуально предпочтительнее, чем использование Photoshop для масштабирования буквы для эффекта.
Лучше всего сначала проверить шрифт, который у вас уже есть, щелкнув раскрывающееся меню стилей шрифта, обозначенное цифрой 2 ниже.
Когда вы это сделаете, все стили, доступные для определенного шрифта, будут доступны для выбора, и вы сможете увидеть, есть ли у вас сжатые или расширенные версии определенного шрифта, который вам нравится, как показано на снимке экрана ниже.
В этом шрифте также доступен расширенный набор, хотя в данный момент он не установлен на моем компьютере.
Если у вас нет шрифтов с расширенным или сокращенным набором символов, у вас есть доступ к различным параметрам.
Ваша ежемесячная подписка на Photoshop включает в себя доступ к широкому выбору шрифтов в различных стилях, которые различаются в зависимости от вашей подписки.
Чтобы найти новые шрифты, включенные в вашу ежемесячную подписку, вы можете перейти к первому полю слева на панели символов Photoshop, где отображается имя текущего шрифта.
Нажмите на стрелку справа от имени меню шрифтов, чтобы отобразить все доступные шрифты, а затем нажмите на область, обведенную красным на скриншоте выше.
Когда вы это сделаете, откроется браузер по умолчанию, и вы будете подключены к окну выбора Adobe, предлагающему различные гарнитуры.
В правой части экрана вы увидите панель, позволяющую выбирать по стилю, как показано на снимке экрана ниже, так что, если вы ищете шрифты с расширенными стилями или сжатыми стилями, вы можете искать по определенным критериям. просто нажав на кнопки.
На снимке экрана я выбрал шрифты с засечками и расширенные (более широкие) символы.
Будут представлены различные семейства шрифтов, и чем больше шрифтов в семействе, тем больше вариаций вы сможете выбрать.
Таким образом, на снимке экрана выше шрифт Matrix II имеет 23 начертания, а шрифт Realigned — только 7 начертаний.
Больше вариантов обычно лучше.
#9 – Настройка с помощью инструмента «Сдвиг базовой линии»
Инструмент «Сдвиг базовой линии» позволяет выбрать один или несколько символов для перемещения вверх или вниз относительно базовой линии.
Некоторые люди используют этот инструмент, чтобы заставить строку текста идти именно туда, куда они хотят, вместо точной настройки интерлиньяжа для этой строки или этого блока текста.
Это следует делать экономно, если вообще нужно, чтобы, если вам нужно внести изменения, вам не пришлось менять целую кучу базовых корректировок после изменения.
В других случаях инструмент используется для перемещения одного символа, чтобы настроить его для визуального совершенства.
В примере, показанном выше, я добавил маркер, используя ITC Eras, шрифт с квадратной формой маркера, который мне нравится использовать, но с небольшим изменением.
Пуля, на мой взгляд, расположена немного выше базовой линии, поэтому я переместлю ее вниз с помощью инструмента сдвига базовой линии, визуально сбалансировав ее относительно букв.
Я могу использовать клавиши со стрелками, чтобы проверить перемещение вверх и вниз, чтобы увидеть эффект еще одной или двух точек вверх или вниз.
На скриншоте выше я применил отрицательное значение 2,5 пункта к выделенному маркеру, что смещает его вниз, чтобы лучше сбалансировать его центр с поперечным штрихом буквы А и центром нижнего регистра. символов во всей строке шрифта.
Я думаю, что это выглядит лучше, как показано выше (некоторые любители шрифтов не согласятся).
#10 – Изменить тип с помощью поля цвета
Поле цвета позволяет вам изменить выбранный тип, от одного символа до всех символов, выделив текст, который вы хотите изменить, а затем дважды щелкнув поле цвета чтобы выбрать любой цвет, который вы хотите для вашего текста.
Вы можете выбрать цвет, нажав на большой квадрат, показывающий различные оттенки цвета, или на ползунок, чтобы переместить цветовой диапазон в диапазон цветов, который вам больше нравится.
Кроме того, если у вас есть определенные значения цвета, необходимые для конкретного задания, например цвета логотипа, вы можете ввести их в различных показанных цветовых системах (HSB, RGB, Lab или CMYK).
Не забудьте правильно настроить цветовой профиль для документа, чтобы убедиться, что ваш цвет совпадает.
Например, набор значений CMYK, введенный в документ одного профиля, может отображать другой красный цвет при вводе в другой документ с другим цветовым профилем.
В показанном примере я выделил текст синим цветом, а затем выбрал ярко-красный.
В поле нового цвета вверху отображается предупреждение о том, что выбранный цвет находится за пределами печатной гаммы выбранного цвета, в виде треугольника с восклицательным знаком рядом с полем нового цвета.
У вас есть два варианта: если текущий профиль требуется для использования, выберите другой оттенок, который не будет вызывать предупреждение о гамме, или назначьте другой профиль с большей гаммой, если это разрешено в вашем рабочем процессе.
Назначение другого цветового профиля в рабочем процессе, который не поддерживает его должным образом, обычно приводит к катастрофе, поэтому, если вы готовите файлы для отправки в другое место, важно убедиться, что получатель вашего файла сможет печатать с использованием нового назначенный профиль.
Уточните у поставщика услуг печати их требования, чтобы убедиться, что вы предоставляете им оптимальный файл для достижения наилучших результатов, и убедитесь, что выбранный вами другой профиль не изменяет изображение так, как вам не нравится.
Иногда необходимо преобразовать изображение в новый профиль (меню «Правка» → «Преобразовать в профиль» → выбрать профиль и использовать для преобразования метод «Относительный колориметрический рендеринг») перед выбором цвета, который вы хотите использовать.
Далее: часть вторая
Во второй части Photoshop Typography: Elements of the Character Panel я рассмотрю дополнительные элементы управления шрифтом на панели символов.
Мы рассмотрим параметры Faux Styles и OpenType.
Не хотите пропустить? Рекомендую подписаться на Список рассылки блога BC . Вы получите дружеское электронное письмо, как только я опубликую следующую часть этой серии.
Кевин О’Коннор помогает разрабатывать и тестировать программное обеспечение, является графическим дизайнером и фотографом для нескольких клиентов и компаний, а также исправляет цвет людей (и компаний).
Он консультировал несколько компаний, включая Apple, Sony, Fujifilm USA и X-Rite. Он любит обучать энтузиастов хорошей работе с цветом.
BC Admin
Тип Photoshop — панель персонажей
Автор сценария Стив Паттерсон.
В первых двух уроках из нашей серии по работе с текстом в Photoshop мы узнали, как добавить в документ точечный тип, который лучше всего подходит для небольших объемов текста в одной строке, и как добавить тип области, который представляет собой лучший выбор для больших блоков текста на нескольких строках.
Photoshop также включает более продвинутые текстовые параметры, но мы не найдем их на панели параметров. Вместо этого они находятся на панелях Character и Paragraph . В этом уроке мы рассмотрим параметры панели «Символ», а в следующем уроке мы рассмотрим дополнительные параметры на панели «Абзац»!
Доступ к панели персонажей
Один из способов получить доступ к панели «Символ» в Photoshop — перейти к меню «Окно » в строке меню в верхней части экрана, которое открывает список всех доступных нам панелей, и выбрать 9.0269 Символ из списка. Галочка слева от названия панели означает, что она уже открыта где-то на вашем экране:
Перейдите в меню «Окно» > «Персонаж».
Другой способ с выбранным инструментом «Текст» — щелкнуть на маленьких панелях «Символ» и «Абзац» значок переключения на панели параметров:
Щелчок по значку переключения панелей «Символ» и «Абзац».
В любом случае открывается панель «Символ», а также панель «Абзац», так как они сгруппированы в один группа панелей . Мы можем переключаться между двумя панелями, нажимая на их вкладки имен в верхней части группы. Панель «Символ» выбрана и открыта по умолчанию:
.Панель персонажей.
Выбор шрифта и цвета текста
Панель «Символ» похожа на расширенную версию панели параметров, когда дело доходит до работы со шрифтом, потому что большинство тех же параметров, которые мы находим на панели параметров, также находятся на панели «Символ» (я сказал «большинство», потому что один из параметров на панели параметров находится не на панели «Символ», а на панели «Абзац», как мы увидим в следующем уроке).
Параметры шрифта, стиля и размера на панели параметров.
Те же параметры шрифта, стиля и размера также находятся в верхней части панели «Символ». Не имеет значения, если вы установите их на панели параметров или на панели символов:
Те же параметры шрифта, стиля и размера на панели «Символ».
Точно так же мы можем выбрать цвет для нашего текста, нажав на образец цвета
Параметр цвета текста на панели параметров.
Или мы можем щелкнуть образец цвета на панели символов. Опять же, нет никакой разницы, какой из них вы выберете. Любой из них откроет Photoshop Color Picker , где мы можем выбрать нужный цвет текста:
Тот же вариант цвета текста на панели «Символ».
Сглаживание
Один из вариантов, который мы еще не рассмотрели, также доступен как на панели параметров, так и на панели «Символ» — 9.
0269 Сглаживание . На панели параметров он расположен прямо справа от параметра размера шрифта:
Параметр «Сглаживание» на панели параметров.
На панели «Символ» параметр «Сглаживание» находится в правом нижнем углу:
Тот же параметр сглаживания в правом нижнем углу панели «Символ».
Сглаживание используется для того, чтобы края букв выглядели гладкими. Без какой-либо формы сглаживания большинство букв выглядели бы блочными и неровными по краям. Вот увеличенный вид верхней половины буквы S без применения сглаживания. Обратите внимание, какие блочные и грубые края:
Без применения сглаживания края букв могут казаться блочными.
Однако при применении сглаживания края выглядят более гладкими. Photoshop фактически добавляет несколько дополнительных пикселей по краям, чтобы создать более плавный переход между цветом текста и цветом фона за ним:
.Та же буква со сглаживанием.
Photoshop предлагает несколько различных методов сглаживания на выбор ( Sharp , Crisp , Strong и Smooth ), и каждый из них по-разному влияет на общий вид вашего шрифта.
Метод по умолчанию — Sharp, и я редко меняю его на что-то другое, но не стесняйтесь попробовать каждый из них и выбрать тот, который, по вашему мнению, выглядит лучше всего:
Различные методы сглаживания. По умолчанию Sharp работает хорошо.
Ведущий
Один из вариантов типа на панели «Символ», который недоступен на панели параметров, — 9.0269 Интерлиньяж , который определяет расстояние между строками текста. По умолчанию для параметра «Интерлиньяж» установлено значение «Авто»:
.Параметр «Интерлиньяж» доступен только на панели «Символ».
Сохранение для параметра «Интерлиньяж» значения «Авто» иногда может дать приличные результаты, но вы можете настроить межстрочный интервал, сначала убедившись, что на панели «Слои» выбран слой Type , а затем либо введя новое значение вручную в поле ввода «Интерлиньяж». или нажав на маленькую треугольник справа от поля ввода и выбор из списка предустановленных значений интерлиньяжа в диапазоне от 6 до 72 пунктов.
Вот пример текста с использованием автоматического интерлиньяжа:
Несколько строк текста с использованием автоматического интерлиньяжа.
При использовании автоматического интерлиньяжа Photoshop устанавливает интерлиньяж равным 120% от размера шрифта. Я уменьшу значение до 36 pt, что соответствует моему размеру шрифта:
.Попытка начального значения, равного моему размеру шрифта.
При уменьшении значения «Интерлиньяж» строки текста теперь отображаются ближе друг к другу:
Линии текста теперь кажутся более сжатыми.
Общее правило с интерлиньяжем заключается в том, чтобы просто выбрать значение, при котором ваш текст выглядит естественным и легко читаемым, и оно будет во многом зависеть от выбранного вами шрифта. Если кажется, что между строками текста слишком много или слишком мало места, отрегулируйте значение интерлиньяжа соответствующим образом.
Использование чистящих ползунков
Прежде чем мы продолжим рассмотрение других параметров типа на панели «Символ», я должен отметить одну вещь: если вы используете Photoshop CS или более позднюю версию, простой способ настроить многие параметры на панели «Символ» (например, а также на панели «Абзац» и на панели параметров) с помощью ползунок s, который позволяет нам изменять значение параметра, просто перетаскивая мышь!
Чтобы получить доступ к скользящему ползунку параметра, наведите курсор мыши на значок параметра непосредственно слева от его поля ввода.
Не во всех параметрах Photoshop можно использовать бегунок-ползунок, но если он доступен, ваш курсор изменится на значок бегунка-ползунка, который выглядит как рука с указательным пальцем, направленным вверх, и маленькими стрелками влево и вправо по обе стороны от него. С видимым значком ползунка в форме корки, нажмите и удерживайте кнопку мыши нажатой, затем перетащите влево или вправо. По мере перетаскивания вы увидите изменение значения в поле ввода. Это намного быстрее и проще, чем вводить значения вручную, особенно если вы не знаете точное значение, которое вам нужно:
Многие параметры в Photoshop можно настроить с помощью бегунка.
Отслеживание
Отслеживание , еще один параметр типа, доступный только на панели «Символ», который определяет количество пробелов между диапазоном букв или символов. Он расположен непосредственно под параметром «Интерлиньяж» и по умолчанию имеет значение 0:
. Трекинг задает пробел между несколькими символами или буквами.
Чтобы настроить значение отслеживания, вы можете щелкнуть треугольник справа от поля ввода и выбрать из списка предустановленных значений, вы можете ввести значение вручную или нажать и удерживать кнопку мыши на значке параметра и перетащите влево или вправо, используя ползунок, который я описал минуту назад. Использование отрицательного значения отслеживания сдвинет буквы или символы ближе друг к другу, а положительное значение разнесет их дальше друг от друга.
Чтобы настроить отслеживание сразу для всего текста на текстовом слое, просто выберите сам текстовый слой на панели «Слои», затем настройте значение отслеживания на панели «Символ». Либо можно сначала выделить часть текста, а затем настроить трекинг конкретно для выбранного диапазона букв. Здесь я выбрал слово «пробел» в предложении, дважды щелкнув его с помощью инструмента «Текст», затем я увеличил значение отслеживания, чтобы добавить больше пробела между буквами в слове, не затрагивая другие части предложения:
Отслеживание можно использовать для настройки межбуквенного интервала для всего блока текста или выбранного диапазона букв.
Кернинг
Кернинг , еще одна опция, эксклюзивная для панели «Символ», находится слева от опции «Отслеживание» и по умолчанию настроена на «Метрики» (сейчас я объясню термин «Метрики»). Кернинг контролирует расстояние между двумя конкретными буквами или символами:
Кернинг управляет пробелом между двумя определенными символами.
Кернинг и отслеживание часто путают друг с другом, потому что они кажутся похожими, но на самом деле они совершенно разные. В то время как отслеживание устанавливает интервал между и диапазоном символов , кернинг управляет интервалом между и двумя конкретными символами . Это может помочь думать о отслеживании как о «глобальной» настройке межбуквенного интервала, в то время как кернинг является «локальной» настройкой.
Поскольку кернинг касается только пробела между двумя определенными символами, эта опция фактически неактивна и недоступна до тех пор, пока мы не щелкнем инструментом «Текст», чтобы поместить маркер вставки между двумя символами в нашем тексте (в этот момент параметр «Отслеживание» становится недоступным, поскольку он имеет дело только с диапазоном символов):
Кернинг становится доступным только тогда, когда мы помещаем маркер вставки между двумя символами.
Как я уже упоминал, по умолчанию для параметра Кернинг установлено значение Метрики , что означает, что Photoshop использует информацию о межбуквенном интервале, которая была включена в шрифт разработчиком шрифта. Часто это вариант, который даст вам наилучшие результаты, хотя это будет зависеть от качества используемого вами шрифта. Если вы щелкнете треугольник справа от поля ввода кернинга, чтобы открыть список предустановленных значений, вы увидите, что другой вариант, который мы можем выбрать, непосредственно под параметром «Метрики», равен 9.0269 Оптический . Вместо того, чтобы полагаться на встроенную информацию о кернинге шрифта, Optical попытается отрегулировать интервал на основе форм двух символов. Опять же, это будет во многом зависеть от самого шрифта, какой из этих вариантов, Metrics или Optical, даст вам лучший результат.
Вы также можете выбрать одно из других предустановленных значений в списке, ввести значение вручную или использовать ползунок прокрутки для настройки значения кернинга.
Вертикальная и горизонтальная шкала
Под параметрами кернинга и отслеживания на панели символов находятся параметры Вертикальный масштаб (слева) и Горизонтальный масштаб (справа):
Параметры Вертикальный масштаб (слева) и Горизонтальный масштаб (справа).
Эти параметры можно использовать для масштабирования текста как по вертикали, так и по горизонтали. Если на панели «Слои» выбран только сам слой «Текст», весь текст на слое «Текст» будет масштабирован вместе, или вы можете сначала выбрать отдельные символы или слова, чтобы масштабировать их, не затрагивая оставшийся текст.
Для обоих этих параметров по умолчанию установлено значение 100%, и, как правило, не рекомендуется использовать их для масштабирования шрифта, поскольку они будут искажать исходные формы букв шрифта:
Параметры Вертикальный и Горизонтальный масштаб искажают первоначальный вид шрифта.
Если вам нужно масштабировать текст, рассмотрите вместо этого использование команды Free Transform в Photoshop.
Сдвиг базовой линии
Параметр Baseline Shift расположен непосредственно под параметром Vertical Scale на панели символов:
«Сдвиг базовой линии» — еще один параметр, доступный только на панели «Символ».
Baseline Shift позволяет нам перемещать выбранные символы или слова выше или ниже базовой линии шрифта. По умолчанию установлено значение 0 pt. Положительные значения сместят выделенный текст выше базовой линии, а отрицательные значения сместят его ниже базовой линии. На этот раз нет предустановленных значений для выбора, поэтому нам нужно либо ввести значение вручную в поле ввода, либо перетащить влево или вправо с помощью бегунка:
Выберите символы или слова, затем отрегулируйте значение смещения базовой линии, чтобы переместить их выше или ниже базовой линии.
Дополнительные опции типа
В нижней части панели «Символ» находится ряд значков, которые дают нам доступ к дополнительным параметрам типа.
Слева направо у нас есть Faux Bold и Faux Italic , которые можно использовать для создания искусственных полужирных или курсивных начертаний, когда используемый вами шрифт не включает их (хотя вам было бы гораздо лучше выбрать другой шрифт, который действительно имеет полужирный и курсивный начертания):
Faux Bold (слева) и Faux Italic (справа) могут придать полужирный и курсив шрифтам, которые их не содержат.
Далее у нас есть опции All Caps и Small Caps для преобразования строчных букв в полноразмерные или меньшие прописные буквы:
Используйте все прописные (слева) или маленькие прописные (справа), чтобы заменить строчные буквы заглавными.
Далее идут варианты Верхний индекс и Нижний индекс :
Параметры Верхний индекс (слева) и Подстрочный индекс (справа).
И завершая список, у нас есть стандартные Подчеркнутые и Зачеркнутые варианты :
Параметры подчеркивания (слева) и зачеркивания (справа).
Выбор языка
Наконец, в левом нижнем углу панели символов находится поле Выбор языка . Хотя было бы здорово, если бы Photoshop мог переводить наш текст с одного языка на другой, к сожалению, эта опция не для этого. Это просто для того, чтобы убедиться, что вы используете правильное написание и расстановку переносов для любого языка, на который вы ориентируетесь в своем документе Photoshop. Обычно вы можете оставить для этой опции значение по умолчанию:
Убедитесь, что Photoshop знает, на каком языке вы работаете, для правильного написания и расстановки переносов.
Сброс панели персонажей
Если вы внесли изменения во многие параметры на панели «Символ», вы можете быстро сбросить все настройки до значений по умолчанию, щелкнув значок меню в правом верхнем углу панели «Символ»:
Щелкните значок меню в правом верхнем углу.
Затем выберите Сбросить символ из появившегося меню:
Выберите «Сбросить символ» из списка.
