Как сделать пиксельную кисть в фотошопе
Обновлено: 03.07.2024
Photoshop малоизвестен как инструмент для создания пиксельной графики. Но это можно сделать при правильной настройке. Вот как:
Эти инструкции написаны с использованием Photoshop версии 22.4.3 в Windows 10.
Карандаш — ваш друг.
Инструмент «Кисть» по умолчанию рисует линии со сглаживанием, т. е. может рисовать «между пикселями» и создавать частичную прозрачность. Это отлично подходит для плавных линий при высоком разрешении, но не дает вам контроля, необходимого для пиксельной графики.
Вместо этого используйте инструмент "Карандаш". При непрозрачности 100 % инструмент «Карандаш» работает по принципу «все или ничего»: он либо полностью заполняет пиксель, либо нет.
Кроме того, не забудьте уменьшить размер кисти до 1 пикселя. Вы можете сделать это в окне настроек кисти или нажимая клавишу «[» в левой квадратной скобке до тех пор, пока на панели инструментов не отобразится размер кисти, равный 1. Большинство основных кистей работают одинаково, когда они уменьшены до этого размера, так что вы не нужно беспокоиться о других настройках.
Если вам не удается найти инструмент "Карандаш", нажмите и удерживайте инструмент "Кисть", чтобы просмотреть его варианты.
Также установите ластик в режим карандаша.
В Photoshop есть два основных инструмента для рисования и только один ластик. По умолчанию он работает как кисть, где может стереть часть прозрачности ваших пикселей. К счастью, вы можете переключить его в режим карандаша с панели инструментов, чтобы вместо этого он работал как карандаш.
Убедитесь, что размер ластика также установлен на 1 пиксель.
Увеличить!
Чтобы работать с отдельными пикселями, вам нужно подойти ближе и лично. В зависимости от произведения я обычно работаю с масштабом не менее 1000%, а иногда и до 2000%. Обычно я удерживаю клавишу Alt и прокручиваю колесико мыши для увеличения (или Option и прокручиваю, если у вас Mac), но есть и другие способы сделать это.
Я также рекомендую время от времени уменьшать масштаб, чтобы проверить свою работу в предполагаемых размерах просмотра. Иногда вещи, которые хорошо выглядят крупным планом, на самом деле не работают, когда вы уменьшаете масштаб. Если вы не любите постоянно увеличивать и уменьшать масштаб, вы можете использовать окно навигатора для предварительного просмотра уменьшенной версии. Найдите его в разделе «Окно» > «Навигатор».
Отключите пиксельную сетку (если хотите).
По умолчанию Photoshop отображает пиксельную сетку при увеличении более чем на 500 %. Это может быть полезно для некоторых художников, но лично мне это не нравится. Чтобы выключить (или снова включить), выберите «Вид» > «Показать» > «Пиксельная сетка».
Сохранить как PSD, экспортировать как PNG.
Сохраняйте как можно раньше и чаще. Я рекомендую сохранить мастер-версию каждой части в виде исходного PSD-файла, чтобы вы могли сохранить любые слои или фильтры, которые у вас могут быть.
Но чтобы использовать окончательную иллюстрацию в другом программном обеспечении, вам, вероятно, также потребуется экспортировать ее в другой формат изображения. Я рекомендую PNG. Это формат без потерь, то есть вы не потеряете качество изображения при его сохранении или повторной загрузке, и он поддерживает прозрачные пиксели. В Photoshop есть быстрый способ сделать это: «Файл» > «Экспорт» > «Быстрый экспорт в формате PNG».
Пример видео
В видео ниже я показываю вам свой процесс от начала до конца, когда я работаю над пиксельной графикой для одного из моих проектов карточной игры. Перейдите к 12:28, если хотите сразу перейти к пикселям!
Пиксельный рисунок обычно создается с помощью инструмента Photoshop Pencil Tool (или Pen Tool), а также инструмента Brush Tool. Инструмент «Карандаш» похож на инструмент «Кисть», но с четкими краями. Например, если вы установите жесткость на 100%.
Как вы делаете пиксель-арт в Paint?
Карандаш. Опция «Карандаш» является наиболее важной, если вы хотите создавать пиксель-арт в MS Paint. Залейте цветом. Опция «Заполнить цветом» позволяет заполнить область на холсте цветом переднего плана — цветом 1 — если щелкнуть левой кнопкой мыши. Текст. Ластик. Выбор цвета. Лупа.
Как вы создаете рисунки в Inkscape?
Инструмент "Кисть" Запустите Inkscape. Создайте новый файл. Перейдите к РИСОВАНИЯМ КАЛЛИГРАФИИ ИЛИ МАЗКАМ КИСТИ, как показано на рисунке ниже. Создайте рисунок с помощью инструмента, как показано ниже. Заполните цвета и увеличьте ширину обводки, как показано ниже. Мы также можем отредактировать эскиз с помощью инструмента «Редактировать путь по узлам» по мере необходимости.
Как сгладить пиксели в Inkscape?
Откройте свой вектор в бесплатном графическом редакторе Inkscape. Перейдите к инструменту «Выделение» и нажмите на вектор. Нажмите на инструмент «Редактировать пути по узлам». Выберите точки, которые вы хотите сгладить, нажав на них, удерживая клавишу «Shift». Нажмите на значок в верхней части чертежной доски с надписью «Сделать выбранные узлы гладкими».
Есть ли в Procreate кисть для пиксельной графики?
нажмите на название, чтобы просмотреть описание и предварительный просмотр кисти Пиксельная кисть с непрерывными линиями, позволяющая рисовать или закрашивать области цветом, закрашивая их на месте.Используйте ползунок размера кисти, чтобы сделать линию шире или тоньше. Используйте эту кисть, чтобы добавить «пиксельное» затенение к вашему пиксельному искусству. Эта кисть чувствительна к давлению для непрозрачности.
Есть ли способ сделать пиксельную графику в Procreate?
Может ли Procreate создавать пиксель-арт? Да, Procreate может делать пиксельную графику, если вы сами настроите платформу и внесете необходимые коррективы. Откройте любой холст, нажмите «Действия», а затем «Обрезать и изменить размер». Включите переключатель Resample, установите размер 1 * 1 пиксель и нажмите «Готово». Нажмите «Слои», выберите слой, на котором находится холст.
Как получить пиксельные кисти в MS Paint?
Как сделать пиксель-арт с помощью Paint Нажмите кнопку «Пуск», затем «Все программы». Нажмите «Рисовать». Microsoft Paint откроется. Нажмите «Просмотр», затем установите «Увеличение» на 800 процентов. Выберите инструмент «Кисть» на левой боковой панели и выберите самую маленькую головку щетки. Поместите цветной пиксель, щелкнув пустой квадрат в сетке.
Как создать кисть в MS Paint?
Во-первых, выберите инструмент "Карандаш", затем цвет и нарисуйте небольшую кисть, которую вы хотите использовать в качестве кисти. Что это? Теперь в раскрывающемся меню «Выбрать» нажмите «Прозрачный выбор», а затем нажмите «Выбрать». На этом этапе выделите фигуру, которую вы нарисовали карандашом, с помощью инструмента «Прямоугольное выделение».
Как сделать пиксельную кисть в GIMP?
Начиная с GIMP 2.8, способ рисования кистью размером 1 пиксель с помощью инструмента «Карандаш» заключается в установке размера кисти на «1» в параметрах инструмента «Карандаш» при рисовании, независимо от формы кисти или исходного размера. В предыдущих версиях GIMP в пользовательском интерфейсе была доступна «пиксельная» кисть, которая представляла собой изображение размером в один пиксель.
Какое лучшее программное обеспечение для пиксельной графики?
Подходит ли гимп для пиксельной графики?
Если по какой-либо причине вы будете переключаться между работой с пикселями и графикой с высоким разрешением, GIMP — это хороший способ убедиться, что вы не распыляете свои усилия на слишком много разных программ.
Какие инструменты используются в Inkscape?
Содержание 1 Инструмент «Карандаш» — Безье (от руки) 2 Инструмент «Карандаш» — Спирос. 3 Инструмент «Карандаш» — точки (круглые формы) 4 Инструмент «Кривая Безье». 5 инструмент узла. 6 Подробнее об инструментах рисования.
Что лучше Inkscape или Illustrator?
Конечно, Adobe Illustrator с его великолепным набором функций есть, но Inkscape ничем не уступает. Это очень гибкий редактор векторной графики, предлагающий почти все функции, которые вы ожидаете от более дорогой версии.
Что такое пиксельная графика в Inkscape?
Одной из новых функций в Inkscape 0.91 является новая функция Trace Pixel Art, которая позволяет вам взять PNG или другое растровое изображение пиксельной графики и аккуратно обвести его в векторные объекты.
Как очистить изображение JPEG?
Размытые фотографии можно убрать с помощью инструмента «Резкость», который есть в большинстве программ для редактирования изображений. Размытое фото может быть результатом неправильной фокусировки объектива, движения объекта при открытом затворе, движения камеры при открытом затворе или малой глубины резкости.
Как добавить кисти для продолжения?
Как установить кисти в Procreate Откройте новый холст и коснитесь значка кисти, чтобы открыть панель кистей. Выберите папку, в которую вы хотите установить кисть. Нажмите кнопку + над списком кистей, чтобы импортировать новую кисть. Нажмите «Импорт» в открывшемся диалоговом окне. Вы увидите файловый интерфейс iPad.
Где взять кисти для создания потомства?
файлы наборов кистей (которые представляют собой пакеты из нескольких кистей). Вероятно, лучший сайт для этого — Brushes for Procreate. Огромная галерея кистей от создателей со всего мира. Brushes for Procreate предлагает как бесплатные, так и платные загрузки. У них также есть приложение для iPad, которое позволяет быстро установить новые кисти.
Какой размер холста подходит для пиксельной графики?
Размеры в пикселях. Используйте размер от 500 до 1000 пикселей для небольших простых рисунков, где конечное качество не имеет значения (например, наброски и материалы, которые вы собираетесь опубликовать в Интернете). очень нравится печатать или хотите превратить в настоящую картину и нуждаетесь в приличной детализации.
Как сделать изображение пиксельным?
Выполните следующие действия, чтобы сделать всю фотографию пиксельной в графическом редакторе. Откройте свою фотографию. Выберите файл, который вы хотите сделать пиксельным в Photoshop. Превратите свою фотографию в смарт-объект. Создайте умный фильтр. Сделайте изображение пиксельным. В верхнем меню выберите Фильтр › Пикселизация › Мозаика. Выберите уровень пикселизации.
Как вы копируете кисти в Procreate?
Если вы хотите узнать, как дублировать кисть в Procreate, откройте панель кистей, проведите пальцем влево по миниатюре кисти и выберите «Дублировать». Вы также можете переименовать ее, нажав на название на вкладке «Об этой кисти».
На какой другой вид искусства похож пиксель-арт?
Однако эта концепция появилась примерно за 11 лет до этого, например, в системе SuperPaint Ричарда Шоупа в 1972 году, также в Xerox PARC.Некоторые традиционные виды искусства, такие как вышивка счетными нитками (включая вышивку крестиком), некоторые виды мозаики и бисероплетения, очень похожи на пиксель-арт.
В этом уроке мы узнаем, как легко создавать собственные кисти Photoshop! Photoshop поставляется с множеством замечательных кистей, которые мы можем использовать, но гораздо веселее и интереснее создавать свои собственные, особенно после того, как Adobe полностью обновила механизм кистей в Photoshop 7, добавив беспрецедентные возможности рисования в самый мощный редактор изображений в мире. .
Поскольку типы кистей, которые мы можем создавать в Photoshop, ограничены только нашим воображением, мы создадим здесь очень простую кисть, чтобы увидеть, насколько быстрым и простым является весь процесс. Мы также рассмотрим несколько параметров динамических кистей Photoshop на панели «Кисти», чтобы увидеть, как мы можем изменить поведение кисти после ее создания.
Начнем!
Шаг 1. Создайте новый документ Photoshop
Давайте начнем с создания нового документа Photoshop, который мы будем использовать для создания нашей кисти. Опять же, цель этого урока не в том, чтобы научиться создавать именно эту кисть, а в том, чтобы увидеть, как работает процесс от начала до конца. Я собираюсь создать новый документ размером 200 x 200 пикселей, перейдя в меню «Файл» в строке меню в верхней части экрана и выбрав «Создать». Или, чтобы быстрее создать новый документ, нажмите Ctrl+N (Win)/Command+N (Mac) на клавиатуре:
При этом открывается диалоговое окно "Новый документ". Введите 200 для параметров ширины и высоты и убедитесь, что тип измерения установлен в пикселях. Кроме того, убедитесь, что для параметра «Содержимое фона» установлено значение «Белый», так как нам нужен белый цвет в качестве цвета фона для кисти:
Когда закончите, нажмите OK, чтобы принять настройки и выйти из диалогового окна. На экране появится новый документ размером 200 x 200 пикселей, заполненный белым цветом.
Выбор начального размера кисти
Photoshop позволяет нам создавать кисти размером до 2500 x 2500 пикселей, но, как говорится, если вы можете, это не значит, что вы должны это делать. При таком размере вы будете рисовать виртуальным эквивалентом швабры для пола. Кроме того, рисование очень большими кистями требует от вашего компьютера гораздо больше памяти и мощности, что может значительно замедлить работу вашей системы. Для обычной работы вам понадобятся кисти гораздо меньшего размера.
Размер, с которым вы изначально создаете кисть, станет ее размером по умолчанию, и важно отметить, что кисти, которые мы создаем сами, основаны на пикселях, что означает, что они по сути являются изображениями и ведут себя точно так же, как обычные изображения. когда дело доходит до изменения их размера. Кисти обычно остаются четкими и резкими, когда мы уменьшаем их, но если вы увеличите их размер намного больше, чем по умолчанию, они станут мягкими и тусклыми. Таким образом, общая идея состоит в том, чтобы создать новую кисть, достаточно большую, чтобы удовлетворить ваши потребности, что может потребовать небольшого количества проб и ошибок. Размер 200 x 200 пикселей, который я здесь использую, обычно работает хорошо.
Шаг 2. Выберите инструмент «Кисть»
Давайте создадим нашу новую кисть, используя одну из встроенных кистей Photoshop. Сначала выберите инструмент «Кисть» в палитре «Инструменты» или нажмите клавишу B на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:
Шаг 3. Выберите маленькую круглую кисть
Выбрав инструмент «Кисть», щелкните правой кнопкой мыши (Win) или щелкните, удерживая нажатой клавишу «Control» (Mac), в любом месте окна документа, чтобы отобразить средство выбора «Наборы кистей», которое представляет собой миниатюрную версию полноценной панели «Кисти», которую мы посмотрите немного позже (и мы рассмотрим более подробно в другом уроке). Средство выбора «Набор кистей» позволяет нам выбирать из списка предустановленных кистей (что объясняет его название). Чтобы выбрать кисть, просто нажмите на ее миниатюру. Я собираюсь нажать на кисть Hard Round 5 Pixels, чтобы выбрать ее. Если у вас включены подсказки в настройках Photoshop, название каждой кисти будет отображаться при наведении указателя мыши на миниатюры. Нажмите Enter (Win)/Return (Mac), как только вы выбрали кисть, чтобы закрыть палитру:
Выберите маленькую круглую кисть в палитре предустановок, затем нажмите Enter (Win)/Return (Mac), чтобы закрыть ее.
Шаг 4. Убедитесь, что в качестве основного цвета выбран черный
Когда мы создавали наш новый документ на шаге 1, мы обязательно установили цвет фона нашего документа на белый. Причина в том, что все кисти в Photoshop имеют оттенки серого, а это означает, что кисть может содержать только черный, белый или промежуточные оттенки серого. Области, заполненные белым цветом, становятся прозрачными, поэтому вы не увидите их при рисовании кистью. Области, заполненные черным, будут видны на 100%, и если ваша кисть включает различные оттенки серого, эти области будут частично видны в зависимости от того, насколько они близки к черному или белому, причем более темные оттенки серого будут более заметны, чем более светлые.< /p>
Если бы мы превратили наш новый документ в кисть, как сейчас, вся кисть была бы прозрачной, поскольку она не содержит ничего, кроме белого. Рисование невидимой кистью может быть интересным с художественной точки зрения, но для более практических целей (например, в этом уроке) вам, скорее всего, понадобится кисть, которую вы действительно можете видеть, а это значит, что нам нужно добавить несколько областей черного цвета к изображению. документ. Черные области станут видимой формой кисти (известной как кончик кисти).
Photoshop рисует, используя текущий цвет переднего плана, и, как назло, цвет переднего плана по умолчанию — черный, а это означает, что очень вероятно, что ваш цвет уже настроен на черный. Вы можете увидеть текущие цвета переднего плана и фона, взглянув на образцы их цветов в нижней части палитры инструментов (цвет переднего плана — это образец в левом верхнем углу). Если ваш цвет переднего плана отличается от черного, нажмите букву D на клавиатуре, чтобы быстро восстановить цвета переднего плана и фона по умолчанию:
Шаг 5. Нарисуйте серию горизонтальных мазков внутри окна документа
Выбрав маленькую круглую кисть и выбрав черный цвет переднего плана, щелкните внутри окна документа и нарисуйте серию коротких горизонтальных мазков кистью. Для большего разнообразия измените толщину штрихов, изменив размер кисти с помощью удобных сочетаний клавиш. Нажмите клавишу левой квадратной скобки ([ ), чтобы сделать кисть меньше, или клавишу правой квадратной скобки ( ] ), чтобы увеличить ее. На большинстве клавиатур вы найдете скобки справа от буквы P. Когда вы закончите, у вас должен получиться столбец мазков кисти, который выглядит примерно так:
Шаг 6. Создайте новую кисть из документа
Чтобы создать новую кисть Photoshop из документа, просто откройте меню «Правка» в верхней части экрана и выберите «Определить набор кистей» из списка параметров (в зависимости от используемой версии Photoshop параметр может называться просто «Определить кисть»):
Photoshop откроет диалоговое окно с запросом на название новой кисти. Я назову свою "Моя новая кисть". Вы, вероятно, захотите выбрать более описательное имя:
Когда закончите, нажмите OK, чтобы закрыть диалоговое окно, и это все, что нужно сделать! Мы успешно создали совершенно новую пользовательскую кисть в Photoshop, которая готова и ждет, чтобы помочь нам воплотить наше творческое видение в жизнь. На этом этапе вы можете безопасно закрыть документ кисти.
Чтобы выбрать новую кисть в любое время, сначала убедитесь, что выбран инструмент "Кисть", затем щелкните правой кнопкой мыши (Win) или щелкните, удерживая клавишу Control (Mac), в любом месте документа, чтобы открыть окно выбора "Набор кистей". Прокрутите список доступных кистей вниз, пока не увидите миниатюру своей кисти (новые созданные кисти появятся в нижней части списка), затем щелкните миниатюру, чтобы выбрать кисть. Нажмите Enter (Win)/Return (Mac), как только вы выберете его, чтобы закрыть окно выбора «Наборы кистей»:
Выбрав новую кисть, просто нажмите и перетащите внутри документа, чтобы нарисовать мазок кистью:
Хорошее начало, но я думаю, можно с уверенностью сказать, что на данном этапе моя новая кисть будет малопригодна. К счастью, теперь, когда мы создали кончик кисти, мы можем изменить и контролировать то, как ведет себя кисть, когда мы рисуем ею, используя динамику кисти Photoshop, расположенную на главной панели «Кисти», которую мы кратко рассмотрим далее! /p>
Шаг 7. Откройте панель кистей
Мы видели, как выбрать базовую готовую кисть с помощью селектора «Наборы кистей», но если вы хотите больше контролировать поведение нашей кисти, нам нужна главная панель «Кисти» Photoshop, которая дает нам полный доступ к некоторым действительно потрясающим опции. Мы сохраним наш подробный обзор панели «Кисти» и всех ее элементов управления для другого урока, но давайте кратко рассмотрим несколько способов, которыми мы можем использовать ее для изменения внешнего вида наших мазков кистью.
Чтобы открыть панель «Кисти», либо перейдите в меню «Окно» в верхней части экрана и выберите «Кисти» из списка, либо нажмите клавишу F5 на клавиатуре (нажмите ее еще раз, чтобы закрыть панель), либо нажмите значок переключения панели «Кисти» на панели параметров (щелкните его еще раз, чтобы закрыть панель):
При этом открывается главная панель «Кисти», которая является старшим братом средства выбора «Наборы кистей», которое мы видели ранее. По умолчанию, когда вы впервые открываете панель «Кисти», в левом верхнем углу панели выбирается параметр «Наборы кистей», который отображает те же маленькие значки кистей справа, которые мы видели в палитре «Наборы кистей». Чтобы выбрать кисть, просто нажмите на ее значок. Прокрутите список вниз до только что созданной кисти и щелкните ее значок, чтобы выбрать ее, если она еще не выбрана. В самом низу панели «Кисти» отображается предварительный просмотр текущего вида мазка кисти. Поскольку я еще не вносил никаких изменений, предварительный просмотр выглядит точно так же, как мазок кисти, который я нарисовал минуту назад:
Шаг 8. Отрегулируйте расстояние между кончиками кисти
Нажмите на слова «Форма кончика кисти» непосредственно под параметром «Наборы кистей» в верхнем левом углу панели «Кисти»:
В реальном мире, если бы вы рисовали настоящей кистью, кисть наносила бы сплошной слой краски на бумагу, но Photoshop работает иначе. Вместо этого Photoshop «отпечатывает» документ кончиком кисти, когда вы перетаскиваете мышь. Если штампы располагаются достаточно близко друг к другу, это создает иллюзию бесшовного мазка кисти, но если штампы расположены слишком далеко друг от друга, отдельные штампы становятся очевидными, и мазок кисти выглядит ребристым. В зависимости от эффекта, который вы хотите получить (например, создать пунктирную линию), вам может потребоваться большое расстояние между штампами, но в большинстве случаев предпочтительнее бесшовный мазок кисти.
Выбрав параметр «Форма кончика кисти» на панели «Кисти», мы можем управлять расстоянием между штампами с помощью параметра «Интервал» с соответствующим названием в самом низу панели. Интервал управляется в процентах от ширины кончика кисти, и по умолчанию он установлен на 25%, что означает, что если ширина кончика кисти составляет 100 пикселей, Photoshop будет накладывать новый штамп каждые 25 пикселей по мере того, как вы перетащите мышь:
Для плавного мазка кистью этот параметр по умолчанию обычно слишком высок. Я собираюсь понизить свой примерно до 13%. Чтобы уменьшить величину интервала, либо перетащите ползунок влево, либо введите конкретное значение непосредственно в поле ввода. Вы увидите предварительный просмотр обновления мазка кисти, чтобы отразить изменения интервала:
Теперь, если я нарисую мазок кистью, он будет выглядеть более гладким, потому что отдельные штампы расположены ближе друг к другу:
Шаг 9. Выберите параметр динамики формы
Нажмите непосредственно на слова «Динамика формы» под параметром «Форма кончика кисти», который мы выбрали только что, что дает нам возможность динамически управлять размером, углом и округлостью кончика кисти во время рисования. Убедитесь, что вы нажимаете на сами слова. Щелчок внутри флажка слева от слов включит параметры, но не даст нам доступа к их элементам управления:
Шаг 10. Установите для элемента управления углом значение «Направление»
Основная проблема с внешним видом моего мазка заключается в том, что независимо от того, в каком направлении я рисую, эти горизонтальные линии, составляющие кончик моей кисти, остаются горизонтальными. Давайте исправим это, чтобы кончик кисти следовал за направлением моего курсора мыши. Выбрав параметр «Динамика формы», измените параметр «Управление» для угла кончика кисти на «Направление». Опять же, вы увидите предварительный просмотр мазка кисти в нижней части панели, чтобы отразить изменение:
Я нарисую еще один штрих кистью, и на этот раз все будет выглядеть намного естественнее. Кончик кисти следует за направлением, в котором я рисую:
Шаг 11. Установите для параметра «Размер» значение «Нажим пера» (требуется графический планшет)
Измените параметр "Управление" для размера кисти на "Нажим пера" (если у вас есть графический планшет).
Выбрав параметр «Нажим пера», я могу легко контролировать размер мазка кисти на лету, придавая своей пользовательской кисти еще более естественный вид:
Что делать дальше.
Очевидно, что это всего лишь пример того, насколько панель «Кисти» дает нам контроль над поведением нашей кисти, но всего за несколько коротких шагов нам удалось спроектировать и создать совершенно новую пользовательскую кисть Photoshop из поцарапать, и мы получили представление о том, насколько мощными на самом деле являются различные элементы управления динамическими кистями на панели «Кисти». Мы рассмотрим панель «Кисти» более подробно в другом уроке.
И вот оно! Посетите наш раздел «Основы Photoshop», чтобы узнать больше об основах Photoshop!
Я большой поклонник ретро-видеоигр и пиксельной графики. Во время рождественских каникул я попытался (после долгого перерыва) создать пиксельную графику для 2D-игры для мобильных устройств в ретро-стиле, которую я создавал в Unity для развлечения. Мне пришлось немного повозиться с настройкой Photoshop для создания 2D-спрайтов и фона, поэтому вот краткое пошаговое руководство о том, как настроить Photoshop для создания пиксельной графики.
Шаг 1. Создайте маленькое изображение
Пиксельная графика выполняется в очень низком разрешении. Это означает, что вы начнете с создания очень маленького изображения, которое вы едва сможете разглядеть без увеличения. Я не могу дать вам эмпирического правила, но я обычно использую 20x20 пикселей для спрайтов (иногда 40x40 пикселей, если Я хочу добавить больше деталей) и около 150x80 пикселей для фона.
Итак, создайте новое изображение в Photoshop.
После того как вы создали изображение, вы едва сможете его увидеть. Поэтому увеличьте масштаб, чтобы вы могли его увидеть.
Шаг 2. Настройте интерполяцию изображения для ближайших соседей
Когда ваш пиксельный рисунок изменяется или масштабируется, вы хотите, чтобы края или углы выглядели четкими и зубчатыми, а не гладкими и размытыми. По умолчанию Photoshop использует бикубическую интерполяцию (или билинейную), которая создает эффект размытия при увеличении изображения. В то время как бикубическая интерполяция отлично работает для обычных изображений, пиксельная графика, масштабированная с использованием бикубической, выглядит ужасно и чертовски размытой. Как пример (источник):
Вот старик из The Legend of Zelda, который дает вам меч. (Вы можете прищуриться, чтобы увидеть это)
Здесь он увеличен в 4 раза с бикубической интерполяцией:
Масштабировать здесь в 4 раза с помощью параметра "Ближайший сосед":
Видите разницу? Вот как настроить Photoshop для использования алгоритма интерполяции изображения «Ближайший сосед».
Примечание. Если вы экспортируете изображение (параметр «Сохранить для Интернета») и изменяете его размер, убедитесь, что выбран параметр «Ближайший сосед» в разделе «Качество» или «Пересэмплирование».
Шаг 3. Настройте инструменты
Вам потребуется настроить инструменты рисования и получить желаемые пиксельные эффекты. Для инструментов карандаш и ластик я использовал следующие настройки:
- Размер до 1 пикселя (px).
- твердость до 100%.
- непрозрачность до 100%.
- для инструмента "Ластик" установлен режим "Карандаш".
Единственным другим инструментом, который я использовал, было ведро с краской, которое не требовало никакой настройки.
Шаг 4. Отобразите сетку (необязательно)
Сетка помогает точно позиционировать и выравнивать элементы. Я нахожу сетку очень полезной при создании спрайтов. Сетку можно включить в меню «Вид».
Далее нам нужно настроить сетку, чтобы она могла отображать каждый пиксель по отдельности. Откройте настройки «Направляющие, сетки и фрагменты» в меню «Настройки» и обновите настройки сетки.
Это все, что есть. Я надеюсь, что этот урок был вам полезен, и вы продолжите создавать великолепные пиксельные рисунки :) Процитирую Боба Росса:
«Люди могут смотреть на вас немного смешно, но это нормально. Художникам позволено быть немного другими».
Читайте также: