Качественное увеличение графики. Кто какие способы знает?

**Antberg** · 15.05.2014, 05:46

Заметил, что тема здесь актуальная, и у многих уже есть какой-то опыт. Так вот, мне интересно - кто какие знает способы качественного увеличения пиксельных спрайтов? Так, что-бы не было "размыливания", картинка была чёткой и детализированной. Пока что я знаю только один способ добиться относительно неплохого результата при увеличении - это программа Photo Zoom Pro. К сожалению, прога не идеальна, т-к доводилось видеть наборы тайлов, которые изначально были в разрешении 16х16, а затем каким-то образом увеличены до 32х32 настолько качественно, что на первый взгляд может показаться, что там всё именно детально прорисовали, а не увеличили.

Вот, например, такой вариант мне понравился:

1. Оригинальный кусок крыши.
2. Он-же, увеличенный в Photo Zoom Pro.
3. Фрагмент похожей крыши, увеличенной в неизвестной программе. Черепица выглядит настолько чёткой, что похожа на фрагмент из анимационного фильма. (настолько высокое качество!) Можно даже подумать, что она изначально была так нарисована, однако нет, это именно увеличение. Вот весь набор целиком, если интересно:

Спойлер 1:

Кто-нибудь знает, как это можно достичь? Пока что мысль одна - здесь используется такой-же способ, который иногда можно увидеть в эмуляторах старых приставочных игр. Там есть такие фильтры, которые как-бы "повышают разрешение" во время игры, и получается похожая картинка. Но то эмуляторы. А есть ли программы, которые это делают с отдельными спрайтами? Слышал только про то, что в данном случае используются алгоритмы масштабирования пиксельной графики, но как их применять к графическим редакторам - пока не понял. Везде говорится только об эмуляторах.

Ещё, говорят, можно вначале увеличить графику обычным способом без изменений (к примеру в Paint'e, или в Фотошопе, выставив "Изображение > Режим > Индексированные цвета"), а потом, уже увеличенную картинку обработать фильтром.

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

**JackCL** · 15.05.2014, 09:53

В фотошопе увеличение без размытия делается опцией Resample Image - Nearest Neighbor.
Получается так:

1 - исходник, 2 - твой пример, 3 - фотошоп

А если потом через индексированные цвета выбрать палитру web без опции dither, то получим вполне себе закос под олд-скул:

**Antberg** · 15.05.2014, 10:24

Э нет, я совсем не это имел в виду. У тебя здесь просто увеличение безо всяких изменений, и где был один пиксель, становится четыре, выглядящие как один (тогда как на их месте должна появиться новая структура). Вот сравнение твоего варианта, и той самой черепицы, увеличенной в неизвестной программе. Я специально увеличил масштаб, что-бы можно было разглядеть детали.

Спойлер 1:

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

Но, черепица, это конечно слишком просто. Вот увеличение более сложных объектов, таких как деревья с детализированной листвой - вот это уже более интересная задача. К примеру, Photo Zoom увеличивает всё так, что вокруг объектов образуется куча полупрозрачных размывок, а то ещё и подобие светящейся "ауры". Иногда это бывает слишком сложно зачистить. А вот в том примере, который я выложил в первом посте, с этим проблем нет, там у всех объектов чёткие границы. Знать бы ещё, как это сделано.

**JackCL** · 15.05.2014, 10:38

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

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

Думаю, скорее всего сперва делали увеличение с размытием (каким фиг знает), потом срезали лишние цвета через палитру, создав впечатление резкости картинки. Я бы в этом направлении экспериментировал.

**Antberg** · 15.05.2014, 10:43

Ну да, срезать лишние цвета - это тоже кстати вариант. (в iDrav'e иногда так делаю, когда нужна именно пиксельная графика) Но тут уже очень кропотливая работа получается. А у меня таких наборов тайлов лежит прилично, и полагаю, авторы не заморачивались с каждым из них, и делали именно одним кликом, в каком-то конвертере.

**JackCL** · 15.05.2014, 10:52

А вот да попробуй фильтры поискать готовые. Фотошоповский cutout встроенный хорошо срезает детали и цвета больших панорам-фотографий, делая их похожими на рисованные изображения (я так небо для игры обрабатываю), но с тайлами у него не получается - детали слишком мелкие для него.

**Валера** · 15.05.2014, 11:44

Ого, какая интересная, практическая тема! ))
В Photo Zoom Pro 3, что у меня, 10 предустановок и 12 методов увеличения. Но все они, кроме попиксельного, сводятся к смешению соседних цветов, что по любому приводит к размытию. Любое увеличение я решаю коррекцией насыщенности цветов и применением фильтра Sharpen ( видимо резкость ) в Фотоимпакте. Он мне заменяет Фотошоп. Это именно резкость, а не контрастность. Результат хороший. Но лучше простого попиксельного увеличения еще ничего не придумано.
На первом скрине видно, что картинка была обработана ( изображение слегка размыто ). Как раз резкость корректирует эту размытость до приемлемого состояния.

**Antberg** · 15.05.2014, 11:57

Не, на самом деле там размытия нету. Это именно издалека такой эффект возникает, как будто черепица немного размыта. (которая третяя) Вот на увеличенном варианте видно, что на самом деле размытия там нет. Разве что совсем чуть-чуть на границах теней есть пиксели полутонов, но и то едва заметные.
А вот с резкостью мне что не нравится - её когда повышаешь, то одновременно появляются блики, рефлексы (точно не знаю, как называются), разные артефакты там. По крайней мере, в Фотошопе.

**Inca** · 15.05.2014, 14:51

1. Хочу заметить, что опция Resample Image - Nearest Neighbor в Фотошопе уместна, когда увеличиваем на чётное кол-во раз. Т.е. *2, *4 - только тогда получается аутентичное увеличение. Да и в прочих случаях тоже. Когда увеличиваешь как-то произвольно, многие детали могут существенно исказиться.
2. Прошерстил интернет на эту тему. Испробовал плагин для Фотошопа Alien Skin Blow UP - c его помощью получается нечто похожее на алгоритмы масштабирования Super 2xSaI и hqnx:

3. Рекомендую использовать хитрый способ увеличения резкости. Для этого переводите цветовой режим изображения (Image/Mode) в режим Lab Color, при этом вы абсолютно никак не изменяете изображение. В панели каналов (Channels) выбираете канал Lightness, и применяете фильтры резкости (Sharpen, Unshrap Mask и т.д.) именно к этому каналу. После всего этого возвращаете изображение в режим RGB. Этот способ более корректно поднимает резкость изображения. Можете почитать в интернете, если интересно. Так, например, можно аккуратно улучшить сканы старых фотографий. В изображении выше второй набор человечков отличается от верхнего тем, что к нему применили Sharpen описанным способом.