Как сделать пиксельную кисть в фотошопе
Сочетания клавиш помогают сэкономить секунды при выполнении каждой задачи в Adobe Photoshop . Чем меньше вам приходится бороться с программным обеспечением, тем больше энергии остается на творческую работу с картинками или фотографиями.
Возможно, вы не захотите потратить время, пытаясь запомнить каждое сочетание клавиш в Photoshop . В зависимости от типа рабочего процесса вам, возможно, потребуется просмотреть все сочетания клавиш, которые имеются в Photoshop и добавить пару к вашему личному списку.
«Горячие» клавиши для работы с «Кистью»
В Photoshop кисть - инструмент номер один. Комфортная работа с кистью является одним из лучших способов получить быстрый и точный результат в работе с Photoshop . Эти сочетания также работают на других инструментах, подобных кисти: « Ластик », « Восстанавливающая кисть » и инструмент « Штамп »:
Кнопка | Действие |
B | Активный инструмент «Кисть» |
D | Сброс цвета переднего плана по умолчанию и цвет фона (черный и белый) |
X | Переключение между основным цветом и цветом фона |
[ | Уменьшить размер кисти |
] | Увеличить размер кисти |
Переключение в режим « Быстрая маска » |
Вот еще один быстрый способ для изменения размера кисти. Удерживайте Alt ( Option ), щелкните правой кнопкой мыши. С зажатой кнопкой мыши перемещение курсора вверх и вниз уменьшает или увеличивает жесткость кисти, а перемещение курсора мыши влево и вправо изменяет ее диаметр.
«Горячие» клавиши для работы со слоями и выделением
Сочетание клавиш | Действие |
Ctrl-T | Свободное трансформирование текущего слоя |
Ctrl-A | Выделить все (относится только к текущему слою) |
Ctrl-D | Снять текущее выделение |
Ctrl-H | Скрывает «шагающих муравьев», сохраняя выбранную область |
Ctrl-F | Повторить действие последнего фильтра |
Ctrl-Shift-U | Уменьшить насыщенность текущего слоя |
Shift-F5 | Заливка с учетом содержимого |
«Горячие» клавиши для контроля состояний
Важно быть организованным при работе с более крупными проектами. Вот клавиши для управления рабочим процессом:
Сочетание клавиш | Действие |
Ctrl-Z | Отменить (это действие вернет вас из текущего состояния в последнее действие в истории) |
Alt-Ctrl-Z | Вернуться назад (в отличие от предыдущего действия, эти клавиши помогут вам вернуться на несколько действий назад) |
Ctrl-Shift-E | Объединение в один всех видимых слоев |
Alt-Ctrl-Shift-E | Объединить все слои через копирование |
Ctrl-G | Создать новую группу слоев со всеми выбранными |
Ctrl-J | Создание копии слоя или группы слоев |
Ctrl-S | Сохранить |
Ctrl-Shift-S | Сохранить как |
Ctrl-Shift-Alt-S | Сохранить для Web |
«Горячие» клавиши просмотра
С трудом работаете с большим фото или документом? Вот несколько клавиш, чтобы сделать навигацию и отображение немного легче:
Настройте свои клавиши
Если существуют действия, которые вы используете чаще всего, вы можете настроить для них свои сочетания клавиш. Для этого нужно в палитре « Операции » выбрать вкладку « Команды »:
Чтобы изменить действующие сочетания клавиш, нужно перейти в Редактирование> Клавиатурные сокращения .
Узнайте, как рисовать пиксельными кистями и как управлять ими в Adobe Fresco.
В Adobe Fresco есть множество растровых и векторных кистей. И теми, и другими можно рисовать на одном и том же холсте. Воспользуйтесь значками Пиксельные кисти и Живые кисти в панели инструментов, чтобы получить доступ к коллекции кистей для рисования растровых иллюстраций и скетчей.
Вы также можете импортировать любимые кисти для Photoshop или скачать новые кисти из коллекции Kyle T. Webster.
Чтобы выбрать и настроить пиксельную кисть, сделайте следующее:
- Дважды коснитесь значка Пиксельные кисти, чтобы просмотреть список кистей в разных категориях, после чего выберите понравившуюся кисть.
- Нажмите Цвет, чтобы открыть цветовую панель и отрегулировать цвет и прозрачность.
- На панели «Параметры инструмента» в нижней части панели инструментов можно изменить размер кисти, а также количество краски и сглаживание, если потребуется.
- Нажмите значок Настройки кистидля настройки различных параметров кисти, таких как интервал, угол, режим наложения, нажим стилуса и многое другое.
Когда вы начнете рисовать пиксельной кистью, значок на миниатюре слоя будет указывать, что это пиксельный слой.
При использовании пиксельных кистей вы можете добавить диапазон микс-кистей для естественного наложения и смешивания нескольких цветов.
Изучите огромную коллекцию различных категорий пиксельных кистей и выберите нужные, а также отметьте свои любимые кисти для быстрого доступа к ним во время работы.
Типы пиксельных кистей
Тип кисти | Когда использовать |
---|---|
Базовые | Стандартные круглые кисти широкого назначения. |
Для комиксов | Рисуйте комиксы с помощью кистей «Перекрестные штрихи» и «Полутона». |
Угольно-серый | Изучайте жесты, создавайте свободные эскизы или рисунки. |
Сухой носитель | Раскрашивайте эскизы в разных стилях, используя различные виды кистей: карандаш, пастель, графит, мел. |
FX | Кисти для спецэффектов: «Облака», «Пыль», «Листва», «Чернила» и т. д. |
Чернила | Создавайте каллиграфические рисунки с помощью кистей Комикс, кистей Блейка и авторучек, бельгийских и классических кистей типа комикс. |
Для леттеринга | С помощью кистей «Стамеска», «Тупоконечник», «Буквы для комиксов», «Гритти» и «Грабли с буквами» создавайте рисунки для надписей, каллиграфические рисунки и плакаты. |
Маркеры | Визуализируйте свои идеи с помощью реалистичных цифровых маркеров — кистей «Маркерная кисть» и «Стамеска». |
Микс-кисть | Смешивайте цвета на холсте и комбинируйте цвета на кисти. |
Живопись | Рисуйте картины в разных стилях, используя кисти «Холст», «Сезанн», «Щетина» и «Блэр». |
Скребки | Создавайте многострочные мазки на холсте с помощью кистей «Сетка», «Короткая», «Текстурированная», «Наклон» и «Давление». |
Для скетчей | Сделайте наброски перед рисованием, используя кисти для рисования карандашом и пером. |
Настройки пиксельных кистей
После изменения настроек вы сможете сделать мазок кистью в панели Настройки кисти и оценить результат внесенных вами изменений в реальном времени. Нажмите значок сброса в нижней части панели, чтобы вернуться к настройкам кисти по умолчанию. Вы также можете настроить кривую нажима для обеспечения лучшего нажима стилуса.
Что такое пикселизация?
Чтобы понять пикселизацию, нужно знать, как пиксели объединяются в цифровые изображения. Большинство файлов изображений, таких как JPG, PNG и GIF, являются растровыми. Другими словами, это карты битов — по сути, сетки пикселей, которые плавно переходят в изображения. Пиксель — это наименьший квадрат оттенка, насыщенности и света (HSL), составляющий сетку цифрового изображения.
Пикселизация происходит, когда пиксели становятся видимыми невооруженным глазом вместо плавного смешения. Вы можете получить случайную пикселизацию, если измените размер изображения до размеров, слишком больших для его разрешения, при этом также можно создавать интересные эффекты, намеренно пикселировав изображение. Что интересно, целый жанр пиксельной графики вырос из ностальгии и любви к ранним видеоиграм.
Независимо от размера или качества картинки, с которой вы работаете, вы можете быстро создать свой собственный пиксельный рисунок, пикселировав свою фотографию.
Создание пикселизированного изображения в Photoshop
Выполните следующие действия, чтобы пикселизировать всю фотографию в редакторе изображений:
1. Откройте фотографию.
Выберите файл, который необходимо пикселизировать в Photoshop.
2. Преобразуйте фотографию в смарт-объект.
Создайте смарт-фильтр. Выберите пункт «Фильтр» в верхнем меню и нажмите «Преобразовать» для смарт-фильтров. Вы можете добавлять, удалять, настраивать или скрывать смарт-фильтры, поэтому любые внесенные вами изменения будут обратимыми. (Таким образом можно легко удалить изменения, внесенные в исходную фотографию, и начать заново.)
3. Выполните пикселизацию изображения.
В верхнем меню выберите «Фильтр > Пикселизация > Мозаика». Фильтр «Мозаика» перерисовывает пиксели как блоки цвета. Вы также можете изучить другие пиксельные фильтры, такие как «Пуантилизм», который превращает слой в случайно размещенные точки, похожие на картину пуантилистов.
4. Выберите уровень пикселизации.
В окне предварительного просмотра переместите ползунок вправо, чтобы увеличить видимый размер в пикселях, или влево, чтобы уменьшить его. Можно увеличить или уменьшить масштаб миниатюры в окне предварительного просмотра, чтобы увидеть, как будет выглядеть пикселизация.
3D-функции Photoshop будут удалены в будущих обновлениях. Пользователям, работающим с 3D-функциями, рекомендуется ознакомиться с новой коллекцией Adobe Substance 3D, которая представляет собой новое поколение 3D-инструментов от Adobe.
Дополнительную информацию о прекращении поддержки 3D-функций Photoshop можно найти здесь: Photoshop 3D | Распространенные вопросы об упраздненных 3D-функциях.
Предусмотрена возможность создавать кисти, которые наносят краску на изображения с помощью разнообразных способов. Можно выбрать существующую подготовленную кисть, форму отпечатка кисти или создать уникальный отпечаток кисти на основе части изображения. Для определения способа нанесения краски необходимо задать параметры на панели «Настройки кисти».
Примечание. Кисти с динамическими кончиками не поддерживают симметрию при рисовании и предварительный просмотр узоров. Выберите обычную кисть для рисования с применением симметрии и узоров.
Панель «Настройки кисти» позволяет модифицировать существующие кисти и разработать новые заказные кисти. Панель «Настройки кисти» содержит параметры отпечатка кисти, от которых зависит применяемый способ нанесения краски на изображение. В окне просмотра мазка кистью в нижней части панели показано, как будут выглядеть мазки при текущих значениях параметров кисти.
A. Заблокирован/Разблокирован B. Выбранный кончик кисти C. Просмотр мазка кистью D. Панель «Кисти»
Отображение панели «Кисти» и параметров кисти
Выберите Окно > Настройки кисти . Можно также выбрать инструмент для рисования, стирания, тонирования или фокусировки. Затем нажмите на кнопку , которая расположена слева на панели параметров.
Выберите набор параметров в левой части панели. Параметры, доступные для установки, отображаются в правой части панели.
Установите флажок слева от набора параметров, чтобы разрешить или запретить параметры без их просмотра.
Можно импортировать в Photoshop множество бесплатных и приобретенных кистей, например комплекты кистей от Kyle. Выполните следующие действия.
Во всплывающем меню панели «Кисти» выберите пункт Больше кистей . Также можно щелкнуть правой кнопкой мыши кисть в списке на панели «Кисти» и выбрать Больше кистей в контекстном меню.
Загрузите комплект кистей. Например, загрузите комплект Megapack от Kyle.
Когда открыто приложение Photoshop, дважды щелкните загруженный файл ABR.
Добавленные кисти отображаются на панели Кисти .
Можно также использовать параметр Импорт кистей во всплывающем меню панели «Кисти», чтобы найти загруженный файл ABR и открыть его. После этого загруженные кисти добавляются на панели «Кисти».
Начало работы с расширенными заказными кистями
Кайл Т. Вебстер (Kyle T Webster)
С помощью любого инструмента выделения выберите область изображения, которую требуется использовать в качестве заказной кисти. Форма кисти может иметь размеры до 2500 на 2500 пикселов.
В процессе рисования нельзя настраивать жесткость кистей «по образцу». Чтобы создать кисть с резкими краями, выберите значение 0 для параметра «Растушевка». Чтобы создать кисть с мягкими краями, увеличьте значение параметра «Растушевка».
Если выбрано цветное изображение, то изображение кончика кисти преобразуется в градации серого. На определение отпечатка кисти не влияют какие-либо маски слоя, применяемые к изображению.
Выберите инструмент рисования, стирания, тонирования или фокусировки. Затем выберите Окно > Настройки кисти .
На панели «Настройки кисти» выберите форму отпечатка кисти или щелкните «Наборы кистей», чтобы выбрать существующий набор.
Выберите форму опечатка кисти слева и настройте ее параметры.
Чтобы заблокировать атрибуты формы отпечатка кисти (сохранить их при выборе другого набора кисти), щелкните значок блокировки . Чтобы разблокировать кончик кисти, щелкните значок блокировки .
Чтобы сохранить кисть для дальнейшего использования, выберите пункт «Новый набор параметров кисти» в меню панели «Кисть».
Для постоянного сохранения новой кисти или ее передачи другим пользователям необходимо сохранить кисть как часть набора кистей. Выберите пункт «Сохранить кисти» из меню панели «Наборы кистей» и сохраните новый набор или замените существующий набор. Если кисти будут перезагружены или заменены на панели «Наборы кистей» до того, как новая кисть будет сохранена в наборе, эта кисть может быть потеряна.
Для стандартных кистей на панели «Настройки кисти» можно задать следующие параметры.
Управляет размером кисти. Задайте значение в пикселях или перетащите ползунок.
Использовать размер образца
Переустанавливает кисть на ее первоначальный диаметр. Этот параметр доступен, только если форма отпечатка кисти была создана с помощью выборки пикселов в изображении.
Изменяет направление кончика кисти по оси X.
A. Кончик кисти в позиции, заданной по умолчанию B. Выбрано «Отразить X» C. Выбрано «Отразить X» и «Отразить Y»
Изменяет направление кончика кисти по оси Y.
A. Кончик кисти в позиции, заданной по умолчанию B. Выбрано «Отразить Y» C. Выбрано «Отразить Y» и «Отразить X»
Задает угол, на который повернута длинная ось овальной кисти или кисти по образцу по отношению к горизонтали. Введите значение в градусах или перетащите горизонтальную ось в поле просмотра.
Задает отношение между короткой и длинной осями кисти. Введите значение в процентах или перетащите точки в поле просмотра. Значение 100 % указывает на круглую кисть, значение 0 % — на линейную кисть, а промежуточные значения определяют овальные кисти.
Управляет размером жесткого центра кисти. Введите число или воспользуйтесь ползунком, чтобы задать значение, которое представляет собой процентную долю от диаметра кисти. Возможность изменить жесткость кистей по образцу отсутствует.
Управляет расстоянием между следами кисти в штрихе. Чтобы изменить интервалы, введите число или воспользуйтесь ползунком для задания значения, которое представляет собой процент от диаметра кисти. Если этот параметр не выбран, интервалы определяются скоростью перемещения курсора.
При использовании подготовленной кисти нажимайте клавишу «[», чтобы уменьшить ширину кисти, и клавишу «]», чтобы увеличить ширину. При использовании жестких круглых, мягких круглых и каллиграфических кистей нажимайте клавиши «Shift»+»[», чтобы уменьшить жесткость кисти, и нажимайте клавиши «Shift»+»]», чтобы увеличить жесткость кисти.
Кончики щетины позволяют задать точные характеристики щетины для создания высокореалистичных и естественных штрихов. На панели «Кисти» можно задать перечисленные далее параметры формы отпечатка кисти.
Определяет общий вид щетины.
Управляет общей плотностью щетины.
Изменяет длину щетины.
Управляет шириной отдельных щетинок.
Управляет гибкостью щетины. При малых значениях форма кисти легко деформируется.
Чтобы штрихи, выполненные с помощью мыши, выглядели неодинаково, измените настройку твердости.
Управляет расстоянием между следами кисти в штрихе. Чтобы изменить расстояние, введите номер или используйте ползунок, чтобы указать процентную долю диаметра кисти. Если этот параметр не выбран, интервалы определяются скоростью перемещения курсора.
При рисовании с помощью мыши определяет угол кончика кисти.
Показывает кончик кисти с заданными выше настройками, а также текущий нажим и угол штриха. Щелкните в окне предварительного просмотра, чтобы увидеть кисть с разных сторон. В Photoshop начиная с версии 21.0.3 (выпуск за январь 2020 г.) больше нет окна предварительного просмотра кисти.
Кисти с размываемым кончиком напоминают карандаши или восковые мелки, в процессе рисования кисть изнашивается естественным образом. Степень износа можно оценить в разделе динамического просмотра кончика кисти, который находится в левом верхнем углу изображения.
Управляет размером кисти. Задайте значение в пикселях или перетащите ползунок.
Управление степенью износа. Задайте значение в процентах или перетащите ползунок.
Управление формой кончика. Выберите один из множества вариантов кончика.
Восстановление первоначальной остроты кончика.
Управляет расстоянием между следами кисти в штрихе. Чтобы изменить расстояние, введите номер или используйте ползунок, чтобы указать процентную долю диаметра кисти. Если этот параметр не выбран, интервалы определяются скоростью перемещения курсора.
Показывает кончик кисти с заданными выше настройками, а также текущий нажим и угол штриха. Щелкните в окне предварительного просмотра, чтобы увидеть кисть с разных сторон. В Photoshop начиная с версии 21.0.3 (выпуск за январь 2020 г.) больше нет окна предварительного просмотра кисти.
Кончики аэрографа копируют аэрозольные баллончики с трехмерным коническим разбрызгиванием. С помощью пера можно настроить размах аэрографа, изменяя нажим пера.
Управляет размером кисти. Задайте значение в пикселах или перетащите ползунок.
Управляет размером жесткого центра кисти.
Управление искажением, применяемым к брызгам краски.
Управление зернистостью капель краски.
Управление размером капель краски.
Управление количеством капель краски.
Управление расстоянием между каплями. Когда этот параметр не выбран, интервалы определяются скоростью перемещения курсора.
Показывает кончик кисти с заданными выше настройками, а также текущий нажим и угол штриха. Щелкните в окне предварительного просмотра, чтобы увидеть кисть с разных сторон. В Photoshop начиная с версии 21.0.3 (выпуск за январь 2020 г.) больше нет окна предварительного просмотра кисти.
Параметры положения кисти позволяют добиваться эффектов, подобных перу, и управлять углом и расположением кисти.
Угол наклона кисти слева направо.
Угол наклона кисти спереди назад.
Угол поворота щетинок.
Нажим кисти на холст.
Активируйте параметры переопределения, чтобы сохранить статическое положение кисти.
Добавляет дополнительные случайные параметры к отдельным кончикам кисти. Этот вариант является наиболее эффективным применительно к мягким кончикам кисти (к кончикам кисти, которые содержат значения, соответствующие серому цвету).
Вызывают скопление краски вдоль краев мазка кистью, создавая эффект, подобный рисованию акварельной краской.
Применяет постепенно изменяющиеся тона к изображению, имитируя традиционные методы рисования аэрографом. Параметр «Аэрограф» на панели «Кисти» соответствует параметру «Аэрограф» на панели параметров.
Создает в мазках кистью более гладкие кривые. Этот вариант является наиболее эффективным при быстром рисовании пером, но он может привести к небольшой задержке при прорисовке штрихов.
Применяет один и тот же узор и масштаб ко всем установкам кисти, которые имеют текстуру. Выберите этот вариант, чтобы имитировать постоянную текстуру холста при рисовании с помощью многочисленных текстурированных кончиков кисти.
Photoshop выполняет интеллектуальное сглаживание штрихов кисти. Просто введите значение (0–100) для сглаживания на панели параметров при работе с одним из следующих инструментов: «Кисть», «Карандаш», «Микс-кисть» или «Ластик». Значение 0 соответствует сглаживанию в предыдущих версиях Photoshop. Чем выше указанное значение, тем сильнее интеллектуальное сглаживание применяется к вашим штрихам.
Есть несколько режимов интеллектуального сглаживания. Щелкните на значок шестерни ( ), чтобы включить один или несколько из следующих режимов:
Режим следования за строкой
Рисование осуществляется, только если струна натянута. Перемещение курсора в пределах радиуса сглаживания не оставляет следов.
В этой статье я расскажу, как нарисовать пиксель арт в Photoshop CC / CS6. Для этого мы используем пиксельную графику:
Как создать пиксель арт - настройки Photoshop
Создайте новый квадратный документ со сторонами от 20 до 100 пикселей ( в зависимости от того, насколько большой спрайт ). Я буду работать с холстом 50 на 50 пикселей:
Продолжим наш урок пиксельной графики. Выберите инструмент « Карандаш » ( в выпадающем меню инструмента «Кисть» ) и установите размер кисти в 1 пиксель. Выберите инструмент « Ластик » и задайте для него размер - 1 пиксель, Режим - Карандаш :
Еще одно изменение, вернитесь в Настройки > Общие и измените интерполяцию изображения на « По соседним пикселям (сохраняет четкие края) »:
Теперь все готово, чтобы мы могли приступить к созданию пиксельной графики!
Как сделать пиксель арт - создание персонажа
Мы начнем с создания спрайта одиночного персонажа.
Начнем с файла размером 50 на 50 пикселей, который мы создали. Я добавлю фоновый слой со сплошным цветом. После этого мы сможем видеть сетку.
В нижней части палитры слоев нажмите на иконку, которая выглядит как наполовину заполненная окружность. Выберите параметр « Цвет » и задайте для нового слоя нейтральный цвет заливки:
Рисунок 10: Ярлык для добавления нового однородного слоя находится в меню в нижней части палитры слоев
Добавьте новый прозрачный слой поверх этого слоя заливки цветом. Перейдите в Слой> Новый> Слой или просто нажмите иконку с загнутым листом в меню в нижней части палитры слоев.
С помощью инструмента « Карандаш » нарисуйте тело персонажа игры с пиксельной графикой. Я хочу сделать тело как можно более простым, а затем в конце подкорректировать его. Мы добавим больше деталей, когда создадим основную форму.
Подсказка: Для каждого нового элемента добавляйте дополнительный слой, чтобы иметь возможность вернуться позже и откорректировать.
Подсказка: Если хотите создать прямую линию, кликните один раз в том месте, где вы хотите ее начать, а затем, удерживая нажатой клавишу Shift , кликните в месте, где хотите завершить линию. Photoshop автоматически создаст прямую линию между двумя точками.
Вы можете создавать тело, как вам нравится. Вот, как это сделала я:
- Нажмите один раз на холсте карандашом размером 15 пикселей, чтобы создать голову;
- Создайте треугольник ( направленный вниз ), это будет грудь, и нарисуйте сверху от него шею ( с помощью карандаша с размером 3 пикселя );
- Создайте туловище с помощью другого треугольника ( направленного вверх ) снизу от треугольника груди;
- Нарисуйте ноги из нижней части треугольника туловища;
- Поставьте " точки " в тех местах, где будут заканчиваться руки. Одна рука у персонажа будет поднята вверх, а другая опущена. Удерживая нажатой клавишу Shift , кликните мышью по краю плеча, чтобы соединить плечо и конец руки;
- Добавьте кисти рук и ступни ног персонажа игры с пиксельной графикой;
- Теперь можете добавить или стереть некоторые пиксели, чтобы скорректировать форму тела. Я добавила немного больше объема в ногах, чтобы сделать шею и тело толще и немного округлила плечи.
Теперь мы добавим одежду, волосы и лицо. Используйте базовую форму тела как шаблон, чтобы создать одежду. Я хочу добавить шесть новых слоев для рубашки, брюк, обуви, волос, лица и мелких деталей:
Файл Photoshop так, как он есть на текущий момент.
На данном этапе урока пиксельной графики нашего парня уже можно было бы назвать завершенным, но я хочу добавить больше глубины с помощью света и тени.
Дополнительный шаг, добавление теней
Создадим сведенную копию всех слоев. Для этого отключите видимость слоя заливки цветом ( нажмите на иконку глаза слева от миниатюры слоя ), затем нажмите Command-Option-Shift-E (Mac) или Ctrl-Alt-Shift-E (PC) . Это автоматически создаст сведенную копию всех видимых слоев поверх остального стека слоев.
Теперь я предлагаю поместить слои в отдельную папку и отключить ее видимость. Чтобы быстро сгруппировать слои, выберите их и кликните по ним, а затем нажмите Ctrl / Option -G :
Добавьте новый слой и измените его режим смешивания. Режим смешивания можно задать с помощью выпадающего меню в верхней части палитры слоев, слева от параметра непрозрачности. По умолчанию в этой программе для пиксельной графики он установлен на « Нормальный ».
Я хочу выбрать режим смешивания « Мягкий свет », потому что это хорошо затемнит цвета, которые я использовала для персонажа. При выбранном новом слое ( я назову его " Shading " ), удерживая нажатой клавишу Alt , кликните по слою, расположенному ниже ( сведенному слою персонажа ), чтобы создать маску. Таким образом, все, что вы рисуете на слое “ Shading ” будет видно в пределах маски слоя “ Character ”:
Зарисуйте области слоя " Shading " черным карандашом. При текущем режиме смешивания черный цвет будет затемнять цвет под ним. Красный цвет рубашки станет темно-красным, зеленый цвет волос станет темно-зеленым и так далее.
Подсказка: Если затенение является слишком жестким, измените режим смешивания или непрозрачность слоя. Если хотите добавить больше оттенков затененных цветов, создайте новые слои " Shading " с различной непрозрачностью.
В конце у меня получилось два слоя теней: первый с непрозрачностью 25%, а второй с непрозрачностью 45%:
Если хотите добавить светлые участки, создайте новый слой “ Highlighting ” так же, как мы добавили слой " Shading ", только установите режим смешивания « Перекрытие » и используйте белый карандаш.
Перейдите в меню Файл> Сохранить как. > Формат: PNG
У нас получился крохотный персонаж размеров 30 на 45 пикселей в файле PNG:
Это идеальный размер для мобильных устройств, где предпочтение отдается компактной графике.
Если хотите, чтобы изображение было больше, перейдите в Изображение> Размер изображения , и задайте для параметра « Ресамплинг » значение « По соседним пикселям (четкие края) ».
Подводя итоги
Мы начали с нескольких основных установок Photoshop , чтобы было проще создавать пиксельную графику. Мы задали для параметра « Интерполяция изображения » значение « Соседние пиксели », а для деления сетки - 1 пиксель. Затем мы использовали « Карандаш » и « Ластик » в режиме « Карандаш » соответственно.
В следующей части этого руководства, я возьмусь за создание других графических элементов фэнтези игры: врага, оружия, а также элемента здоровья.
Читайте также: