Как сохранить пиксель-арт без потери качества

Обновлено: 30.06.2024

Нужно изменить размер пиксельной графики? Узнайте, как увеличить изображение и сохранить четкие и четкие блочные формы с помощью Photoshop!

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

Но «блочный и пиксельный» — это и есть суть пиксель-арта! Таким образом, чтобы изменить размер пиксельной графики, нам нужен способ для Photoshop просто добавить больше пикселей, и все. Вместо сглаживания нам нужно, чтобы формы и края изображения выглядели четкими и четкими. В этом уроке я покажу вам, как именно это сделать.

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

Я буду использовать этого маленького пиксельного персонажа, скачанного с Adobe Stock:

Герой Pixel Art. Изображение предоставлено Adobe Stock

Это седьмой урок из моей серии «Изменение размера изображений в Photoshop».

Начнем!

Как увеличить пиксельную графику в Photoshop

Вот персонаж, открытый в Photoshop. И, как видите, он выглядит довольно маленьким:

Пиксель-арт, открытый в Photoshop в исходном размере

Шаг 1. Откройте диалоговое окно "Размер изображения"

Лучший способ увеличить пиксельную графику — использовать диалоговое окно «Размер изображения» в Photoshop. Чтобы открыть его, перейдите в меню «Изображение» в строке меню и выберите «Размер изображения»:

Выбор команды

В Photoshop CC диалоговое окно включает удобное окно предварительного просмотра слева, а также параметры размера изображения справа:

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

Просмотр текущего размера изображения

Текущий размер изображения указан вверху. Рядом со словом «Размеры» мы видим, что моя работа довольно маленькая, с шириной и высотой всего 500 пикселей:

Текущие размеры пиксельной графики в Photoshop

Шаг 2. Включите параметр Resample

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

Во-первых, убедитесь, что в диалоговом окне включен параметр "Пересэмплирование". При выключенном Resample размеры в пикселях заблокированы, и все, что мы можем изменить, — это размер печати. Чтобы добавить или удалить пиксели, Resample должен быть включен:

Параметры ресамплинга в Photoshop

Шаг 3. Введите процентное значение в поля «Ширина» и «Высота»

Вместо увеличения разрешения пиксельной графики до определенного размера, лучше всего увеличить ее с помощью процентов. А чтобы избежать искажений и сохранить каждый блок в графическом изображении идеально квадратным, вы должны придерживаться процентных значений, которые кратны 100 (то есть 200 %, 300 %, 400 % и т. д.). Я увеличу изображение, установив ширину и высоту на 400 процентов:

Увеличение разрешения пиксельной графики в Photoshop на 400 процентов

Это увеличит размеры в пикселях с 500 на 500 пикселей до 2000 на 2000 пикселей:

Новые размеры в пикселях после повышения разрешения изображения в Photoshop

Изменение размера окна предварительного просмотра

Обратите внимание, что при увеличении ширины и высоты в 4 раза изображение становится слишком большим, чтобы поместиться в маленьком окне предварительного просмотра. Чтобы увеличить окно предварительного просмотра, я увеличу само диалоговое окно «Размер изображения», перетащив правый нижний угол наружу. Затем я щелкну и перетащу внутри окна предварительного просмотра, чтобы отцентрировать рисунок внутри него:

Изменение размера диалогового окна

Проблема с изменением размера пиксельной графики

Пока все хорошо. Или это? Если мы посмотрим на рисунок в окне предварительного просмотра, то увидим, что он выглядит неправильно. Вместо того, чтобы края вокруг фигур выглядели четкими и четкими, они выглядят немного мягкими и размытыми:

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

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

Увеличение разрешения пиксельной графики размыло формы и добавило ореолы вокруг них

Обратите внимание, что если нажать и удерживать иллюстрацию в окне предварительного просмотра, ореолы исчезнут, а края станут очень четкими, а это именно то, что нам нужно:

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

Но как только вы отпустите кнопку мыши, вы снова увидите ореолы:

Пиксель-арт выглядит мягким и размытым, когда вы отпускаете кнопку мыши

Метод интерполяции изображения

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

Параметр «Интерполяция» находится справа от параметра «Повторная выборка». По умолчанию установлено значение «Автоматически»:

Параметры интерполяции изображения в диалоговом окне

Обычно настройка «Автоматически» подходит, поскольку она позволяет Photoshop выбрать наилучший метод для задания. Но проблема здесь в том, что Photoshop предполагает, что мы изменяем размер стандартного изображения с большим количеством мелких деталей. Таким образом, это выбор метода, при котором стандартное изображение выглядит хорошо. Но тот же метод заставляет пиксельную графику и подобные типы графики выглядеть плохо. Поэтому при повышении частоты дискретизации пиксельной графики нам нужно самим выбрать другой метод интерполяции.

Шаг 4. Установите для метода интерполяции значение «Ближайший сосед»

Для этого нажмите на параметр «Интерполяция», чтобы открыть список методов, которые мы можем выбрать. Если вы используете Photoshop CC, то метод интерполяции, который Photoshop выбирает для повышения дискретизации изображений, — «Сохранить детали». А в Photoshop CS6 он выбирает Bicubic Smoother. Но ни один из них не работает с пиксельной графикой:

Методы интерполяции изображений в Photoshop

Чтобы повысить разрешение изображения без усреднения пикселей, вам понадобится метод интерполяции «Ближайший сосед»:

Выбор метода интерполяции ближайшего соседа при повышении дискретизации пиксельной графики

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

Это потому, что теперь оба раза используется один и тот же метод интерполяции. Photoshop всегда добавляет пиксели изначально, используя функцию «Ближайший сосед». Но теперь, когда мы сами выбрали «Ближайшего соседа», мы не используем ничего другого, что могло бы ухудшить пиксельную графику:

Повышенная дискретизация пиксельной графики выглядит великолепно с использованием метода интерполяции ближайшего соседа в Photoshop

Шаг 5. Нажмите "ОК"

Когда вы будете готовы повысить разрешение изображения, нажмите "ОК", чтобы принять ваши настройки и закрыть диалоговое окно "Размер изображения":

Нажмите

И теперь мой маленький герой в пиксельной графике выглядит намного больше, но при этом сохраняет тот же блочный, пиксельный вид, которого мы и ожидали:

Как увеличить и повысить разрешение пиксельной графики в Photoshop

Как увеличить пиксельную графику — краткий обзор

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

  • 1. Откройте диалоговое окно "Размер изображения" ("Изображение" > "Размер изображения").
  • 2. Установите ширину и высоту в процентах, а затем для достижения наилучших результатов выберите процент, кратный 100 (200 %, 300 %, 400 % и т. д.).
  • 3. Измените метод интерполяции на ближайший сосед.
  • 4. Нажмите "ОК".

Как изменить размер пиксельной графики до точного размера

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

Например, повысив разрешение моего изображения на 400 %, я увеличил ширину и высоту с 500 до 2000 пикселей:

Размеры пиксельной графики с повышенной частотой дискретизации

Но что, если мне нужно, чтобы ширина и высота были немного меньше, например 1600 пикселей? Если бы я повысил разрешение своего изображения размером 500 x 500 пикселей на 300%, ширина и высота были бы только 1500 пикселей, оставив их слишком маленькими. А повышение частоты дискретизации на 400% сделало его слишком большим. Мне действительно нужно было что-то среднее. В этом случае вам нужно будет изменить размер изображения за два шага.

Шаг 1. Повышение разрешения пиксельной графики в процентах

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

Шаг 2. Повторно откройте диалоговое окно "Размер изображения"

Затем измените его размер еще раз, на этот раз понижая разрешение до точного размера в пикселях. Для этого снова откройте диалоговое окно «Размер изображения», перейдя в меню «Изображение» и выбрав «Размер изображения»:

Выбор команды

Шаг 3. Оставьте параметр Resample включенным

Убедитесь, что параметр Resample по-прежнему включен, чтобы вы могли изменить количество пикселей:

Оставьте флажок

Шаг 4. Задайте ширину и высоту в пикселях

Введите нужный размер в пикселях в поля Ширина и Высота. Я установлю их оба на 1600 пикселей:

Ввод новой ширины и высоты пиксельной графики в диалоговом окне

Шаг 5. Установите для метода интерполяции значение «Автоматически»

И наконец, хотя метод интерполяции с ближайшим соседом прекрасно работает для повышения дискретизации пиксельной графики, его не следует использовать при понижении дискретизации. Вместо этого для получения наиболее четких результатов измените метод интерполяции обратно на автоматический. Это вернет управление Photoshop, и при понижении разрешения изображений он автоматически выберет Bicubic Sharper:

Установка метода интерполяции на автоматический для понижения разрешения пиксельной графики в Photoshop

Когда вы будете готовы изменить размер изображения до точного размера, нажмите кнопку "ОК", чтобы закрыть диалоговое окно, и все готово:

Как изменить размер пиксельной графики в Photoshop

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

Вы можете перейти к любому другому уроку в этой главе «Изменение размера изображений в Photoshop». Или посетите наш раздел Основы Photoshop, чтобы узнать больше!

Увеличение пиксельной графики без размытия в Photoshop Шаг 1. Откройте изображение. Шаг 2: Откройте диалоговое окно «Размер изображения». Шаг 3: Выберите параметр передискретизации «Ближайший сосед (жесткие края)». Шаг 4. Увеличьте изображение.

Почему мой пиксель-арт выглядит размытым?

Большинство игровых движков импортируют пиксельную графику с низким разрешением и применяют фильтр к увеличенным изображениям. Хитрость заключается в том, чтобы отключить это поведение и активировать настройки, совместимые с пиксельной графикой, в игровом движке. Никогда НИКОГДА не масштабируйте пиксельную графику до огромных разрешений, чтобы попытаться исправить размытый результат.

Почему мои изображения размыты в HTML?

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

Как сделать изображение пиксельным?

Вы делаете это, увеличивая масштаб (CTRL-Page Down или используя View/Zoom из меню) и используя инструмент ластика в режиме наименьшего квадрата (список квадратов находится в левой части экрана), чтобы просто удалите лишний пиксель здесь и там, где линии уже смутно пикселизированы.

Как экспортировать пиксель-арт без размытия в procreate?

При изменении размера объектов в Procreate с помощью инструмента «Трансформация» убедитесь, что для параметра «Интерполяция» не установлено значение «Ближайший сосед». Вместо этого он должен быть установлен на Билинейный или Бикубический. Это предотвратит потерю качества вашего объекта и его пикселизацию при изменении размера.

Как преобразовать KRA в PNG?

Как преобразовать несколько файлов KRA в PNG? Скачайте и установите reaConverter. Загрузите файлы KRA. Выберите выходную папку. Выберите PNG в качестве выходного формата. Видеоурок. Интерфейс командной строки.

Как сохранить пиксельную графику в Paint?

Если вы уже что-то нарисовали на холсте, MS Paint попросит вас сохранить вашу работу. Используйте сочетание клавиш CTRL + N для того же результата.

Какое разрешение подходит для пиксельной графики?

Текущее стандартное разрешение — 1080p (1080 пикселей по высоте). Чтобы добиться идеального изображения, необходимо разрешение с соотношением сторон 16:9, которое масштабируется до 1080p.

Какое разрешение у пиксельной графики?

Согласно опросу Steam, 63,95 % пользователей имеют мониторы с разрешением 1920 x 1080p. Если вы планируете создавать изображения, которые используются в игре Steam, вам следует помнить об этом, так как это то, что будет использовать большая часть вашей аудитории! 27 августа 2019 г.

Почему мой спрайт такой размытый?

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

Как импортировать активы в Godot?

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

Почему мои изображения размыты?

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

Почему мои фотографии размыты?

Размытие камеры просто означает, что камера перемещалась во время съемки изображения, что приводило к размытию фотографии. Наиболее распространенная причина этого — когда фотограф нажимает кнопку спуска затвора, потому что он взволнован. Как это исправить. Чтобы исправить размытие камеры, старайтесь, чтобы выдержка была равна 1/фокусному расстоянию объектива.

Почему мои изображения в Интернете выглядят пикселизированными?

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

Почему мое изображение выглядит размытым?

Ваши картины выглядят немного размытыми по краям? Скорее всего, вы злоупотребляете мягкими кистями, не используя жесткую кисть для определения достаточно четких деталей. Использование ТОЛЬКО кистей с жесткими краями также не сработает — вы потеряете плавные края, необходимые для создания мягких переходов и градиентов.

Как сделать изображение пиксельным?

Выполните следующие действия, чтобы сделать всю фотографию пиксельной в графическом редакторе. Откройте свою фотографию. Выберите файл, который вы хотите сделать пиксельным в Photoshop. Превратите свою фотографию в смарт-объект. Создайте умный фильтр. Сделайте изображение пиксельным. В верхнем меню выберите Фильтр › Пикселизация › Мозаика. Выберите уровень пикселизации.

Почему мой пиксель-арт размыт в gimp?

Вы увеличили изображение на 718%. Вы не можете увеличивать растровые изображения, иначе они станут размытыми. Вы должны просмотреть изображение в масштабе 100%, чтобы увидеть, как оно выглядит правильно в правильном размере.

Как изменить размер изображения в GIMP без потери качества?

Как изменить размер изображения с помощью GIMP 1 Перейдите в «Изображение», затем в «Масштаб изображения». 2 Всплывающее диалоговое окно для изменения изображения без потери качества. Необязательный шаг: переход на дюймы. 3 Введите новые значения размера и разрешения, чтобы изменить размер изображения без потери качества.

Как изменить размер спрайта?

Вы можете изменить размер спрайта, используя пункт меню "Правка" > "Размер спрайта".

Что такое файл .KRA?

Файл KRA — это файл изображения, созданный Krita, кросс-платформенным редактором растровой графики с открытым исходным кодом. Это собственный формат, используемый для сохранения файлов в Krita, и он может включать в себя слои изображений, корректирующие слои, помощники, маски, цветовые пространства и другие элементы, характерные для Krita. расширение файла kra на .

Как изменить KRA на JPG?

Как преобразовать несколько файлов KRA в JPG? Скачайте и установите reaConverter. Загрузите файлы KRA. Выберите выходную папку. Выберите JPG в качестве выходного формата. Видеоурок. Интерфейс командной строки.

Пиксель-арт в исходном размере. Шаг 1: Откройте диалоговое окно «Размер изображения». Шаг 2: Включите параметр Resample. Шаг 3: Введите процент в поля «Ширина» и «Высота». Шаг 4: Установите метод интерполяции «Ближайший сосед». Шаг 5. Нажмите "ОК".

Как экспортировать пиксельную графику без размытия?

Увеличение пиксельной графики без размытия в Photoshop Шаг 1. Откройте изображение. Шаг 2: Откройте диалоговое окно «Размер изображения». Шаг 3: Выберите параметр передискретизации «Ближайший сосед (жесткие края)». Шаг 4. Увеличьте изображение.

Какой тип файла следует экспортировать в виде пиксельной графики?

При сохранении и экспорте пиксельной графики используйте формат GIF или PNG. Избегайте использования формата JPEG, особенно с любым уровнем сжатия.

Как изменить размер изображения в пикселях без потери качества?

Загрузите изображение с измененным размером. Загрузите изображение. С помощью большинства инструментов для изменения размера изображения вы можете перетаскивать изображение или загружать его со своего компьютера. Введите размеры ширины и высоты. Сжать изображение. Загрузите изображение с измененным размером. Адоб Фотошоп Экспресс. Изменение размера. BeFunky. PicResize.

Почему мой пиксель-арт выглядит размытым?

Большинство игровых движков импортируют пиксельную графику с низким разрешением и применяют фильтр к увеличенным изображениям. Хитрость заключается в том, чтобы отключить это поведение и активировать настройки, совместимые с пиксельной графикой, в игровом движке. Никогда НИКОГДА не масштабируйте пиксельную графику до огромных разрешений, чтобы попытаться исправить размытый результат.

Как увеличить пиксельную графику без размытия в procreate?

При изменении размера объектов в Procreate с помощью инструмента «Трансформация» убедитесь, что для параметра «Интерполяция» не установлено значение «Ближайший сосед». Вместо этого он должен быть установлен на Билинейный или Бикубический. Это предотвратит потерю качества вашего объекта и его пикселизацию при изменении размера.

Что такое 16-битная графика?

Какой размер холста лучше всего подходит для пиксельной графики?

Для начала я бы рекомендовал 320 x 180, так как это хороший баланс по размеру, и в качестве бонуса он подходит для самого широкого диапазона высоких разрешений.

Какого размера должен быть пиксель-арт для единства?

Сама игра основана на сетке. Каждая ячейка имеет размер 32 x 32 пикселя (конечно, вы можете использовать разные размеры, но хорошее эмпирическое правило — придерживаться размеров в степени 2). В игре будет графический интерфейс с пиксельной графикой, который должен соответствовать друг другу. с остальной графикой, представленной в игре.

Как экспортировать пиксельную графику из Aseprite?

используя пункт меню «Файл» > «Экспорт», чтобы преобразовать спрайт в файл . gif-файл или последовательность файлов . png файлы. Файл > Экспорт запомнит последние использованные вами параметры на случай, если вы захотите снова сохранить копию.

Как сделать изображение пиксельным?

Вы делаете это, увеличивая масштаб (CTRL-Page Down или используя View/Zoom из меню) и используя инструмент ластика в режиме наименьшего квадрата (список квадратов находится в левой части экрана), чтобы просто удалите лишний пиксель здесь и там, где линии уже смутно пикселизированы.

Можно ли изменить размер пиксельной графики?

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

Как увеличить изображение, не делая его размытым?

Perfect Resize – это программа, позволяющая корректно изменять размер изображений. Он доступен как отдельное программное обеспечение, а также как плагин для Adobe Photoshop. Gimp — бесплатная альтернатива Adobe Photoshop. Его также можно использовать для увеличения изображений с минимальной потерей качества. Irfanview – это компактная программа для редактирования фотографий.

Как увеличить разрешение изображения?

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

Как уменьшить размер фотографии?

Приложение Photo Compress, доступное в Google Play, делает то же самое для пользователей Android. Загрузите приложение и запустите его. Выберите фотографии для сжатия и отрегулируйте размер, выбрав «Изменить размер изображения». Обязательно сохраняйте соотношение сторон, чтобы изменение размера не искажало высоту или ширину фотографии.

Как уменьшить размер файла изображения?

Как уменьшить размер файла фотографии на ПК с ОС Windows После того, как вы нашли изображение, которое хотите сжать, откройте его в папке «Фото». ‘ Выберите опцию ‘…’ в верхней правой части окна фотографии. Выберите «Изменить размер», чтобы включить всплывающее меню. Выберите размер. Назовите свою фотографию в поле «Имя файла».

Как экспортировать маленькую пиксельную графику?

Чтобы экспортировать пиксель-арт изображение в Photoshop, выберите «Файл», затем «Экспорт» и нажмите «Экспортировать как». Используйте изображение ниже в качестве руководства. После того, как вы нажмете это, появится новое всплывающее меню. Это меню «Экспортировать как».

Почему мой пиксель-арт размыт в gimp?

Вы увеличили изображение на 718%. Вы не можете увеличивать растровые изображения, иначе они станут размытыми. Вы должны просмотреть изображение в масштабе 100%, чтобы увидеть, как оно выглядит правильно в правильном размере.

Как изменить размер пиксельной графики в Gimp?

Как увеличить изображение с помощью GIMP Открыв GIMP, выберите «Файл» > «Открыть» и выберите изображение. Перейдите в Изображение > Масштабировать изображение. Появится диалоговое окно «Масштабировать изображение», как показано на рисунке ниже. Чтобы увидеть размер изображения в дюймах или значение, отличное от пикселей, используйте раскрывающийся список рядом со значениями. Введите новые значения размера изображения или разрешения.

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

  • Главная
  • Экосистема Photoshop
  • Обсуждения
  • При экспорте Pixelart размывается!

/t5/photoshop-ecosystem-discussions/pixelart-get-s-blurred-when-i-export/td-p/10489289 13 июня 2019 г. 13 июня 2019 г.

Скопировать ссылку в буфер обмена

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

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

1 правильный ответ

Размытость возникает из-за того, что другие программы увеличивают маленькое изображение. Вид в Photoshop в масштабе 100% является единственным точным видом. Ваш «полный размер изображения» составляет около 2600%. Если вы хотите, чтобы ваше изображение выглядело так же в других программах, используйте «Изображение»> «Размер изображения» (Alt + Ctrl + I), с привязкой ширины и высоты и установите значение 2600%, а также установите флажок «Пересэмплирование» и установите значение «Ближайший сосед». Затем сохраните новую копию (чтобы при необходимости у вас остался оригинал).

Скопировать ссылку в буфер обмена

Какова высота и ширина конечного изображения в пикселях?

Нэнси О'Ши, пользователь продуктов Adobe и специалист по работе с сообществом
Alt-Web Design & Publishing ~ Web: Print: Graphics: Media

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

30 на 30 пикселей

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Можете ли вы опубликовать пример изображения - как оно должно выглядеть, так и в размытом варианте (можно сделать снимок экрана при открытии в другом приложении).

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Если в Photoshop все нормально, значит, виновато другое приложение.

Расскажите нам о другом приложении и покажите снимки экрана Photoshop и другого приложения, чтобы мы могли предложить причины и, возможно, решения. ПОЖАЛУЙСТА, НЕ ПЫТАЙТЕСЬ ОТПРАВИТЬ СНИМКИ ЭКРАНА ПО ЭЛЕКТРОННОЙ ПОЧТЕ.

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

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

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Какое еще программное обеспечение вы используете для их открытия?

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Просмотрщик фотографий Windows и Unity

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Пожалуйста, сделайте снимки экрана, показывающие одно и то же изображение в Windows Photo Viewer, а ЗАТЕМ в Photoshop. Не масштабируйте. Не пишите им по электронной почте. Если вы не знаете, как публиковать снимки экрана на форуме, сообщите нам об этом. Ваша проблема необычная, и нам нужно увидеть то, что видите вы.

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Вот вид в Photoshop со 100% увеличением

100%.jpg

Вот вид в Photoshop с полным размером изображения

Вот вид в Windows Photoviewer (он увеличен, потому что в противном случае вы не увидите, что он размыт)

Вот вид в Unity

Unity.jpg

И, наконец, это исходное изображение, сохраненное в Photoshop в формате PNG

player-idle-1.jpg

Я надеюсь, что фотографии прояснили ситуацию, и я надеюсь, что вы можете помочь мне лучше

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Размытость возникает из-за того, что другие программы увеличивают маленькое изображение. Вид в Photoshop в масштабе 100% является единственным точным видом. Ваш «полный размер изображения» составляет около 2600%. Если вы хотите, чтобы ваше изображение выглядело так же в других программах, используйте «Изображение» > «Размер изображения» (Alt+Ctrl+I), привязав ширину и высоту и установив их на 2600%, а также отметив «Пересэмплирование» и установив значение «Ближайший сосед»:


Затем сохраните новую копию (чтобы при необходимости у вас оставался оригинал).

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Большое спасибо, что решили мою проблему, но теперь мой инструмент для рисования больше не работает. Я имею в виду, что он работает, но теперь он действительно крошечный

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Подумав об этом еще немного, вы должны проделать работу над исходным (маленьким) изображением. Я предполагаю, что вы используете однопиксельную кисть. Если ваше изображение увеличено на 2600%, вы можете использовать 26-пиксельную кисть, но она не будет автоматически выравниваться каждые 26 пикселей. Поэтому продолжайте работать с исходным изображением, но при экспорте в формате .jpg установите масштаб 2600 % и передискретизируйте значение «Ближайший сосед» в диалоговом окне экспорта, а не используйте размер изображения


Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

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

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

Вот исходное изображение, крошечное и не размытое

player-idle-1.jpg

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

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

Вам нужно работать с крошечным изображением. Если вы начинаете с нуля, используйте «Файл» > «Создать», задав для параметра «Ширина» значение 33, для параметра «Высота» значение 32, а для параметра «Содержимое фона» — значение «Прозрачный».

Вы можете увеличить масштаб до любой величины, однако следует использовать величину, кратную 100%. Если установлен флажок «Просмотр» > «Показать» > «Пиксельная сетка», вы увидите пиксельную сетку при увеличении выше 500 %. Изображение по-прежнему будет крошечным, но с ним будет легче работать.

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

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