Как сделать пиксель арт в Photoshop

Уроки Photoshop

Автор Алексей Волконский На чтение 3 мин Просмотров 90

В последнее время очень большой популярностью пользуются фотографии, сделанные в стиле пиксель арт. Особенно это популярно на игровых сайтах или каналах, с соответствующей тематикой. Как правило, пиксель арт считается тяжелым искусством, ибо вы должны поточечно нарисовать такое изображение в пикселях, но в целом, можно преобразить любую картинку в этот стиль. И в этой статье мы научим вас все это делать.

Как мы уже сказали выше, фотографии можно рисовать, а можно преображать готовые. Давайте по очереди разберемся с обоими видами работ.

Как нарисовать пиксель арт в Photoshop

Для примера мы возьмем вот такую вот заготовку. Для начала создаем небольшой холст, размерами 200х200 пикселей. Тут же обязательно заходим в настройки и где «интерполяция изображения» выставляем значение «по соседним пикселям (сохраняет четкие края)».

После этого вверху заходим в раздел «просмотр» и выбираем пункт «показывать сетку». После этого возвращаемся к нашему первому рисунку, вырезаем фигурку и переносим ее на нашу клетчатую поверхность. Пользуемся комбинацией горячих клавиш Ctrl+T, чтобы трансформировать наше изображение до нужного размера.

Теперь просто прорисовываем и разукрашиваем нашего персонажа. Для удобства, каждый фрагмент нужно делать на новом слое, чтобы при необходимости его отредактировать. Получается примерно следующее:

Чтобы рисунок выглядел еще более пиксельным, можно дополнительно увеличить холст, а затем и персонажа, применяя комбинацию Ctrl+T. Остается только правильно экспортировать рисунок. Делать это лучше всего в GiF или PNG-форматах, т.к. вы можете сохранить изображение на прозрачном фоне, а главное – сохраните 16-цветовую палитру, что позволит вам сохранить пиксельную тематику.

Как преобразить обычную картинку в пиксель арт

Теперь, что касается перевода обычной картинки. Для примера мы возьмем картинку кота, т.к. по своей структуре она является достаточно сложной. Первое, что нужно сделать – это снять блокировку слоя, если она стоит.

После этого, на верхней панели меню, переходим в «изображения» / «коррекция» / «цветовой тон, насыщенность». Тут нужно передвинуть ползунок насыщенности примерно на 50. После этого снова идем в «изображения», только теперь выбираем «режим», а затем «индесированные цвета».

В открывшейся табличке нужно проследить, чтобы цветов было 10, а все остальное должно быть отключено. После этого выбираем «изображения», а затем «размер изображения». В разделе «подогнать под» выбираем «автоматический выбор разрешения», качество ставим «черновое». По итогу картинка уменьшится примерно до 200х200 пикселей.

Увеличиваем ее и рассматриваем. Получилось неплохо. Теперь снова переводим изображение в RGB. Для этого в разделе «изображения» выбираем «режим», а затем RGB. Остается только вырезать кота на нужный слой, а также дополнительно подкрасить, чтобы он выглядел более естественно.

Но по сути – картинка готова.

На этом мы заканчиваем данную статью, всем удачи и до новых встреч.

( 1 оценка, среднее 5 из 5 )

Поделиться с друзьями

Размеры в Фотошопе — самые частые вопросы | Статьи | Фото, видео, оптика

Нужно подогнать фотографии для публикации в соцсетях? А, может, вы планируете распечатать их на холсте или в альбом? Отвечаем на самые распространённые вопросы: как узнать размеры картинки в фотошопе и изменить размер изображения за пару мгновений. 

Изменить размер изображения в Фотошопе — важно, ведь зачастую именно этот параметр влияет на то, насколько качественно выглядят снимки / Фото: unsplash.com

Как изменить размер в фотошопе

Чтобы поменять размер фотографии в Фотошопе, воспользуйтесь одним из двух вариантов: зайдите в меню Изображение / Image — Размер изображения / Image Size или воспользуйтесь сочетанием клавиш Shift + Ctrl + I. В любом из этих случаев перед вами откроется окно, куда можно ввести нужный размер фотографии.

Если вы загружаете фотографии в соцсети, то кликните на единицы измерения и выберите пиксели, а если планируете распечатать, то можете задать нужный размер в сантиметрах или миллиметрах. 

Предпочтительные размеры изображений для:

— «ВКонтакте»: 1000х700 пикселей;

— сайта-визитки, блога: 2000 пикселей по большей стороне;

— соцсети для фотографов Flickr: 2048 пикселей по большей стороне для обычных пользователей и 6144 пикселя по большей стороне для тех, кто оформил платную подписку;

— Pinterest: 900х1600 пикселей.

Чтобы изменять размер изображения в Photoshop пропорционально, следите за тем, чтобы кнопка в виде скрепки была нажата / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Изображение можно не только уменьшить, но и увеличить. Помните: чем сильнее увеличивается размер фотографии, тем хуже качество, так что не надейтесь, что картинку можно увеличить в 20 раз и сохранить её такой же резкой и детализированной.

Как изменять размер холста в фотошопе

Иногда нужно изменить размер холста фотографии, то есть обрезать лишние участки картинки по бокам. Для этого зайдите в меню Изображение / Image — Размер холста / Canvas Size или нажмите сочетание клавиш Ctrl + Alt + C.

Откроется меню, где наверху указан текущий размер изображения и то, сколько места снимок занимает на компьютере (измеряется в килобайтах, мегабайтах или гигабайтах). Чуть ниже можно выбрать, по ширине или высоте обрезать картинку. Например, если вы вместо 1280 по ширине написали 1200, то программа «откусит» слева и справа от фотографии по 40 пикселей.

Если нужно, чтобы холст обрезался только с одной из сторон, используйте Привязку / Anchor. Например, если нажать на правую стрелку, пиксели будут обрезаться только с левой стороны / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать рамку в фотошопе

Если нужно добавить рамку к фотографии, воспользуйтесь также командой Изображение / Image — Размер холста / Canvas Size или Ctrl + Alt + C.

В открывшемся окне впишите значения, сколько пикселей должна быть рамка. Для этого прибавьте к размеру фотографии толщину обводки. Например, если фотография была по ширине 1260 пикселей, а рамка нужна толщиной 20 пикселей, то вписывайте цифру 1300 пикселей.

Чтобы изменить цвет рамки, нажмите на выпадающий список Фон / Background и выберите чёрный, белый или серый цвет по умолчанию. Если нужен свой цвет, нажмите кнопку Другое / Other / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как узнать размер фото в фотошопе

Чтобы быстро узнать размер изображения в Фотошопе, сделайте два шага:

1. Откройте картинку, перетащив её на предварительно открытую программу или через меню Файл / File — Открыть / Open.

2. Нажмите на строчку со стрелочкой в нижнем левом углу рабочего пространства. Выберите Размер документа / Document Dimensions в появившемся выпадающем списке.

Теперь в углу отображается размер фото в пикселях и его разрешение / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт

Как сделать размер А4 в фотошопе

Чтобы создать документ с размером A4, зайдите в меню Файл / File — Новый / New (горячие клавиши Ctrl + N). В открывшемся окне слева можно задать любой размер документа в пикселях, сантимерах, миллиметрах или дюймах. 

Чтобы не тратить время на поиск нужных размеров в интернете, нажмите на вкладку Печать / Print и из предложенного списка выберите размер A4.

Там же можно выбрать ориентацию файла — вертикальную или горизонтальную и цвет холста / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать фото А4 в фотошопе

Чтобы подогнать изображение под формат A4, нужно точно знать его размер. Это 210 на 297 миллиметров (2480х3508 в пикселях).

 Дальше возможны три варианта:

1. Если фотографию нужно обрезать до формата А4: зайдите в Изображение / Image — Размер холста / Canvas Size и в графах с размерами вбейте нужные числа в пикселях или миллиметрах.

Если изначально фотография была меньше, чем А4, вокруг холста создастся рамка, если больше — лишнее обрежется / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

2. Если фотографию нужно пропорционально увеличить или уменьшить до формата А4: зайдите в меню Изображение / Image — Размер изображения / Image Size. В открывшемся окне нажмите на меню Вписать в / Fit to и в выпадающем списке выберите формат A4.

Если изначально фотография была меньшего размера, чем А4, снимок аккуратно увеличится до нужного формата / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

3. Если фотографию нужно обрезать до формата А4: в левой части экрана выберите инструмент Crop Tool (вызывается с помощью горячей клавиши С). В верхней части экрана нажмите на выпадающий список и выберите W х H х Resolution. В пустых окошках справа впишите нужный размер в пикселях: 2480х3508 для вертикальных фотографий и 3508х2480 для горизонтальных.

Лишние части холста аккуратно обрежутся, но при этом, сдвигая получившуюся рамку, вы можете сами выбрать, как будет выглядеть кадрирование / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать квадратное фото в фотошопе

Чтобы сделать квадратное изображение в Photoshop, найдите в панели инструментов ручного редактирования слева инструмент Crop Tool (горячая клавиша С). После этого в панели настроек инструмента в верхнем правом углу нажмите на выпадающий список и выберите формат 1:1 (Square) / 1:1 (Квадрат).

Теперь рамка кадрирования станет квадратной. Зажимая левую кнопку мыши, сдвиньте её так, как вам нравится, и нажмите Enter / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как изменить разрешение фото в фотошопе

Разрешение — это то, сколько пикселей помещается в дюйме изображения или в квадрате 254х254 мм. Обычно оно обозначается так: 300 dpi, 150 dpi, 72 dpi. DPI в том случае расшифровывается как Dots per inch, что буквально и переводится «количество точек на дюйм». 

Чем больше разрешение фотографии, тем качественнее она получается при печати. Получается, количество dpi важно только когда вы переводите фотографию на физический носитель — печатаете на фотобумаге, холсте, накатываете на пенокартон. Если же она остается на телефоне, в компьютере и интернете, то можно поставить хоть 1500 dpi, хоть 1 dpi — визуально разницы не будет. Идеальным разрешением, которое примет любая типография, считается 300 dpi.

При выборе камеры вы можете обратить внимание на максимальный размер, в котором она способна фотографировать. Например, зеркальный Nikon D5 XQD может печатать фотографии с максимальным разрешением 5568х3712 пикселей (примерно 1,5 метра на метр), беззеркальный Sony Alpha ILCE-7M3 — 6000х4000, а компактный цифровой Fujifilm X100V — 6240 x 4160 (1,65 метра на 1,1 метра). 

---

Читайте также:

Матрица фотоаппарата: всё что нужно знать о ней и мегапикселях

---

Чтобы изменить разрешение фотографии в фотошопе:

1. Откройте меню Изображение / Image — Размер изображения / Image Size (горячие клавиши Shift + Ctrl + I).

2. В открывшемся окне снимите галочку с кнопки Ресамплинг / Resample. В графе Разрешение / Resolution выберите Пиксель/Дюйм / Pixels/Inch и впишите нужное число.

Идеальным разрешением считается 300 dpi. Считается, что в таком случае фотография будет выглядеть качественной даже если вы напечатаете её на огромном баннере или билборде / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Но хорошее по качеству изображение можно получить и при 150 dpi — всё зависит от того, какого размера фотографию вы хотите напечатать.

Как сделать пиксель-арт в Photoshop для начинающих

В этом уроке для начинающих вы узнаете, как создавать пиксель-арт для своих игр и проектов с помощью Adobe Photoshop! Мы рассмотрим все, начиная от создания пиксельного изображения и заканчивая тем, чтобы поделиться им со всем миром!

Готовы сделать свой собственный пиксель-арт? Независимо от того, хотите ли вы создать что-то, чтобы поделиться в своей учетной записи в социальной сети, или, возможно, вам нужен персонаж для вашей ретро-видеоигры, это руководство по Photoshop поможет вам быстро создать пиксельную графику с помощью Adobe Photoshop.

Начало работы

Пиксель-арт — это быстрый и простой способ создания 2D-изображений для ваших игр или творческих работ, таких как изображения, которые вы видите в популярных мобильных играх, таких как Flappy Bird! Изучение того, как создавать пиксель-арт в Photoshop, также является основой для создания отличного воксельного искусства. Существует множество инструментов для создания пиксельной графики, но в этом уроке мы будем использовать самое популярное программное обеспечение для создания 2D-изображений, доступное в Интернете. Photoshop — явный фаворит для создания пиксель-арта из-за его множества функций, направленных на создание потрясающего пиксель-арта!

Создать новый файл

Прежде чем приступить к созданию пиксельной графики в Photoshop, убедитесь, что у вас установлена ​​последняя версия Photoshop через Creative Cloud, а затем откройте программу. Вы должны увидеть меню, похожее на приведенное ниже. Это называется экраном приветствия. Идем дальше и нажимаем Create New .

Появится экран «Новый документ». Здесь вы можете выбрать один из готовых шаблонов, чтобы помочь создавать фотопроекты, предназначенные для разных размеров экрана. В этом уроке Photoshop мы покажем вам, как сделать собаку в пиксельной графике. Для этого мы будем использовать Пользовательский вариант . В меню справа под названием Preset Details введите имя HipsterDog и введите 32 для ширины и 32 для высоты. Нажмите  Создать , когда закончите.

По сути, это создает новый файл с именем HipsterDog с холстом размером 32×32 пикселя. Этот холст будет тем, что мы будем использовать для рисования нашего пиксель-арта. После того, как вы нажмете Create , вы должны увидеть экран, подобный показанному ниже. Имейте в виду, что 32×32 действительно мало. Если вы посмотрите в нижний левый угол, то заметите, что масштаб увеличен на 100%. Пиксельное искусство по своей природе — это произведение искусства, которое работает на уровне пикселей. Мы всегда можем масштабировать наши пиксельные изображения позже, но пока мы проектируем, мы должны оставаться в этом разрешении.

Чтобы упростить дизайн, мы всегда можем просто увеличить масштаб, чтобы лучше видеть нашу пиксельную графику. Для этого нажмите CTRL + на компьютере с Windows или CMD + на Mac. Мы увеличивали масштаб, пока не достигли 3200%. Вы можете увидеть увеличение в левом нижнем углу.

Если этого недостаточно, вы можете увеличить или уменьшить масштаб. Теперь, когда у нас есть пустой холст, нам нужно настроить нашу рабочую среду, чтобы мы могли сделать отличный пиксель-арт в Photoshop.

Настройка Adobe Photoshop для Pixel Art

Теперь, когда у вас есть холст, нам нужно установить некоторые базовые настройки в Photoshop, которые помогут нам создать нашу самую первую пиксельную графику, а также чтобы она отображалась должным образом.

Включить ближайший сосед

При первом открытии Photoshop все изображения создаются с использованием Bicubic Automatic  для интерполяции изображений. Это отлично подходит для обычных изображений, потому что когда вы масштабируете изображение вверх или вниз, это помогает размыть пиксели, чтобы они выглядели «гладкими» и менее пикселизированными. Однако в пиксель-арте это полная противоположность. Всякий раз, когда вы делаете пиксельные изображения, они должны выглядеть четкими и четкими. Для этого нам нужно изменить этот параметр на Ближайший сосед . Изображения ниже являются примером масштабирования изображения, которое мы будем составлять  8x .

Изображение с бикубическим автоматическим изображением с ближайшим соседом

Итак, без дальнейших задержек давайте изменим интерполяцию изображения. Перейдите к Настройки и выберите категорию Общие .

Когда меню настроек открыто, щелкните раскрывающийся список Интерполяция изображения и выберите Ближайший сосед (сохранить резкие края)  из списка элементов.

Теперь, когда вы изменяете размер своего пиксельного рисунка, Photoshop сохраняет четкие края, придавая вашему рисунку чистый и четкий вид.

Включить сетку

Следующей важной настройкой, которую мы включим в Photoshop, является Сетка . Пиксель-арт работает на основе невидимой 2D-сетки. Включив это, будет легко увидеть, где именно мы размещаем наши пиксели. Чтобы включить нашу сетку, перейдите в View > Show > Grid .

Когда вы нажмете Сетку, вы должны увидеть что-то похожее на это на вашем холсте. Имейте в виду, что эта сетка является лишь ориентиром и не будет отображаться при экспорте пиксельного изображения.

Иногда сетка не отображается нужного размера. Это связано с тем, что линии сетки установлены неправильно. Если вам нужно изменить это или вы хотите перепроверить, снова перейдите на панель «Настройки» в Photoshop и на этот раз нажмите «Направляющие, сетка и фрагменты… » из вариантов.

Когда откроется меню, убедитесь, что свойство Gridline Every: имеет значение 1 пикселя . Также убедитесь, что Subdivisions  – это  1 .

Это гарантирует правильный размер сетки. Поздравляем! Теперь мы готовы сделать пиксель-арт!

Нарисуйте свое пиксель-арт изображение

Теперь, когда вы настроили Photoshop для пиксель-арта, пришло время выбрать инструмент, который мы будем использовать для фактического рисования нашего пиксель-арта. Несмотря на то, что существуют десятки инструментов и сочетаний клавиш, которые можно использовать для создания пикселей на изображении, мы сосредоточимся на одном основном инструменте. Это инструмент Pencil  .

Настройка инструмента «Карандаш»

Инструмент «Карандаш» в Photoshop станет одним из наиболее часто используемых инструментов, когда вы начнете создавать пиксель-арт. Чтобы максимизировать его эффективность, мы изменим некоторые настройки перед тем, как начать.

Для начала выберите инструмент «Карандаш» на панели инструментов. Вы можете найти его на правой стороне. Он буквально выглядит как карандаш.

После того, как вы выбрали Карандаш, мы настроим некоторые свойства. Щелкните стрелку раскрывающегося списка в левом верхнем углу окна Photoshop. Рядом с ним должен стоять номер. Это число показывает, сколько пикселей в ширину нарисует карандаш, когда вы нажмете на холст. Поскольку мы делаем пиксельную графику, мы хотим, чтобы она была очень тонкой. Для этого установите размер на 1. Это позволит нам рисовать по 1 пикселю за раз. Затем установите жесткость на 100%. Помните, что пиксель-арт должен быть четким и резким. Это свойство предотвратит сглаживание, делая наши пиксели четкими.

Контур головы

И вот момент, которого мы все ждали! Чтобы нарисовать пиксель, просто щелкните в любом месте вашего холста. Поскольку мы проделали всю тяжелую работу по настройке Photoshop, это должно быть буквально похоже на заполнение кубов на сетке. Мы начнем с обводки головы черным цветом.

Чтобы изменить цвета, щелкните поле «Цвет», расположенное в нижней части области панели инструментов. Появится всплывающее окно, где вы можете перетащить ползунок, чтобы настроить цвет. Нажмите OK, когда закончите.

Теперь, чтобы добавить пиксель, просто щелкните внутри созданной ранее сетки. С нашими текущими настройками он будет заполнять одну ячейку за раз. Попробуйте воспроизвести изображение ниже, щелкнув инструментом «Карандаш».

Очень красиво! Теперь, когда у нас есть контур нашего пиксельного персонажа, мы можем начать добавлять некоторые детали внутри головы. Продолжайте добавлять детали, используя тот же метод, который вы использовали для контура. Наметим уши и добавим нос. Повторите изображение ниже.

Теперь он начинает обретать форму! Чтобы сделать очки для нашей собаки, нам нужно изменить цвет. Нажмите на поле цвета еще раз и введите цвет ниже.

Теперь, когда мы изменили цвет, давайте начнем рисовать очки. Попробуйте воспроизвести изображение ниже, используя тот же инструмент «Карандаш».

Отличная работа! Теперь у нас есть большая часть нашей пиксельной собаки. Давайте начнем заполнять пустые области. Отличный способ раскрасить ряд пикселей — щелкнуть левой кнопкой мыши по первому пикселю в ряду. Затем, удерживая нажатой клавишу SHIFT, щелкните пиксель в конце строки, которую хотите окрасить. Это заполнит пиксели между ними, автоматически сэкономив вам время. Попробуйте завершить изображение ниже, используя методы, которые вы уже изучили.

Отличная работа! Теперь у вас есть навыки для создания собственной пиксельной графики для ваших проектов! Идите вперед и экспериментируйте с разными цветами и добавляйте все, что вам нравится, к вашему пиксельному изображению. Когда вы закончите, выключите сетку, которую мы включили ранее, чтобы увидеть готовый продукт.

Куда дальше

Теперь, когда вы узнали, как настроить Photoshop и научились основам создания пиксельной графики, пришло время узнать, как масштабировать ваши пиксельные изображения, чтобы вы могли использовать их в таких проектах, как видеоигры. и рекламное искусство. Мы расскажем об этом в нашем следующем уроке.

Чтобы узнать об этом, просмотрите наш следующий урок Как изменить размер пиксельной графики с помощью Adobe Photoshop.

Как превратить изображение в пиксель-арт с помощью Photoshop

В этом уроке по Photoshop вы узнаете, как превратить ваши собственные фотографии и изображения в пиксель-арт в Windows и macOS, чтобы вы могли использовать их в своих играх и проектах!

Для ознакомления с созданием пиксельной графики в Photoshop ознакомьтесь с нашим учебным пособием по пиксельной графике для начинающих с использованием Photoshop 9.0141 .

Вы готовы превратить картинку в пиксель-арт? При создании пиксель-арта иногда быстрее и проще преобразовать существующее изображение в пиксель-арт спрайт, чем начинать с нуля. К счастью, в Photoshop есть несколько замечательных инструментов , которые могут преобразовать традиционную фотографию или векторную графику в спрайт, состоящий из пикселей, который затем можно редактировать или экспортировать из Adobe Photoshop.

Вот основные шаги по превращению фотографии в изображение в стиле пиксельной графики:

1. Установите Adobe Photoshop для macOS или Windows
2. Откройте файл изображения в Photoshop
3. Увеличьте контраст цветов на изображении
4. Уменьшите количество цветов в изображении с помощью Indexed Color
5. Сделайте изображение пиксельным, изменив его размер с помощью команды «Размер изображения»
.
6. Экспортируйте изображение с использованием повторной выборки ближайших соседей

Теперь, когда у вас есть общее представление о процессе преобразования фотографии в пиксельную графику, мы углубимся в конкретные шаги.

Приступая к работе

Прежде чем мы начнем, необходимо понять несколько вещей, связанных с созданием пиксельной графики из изображения. Во-первых, Photoshop работает с файлами изображений. Сюда входят изображения .JPG и .PNG. С последним обновлением они также добавили несколько более продвинутых форматов изображений, но мы обнаружили, что использование традиционных форматов файлов изображений работает лучше всего. Также вам понадобится копия Adobe Photoshop. Давайте начнем!

Откройте свою фотографию в Photoshop

В этом уроке мы будем превращать нашу фотографию реального скейтпарка в пиксель-арт с помощью Adobe Photoshop. Для начала убедитесь, что у вас установлена ​​последняя версия Photoshop. Запустите приложение на своем компьютере. Когда загрузится экран приветствия, нажмите  Открыть кнопку в левой части окна.

В зависимости от вашей операционной системы вы увидите либо окно Finder для macOS, либо окно Explorer для Windows. Перейдите туда, где в вашей файловой системе находится ваша фотография. Когда все будет готово, нажмите кнопку Открыть  .

Через несколько секунд ваша фотография должна открыться в Photoshop. Вот как выглядит наше изображение внутри главного окна редактора.

Добавьте контраста изображению

Пиксель-арт по своей природе очень резкий и четкий. С другой стороны, реалистичные фотографии и векторные изображения, такие как природный фон, имеют очень высокое разрешение и обычно имеют большое количество размытых цветов и сглаживание. Чтобы исправить это, мы увеличим Контраст нашей фотографии, чтобы мы могли сделать как можно больше элементов на нашей картинке максимально четкими. Для этого перейдите к  Изображение  >  Настройки  >  Яркость/Контрастность .

После того, как вы щелкнете по нему, появится небольшое окно с названием  Яркость/Контрастность  , в котором вы сможете настроить  Контрастность  изображения. Для нашего мы решили использовать  25 . Не стесняйтесь настраивать это так, как вам нравится. Когда вы закончите, нажмите  OK .

Наше изображение теперь имеет более четкие края, а сглаживание должно было немного снизиться. Повторяйте этот шаг, пока не будете довольны результатом. Мы остановились на изображении ниже.

Уменьшить количество цветов на изображении

Важным правилом пиксельной графики является ограничение количества используемых цветов. Это было результатом того, что в прошлом машины имели ограниченные ресурсы. Из-за этого пиксель-арт имеет особый стиль с обычно небольшой цветовой палитрой. Опять же, фотографии, как правило, имеют миллионы цветов, поэтому нам придется уменьшить это количество. Для этого перейдите к Изображение  >  Режим  >  Индексированный цвет .

После того, как вы нажмете эту кнопку, появится еще одно маленькое окно под названием  Индексированный цвет . Наиболее важным параметром здесь является значение Colors . Это сообщает Photoshop, какое максимальное количество цветов вы хотите использовать в своем изображении. После того, как вы установите необходимое количество цвета, обязательно следуйте остальным настройкам, выделенным красным цветом. Нажмите OK , когда закончите.

Теперь это начинает выглядеть действительно круто. Если вы внимательно посмотрите на изображение, вы начнете видеть некоторые из тех групп пикселей, которые вы видите внутри изображений пиксельной графики. Это потому, что наше изображение теперь использует только 15 цветов.

Сделать изображение пиксельным, изменив его размер

Наше изображение обретает форму, но чтобы действительно подчеркнуть, что это на самом деле пиксельная графика, нам нужно выделить пиксели больше. Этого можно добиться, уменьшив масштаб и изображение, а затем снова увеличив его.

Для начала давайте начнем с изменения размера нашего изображения до меньшего размера, чтобы уменьшить количество пикселей в нашем изображении. Для этого перейдите к  Изображение  >  Размер изображения .

Когда вы нажмете на это, появится еще одно маленькое всплывающее окно под названием  Размер изображения . Это выделенное пространство — то, на чем вы хотите сосредоточить свое внимание. Мы уменьшим высоту нашего изображения до 132 пикселей. Имейте в виду, что именно здесь вам нужно проверить это. Он может быть больше или меньше в зависимости от того, что, по вашему мнению, выглядит лучше.

Мы выбрали это, потому что считаем, что это хорошая отправная точка. Это сделает пиксели намного больше. Затем мы изменим разрешение изображения, используя значение «Ближайший сосед (жесткие края)» . Это предотвращает сглаживание и делает пиксели четкими и чистыми. Когда закончите, нажмите ОК .

Когда вы нажмете OK, вы заметите, что размер изображения теперь составляет 132 пикселя в высоту и 217 пикселей в ширину. Также он должен казаться заметно меньше в Photoshop.

Если увеличить масштаб, то можно сказать, что это начинает выглядеть как пиксель-арт. Однако есть одна маленькая проблема. Изображение настолько маленькое, что если вы поделитесь им с кем-то, им придется увеличить масштаб, чтобы увидеть его. Чтобы исправить это, давайте снова увеличим масштаб.

Чтобы увеличить наше изображение, вернитесь к Размер изображения 9.0014  меню, расположенное внутри изображения . Введите 400% для ширины и высоты.