Плохо! Плохо!:  0
Страница 1 из 2 12 ПоследняяПоследняя
Показано с 1 по 10 из 11

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

  1. #1
    Маститый Аватар для Antberg
    Информация о пользователе
    Регистрация
    14.04.2008
    Сообщений
    1,348
    Записей в дневнике
    3
    Репутация: 52 Добавить или отнять репутацию

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

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

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



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

    Спойлер 1:



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

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

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

  2. #2
    Познающий Аватар для JackCL
    Информация о пользователе
    Регистрация
    27.07.2013
    Адрес
    Дальний Восток
    Сообщений
    554
    Записей в дневнике
    85
    Репутация: 30 Добавить или отнять репутацию

    По умолчанию

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



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

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




  3. #3
    Маститый Аватар для Antberg
    Информация о пользователе
    Регистрация
    14.04.2008
    Сообщений
    1,348
    Записей в дневнике
    3
    Репутация: 52 Добавить или отнять репутацию

    По умолчанию

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

    Спойлер 1:


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

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

  4. #4
    Познающий Аватар для JackCL
    Информация о пользователе
    Регистрация
    27.07.2013
    Адрес
    Дальний Восток
    Сообщений
    554
    Записей в дневнике
    85
    Репутация: 30 Добавить или отнять репутацию

    По умолчанию

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

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



  5. #5
    Маститый Аватар для Antberg
    Информация о пользователе
    Регистрация
    14.04.2008
    Сообщений
    1,348
    Записей в дневнике
    3
    Репутация: 52 Добавить или отнять репутацию

    По умолчанию

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

  6. #6
    Познающий Аватар для JackCL
    Информация о пользователе
    Регистрация
    27.07.2013
    Адрес
    Дальний Восток
    Сообщений
    554
    Записей в дневнике
    85
    Репутация: 30 Добавить или отнять репутацию

    По умолчанию

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



  7. #7
    Хранитель Форума Аватар для Валера
    Информация о пользователе
    Регистрация
    15.04.2008
    Адрес
    Москва
    Сообщений
    14,006
    Записей в дневнике
    3
    Репутация: 166 Добавить или отнять репутацию

    По умолчанию

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

    Спойлер И как тебе не стыдно-то, а, Валера?:


    Оборона форта: http://rghost.ru/8kLGxFtD2
    Сделать, чтоб все происходило, как я хочу, - вот, собственно, и весь мейкер!
    Адский Рейд: http://rpgmaker.su/vbdownloads.php?d...downloadid=106

  8. #8
    Маститый Аватар для Antberg
    Информация о пользователе
    Регистрация
    14.04.2008
    Сообщений
    1,348
    Записей в дневнике
    3
    Репутация: 52 Добавить или отнять репутацию

    По умолчанию

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

  9. #9
    Хранитель Аватар для Inca
    Информация о пользователе
    Регистрация
    28.04.2008
    Адрес
    Тауантинсуйя. Лима.
    Сообщений
    2,401
    Записей в дневнике
    9
    Репутация: 70 Добавить или отнять репутацию

    По умолчанию

    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 описанным способом.

  10. #10
    Пользователь Аватар для Ил_
    Информация о пользователе
    Регистрация
    26.06.2009
    Адрес
    Москва
    Сообщений
    34
    Репутация: 4 Добавить или отнять репутацию

    По умолчанию

    Алгоритм xBR (xBRZ)

    показался мне самым крутым и делающим именно то, что нужно.

    Спойлер Пример:





    Спойлер Еще пример:





    Еще примеры:
    http://www.pixeljoint.com/forum/foru...TID=13667&PD=0
    http://wayofthepixel.net/pixelation/...?topic=13508.0


    Программа xBRZ Scaler Testing Tool, с помощью которой это можно делать с изображениями: http://hqmame.sourceforge.net/ScalerTest.zip
    Взял отсюда: http://www.vogons.org/viewtopic.php?t=34125

    Спойлер Скриншот окна программы xBRZ Scaler Testing Tool с тестовым изображением:


    Дополнительно:
    Статья на вики (английской) про разные алгоритмы увеличения изображений: http://en.wikipedia.org/wiki/Image_scaling
    Последний раз редактировалось Ил_; 15.05.2014 в 16:02.

Страница 1 из 2 12 ПоследняяПоследняя

Информация о теме

Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Социальные закладки

Социальные закладки

Ваши права

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