Фото-мозаика. Как сделать качественно и красиво / Habr

Хочу поделиться с Хабра-сообществом моим хобби, которое, если честно, даже некоторую прибыль мне приносит.

Начну сначала. Лет так 6-7 назад мне очень стала интересна такая штука как фото-мозаика. В самом начале я пробовал делать её вручную. Немеряное количество слоев в фотошопе и куча потраченного времени меня остановила года так на три. Но со временем только появлялся азарт.
И вот я начал свое исследование программного обеспечения для создания фото-мозаик, которого было перепробовано огромное количество. И в конечном итоге выбрано лучшее.

О лучшем как раз и пойдет речь.


Предистория

В начале расскажу, какие программы я пробовал.

AndreaMosaic www.andreaplanet.com/andreamosaic
Metapixel www.complang.tuwien.ac.at/schani/metapixel/examples.html
Imosaic www.imosaic.net/gallery.htm
MOSAnICk www.radivarl.demon.co.uk/nick/mosanick/mosanick.htm

И ещё много разных программ, которые я сейчас даже не вспомню. Все выше перечисленные вполне адекватные приложения, которые имеют место быть. Но для создания качественных фото-мозаик их маловато.
Где-то в начале 2008 я наткнулся на share-ware программку aolej Mosaic Creator. Это была просто супер находка. Сейчас я вам расскажу как с её помощью можно творить настоящие шедевры.

С чего начать?
Первое

Cамое важное — это идея. Идея фото-мозаики определяет способ её создания и инструменты, которые будут использоваться.
Приведу несколько примеров конкретных мозаик, которые я лично делал.
Одному банкиру в подарок делал мозаику размером 1.1 м. на 1.1 м. где был его портрет составлен из современных банкнот 160 стран мира.
Логотип института размером 3.5 м. на 1.5 м. составлен из фотографий 2000 выпускников института.
Логотип клиники по оплодотворению из 2000 изображений младенцев до 1 года.
Вариантов может быть множество. Включите свою фантазию.
Второе

Необходимо собрать базу фотографий или картинок, которые будут использоваться в качестве ячеек мозаики. Опишу некоторые требования, которые я сам вывел опытным способом.
  1. В зависимости, какой паттерн (рисунок) мозаики вы выберете, необходимо чтобы вся библиотека фотографий была либо в вертикальной либо в горизонтальной ориентации (я как правило использую горизонтальную).
  2. Желательно чтобы все картинки были с приблизительно одинаковым соотношением сторон. В идеале это 3х4. Но это зависит от паттерна.
  3. Если у вас много фотографий разной ориентации, необходимо их подрезать под нужный формат. Это стоит делать вручную.
  4. Качество картинок может быть не очень высоким. Опытным путем установлено, что самые лучшие мозаики получаются с размером одного элемента не более 3 см. Учитывая то, что достаточное разрешение печати, которое используется для работ такого типа – это 300 dpi., то размер картинки в 400px. на 300 px. вполне достаточный.
  5. Наверное, самое важное. Важно чтобы картинки или фотографии не повторялись и не были очень похожи. Самое противное, это когда находится пару клонов на мозаике рядышком.
  6. Оптимальное количество фотографий для одного проекта около 2000 тысяч. Хотя это зависит от типа мозаики и размеров. Меньше 500 получается очень плохое качество.
  7. С портретными фотографиями нужно повозиться больше, чтобы лица были поближе к центру фото, потому что когда лицо человека в ячейке разрезается пополам, это смотрится очень не красиво.

Третье

Базовая картинка или фотография. От её выбора также очень зависит качество мозаики.
Требования к ней следующие:

  1. Важны четкие линии на фотографии. Если это логотип или картинка – то можно повысить контрастность в фотошопе. Если это фото, то желательно чтобы это был типа паспортный вариант, но веселее.
  2. Если картинка или логотип сделан из тонких линий, тогда стоит немного его переделать, чтобы линии были толще.
  3. Если на базовой картинке используется текст, желательно чтобы шрифт текста был без закарлючек. Arial, Verdana и им подобные подходят идеально.
  4. Если портретная фотография с каким-либо неоднородным фоном, то фон желательно вырезать.

Если вы подготовили все три пункта можете приступать к созданию мозаики.
Создание

Берёте приложение с этого сайта www.aolej.com/mosaic/download.htm
Как инсталлировать и т.д. не буду рассказывать. Думаю с этим разберется любой.

Описывать всех функций программы я не буду. А их там огромное количество. Поэтому просто расскажу как сделать простую и красивую мозаику. В этой мозаике есть два важных момента — интересная идея и паттерн мозаики (который по сути и является моим самым любимым паттерном).

Считаем, что базовое изображение у нас готово. Закидываем его во вкладыше Source Image.

Следующий шаг. Вся база картинок для мозаики должна быть в одном месте, желательно даже в одной папке. Делаем Add Dir и добавляем таким образом все наши картинки или фотографии в базу.

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

В следующей вкладке нужно выбрать паттерн мозаики. Вот здесь можно включить свою фантазию на полную. Рекомендую использовать редактор паттернов. Также рекомендую включить слева Background — Source Image. Это заполнит промежутки между ячейками (если такие предусмотрены в паттерне) базовой картинкой.

В следующем вкладыше находятся ключевые настройки, которые влияют на качество мозаики.
Cell recognition quality – для хорошего качества желательно, чтобы было значение выше 150. Чем больше значение, тем дольше будет генерироваться мозаика и выше качество.
Minimal distance between the same image – желательно ставить максимальное – 9.
Мах cell image repetition – его необходимо посчитать. Если наша мозаика имеет 1833 ячейки, а у нас есть 534 картинок в базе, то число должно быть 4 (1833/534 с округлением вверх).
Filling grid

– это инструмент, если вам надо сделать мозаику определенной формы(например сердце). Или для разных областей мозаики использовать разные картинки.

Во вкладыше Cell Enhance нужно выставить два параметра:
Single Cell colorize – уровень подкрашивания всей картинки. Больше 15% не стоит использовать, потому что сильно падает качество мозаики.
Detail Cell colorize — уровень подкрашивания частей картинки. Больше 10% не стоит использовать, потому что начинают проступать детали базового изображения.

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

Итак все настойки сделаны теперь можно приступать к генерации мозаики. В зависимости от размера мозаики, процессора на компьютере и объёма памяти этот процесс может длиться до 30 минут. При этом изображение-результат может иметь размер даже 1,2 GB (у меня такое было; разработчики утверждают, что верхний размер ограничен только размером диска). Нужно заметить, что мозаика генерируется в формате bmp без всяких компрессий и т.п.

Ну, жмём на зелёный Play и ждем.

Результат

Из опыта скажу, для получения качественного результата нужно хотя бы 10-15 заходов с разными настройками. Это если база картинок уже выверена. Если база новая – нужно будет вылавливать дубликаты.

Выкладываю мозаику, которую делал для примера.

Изображение кликабельное и большое(2.4 mb).

И ещё одно:

Изображение кликабельное и большое(2.4 mb).

P.S.

Несколько дельных советов:
1. Если фотографий маловато, попробуйте разбавить их другими фото похожей тематики. Только не используйте фотографий левых людей. Вызывает много вопросов.
2. В Goggle Picassa есть функция распознавания лиц. Если у вас в базе много групповых фото приличного качества, то с её помощью можно собрать лица и пополнить базу уникальными фото.

Удачи.

habr.com

Фото-мозаика из множества картинок онлайн

Обработка JPEG фотографий онлайн.

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

Пример фотомозаики, сделанной на этом сайте из тематики «Цветы» и размером элемента мозаики «50×50»:

Фото-мозаика – это очень тяжёлый процесс, требующий большой вычислительной мощности, обработка может продлиться до 2-х минут, так что здесь необходимо терпение!

Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка.

2) Настройки создания фото-мозаики
Выбор одной или нескольких тематик картинок для формирования мозаики из указанного изображения

#1: 3D графика (3050 шт.)Абстракции (3415 шт.)Авиация (2790 шт.)Аниме (10585 шт.)Виниловые пластинки (4265 шт.)Города (7650 шт.)Грибы (6450 шт.)Девушки (24630 шт.)Девушки 2 (14440 шт.)Еда (4210 шт.)Живопись, картины (3010 шт.)Животные (6830 шт.)Интерьеры (2140 шт.)Компьютерные игры (22545 шт.)Космос (3075 шт.)Коты, кошки, котята (4750 шт.)Макро (8405 шт.)Машины (23935 шт.)Минимализм (3815 шт.)Мотоциклы (14040 шт.)Мужчины (2180 шт.)Музыка (2080 шт.)Настроения (5895 шт.)Новый Год (2760 шт.)Ножи (16105 шт.)Оружие (2395 шт.)Пейзажи (12300 шт.)Поезда (27120 шт.)Покемоны (1885 шт.)Праздники (1710 шт.)Природа (20190 шт.)Разное (5615 шт.)Ситуации (2485 шт.)Собаки (2795 шт.)Спорт (2730 шт.)Стиль (3255 шт.)Текстуры (2975 шт.)Технологии (2155 шт.)Фантастика (7565 шт.)Фильмы (4140 шт.)Цветы (6790 шт.)   #2: ————3D графика (3050 шт.)Абстракции (3415 шт.)Авиация (2790 шт.)Аниме (10585 шт.)Виниловые пластинки (4265 шт.)Города (7650 шт.)Грибы (6450 шт.)Девушки (24630 шт.)Девушки 2 (14440 шт.)Еда (4210 шт.)Живопись, картины (3010 шт.)Животные (6830 шт.)Интерьеры (2140 шт.)Компьютерные игры (22545 шт.)Космос (3075 шт.)Коты, кошки, котята (4750 шт.)Макро (8405 шт.)Машины (23935 шт.)Минимализм (3815 шт.)Мотоциклы (14040 шт.)Мужчины (2180 шт.)Музыка (2080 шт.)Настроения (5895 шт.)Новый Год (2760 шт.)Ножи (16105 шт.)Оружие (2395 шт.)Пейзажи (12300 шт.)Поезда (27120 шт.)Покемоны (1885 шт.)Праздники (1710 шт.)Природа (20190 шт.)Разное (5615 шт.)Ситуации (2485 шт.)Собаки (2795 шт.)Спорт (2730 шт.)Стиль (3255 шт.)Текстуры (2975 шт.)Технологии (2155 шт.)Фантастика (7565 шт.)Фильмы (4140 шт.)Цветы (6790 шт.)   #3: ————3D графика (3050 шт.)Абстракции (3415 шт.)Авиация (2790 шт.)Аниме (10585 шт.)Виниловые пластинки (4265 шт.)Города (7650 шт.)Грибы (6450 шт.)Девушки (24630 шт.)Девушки 2 (14440 шт.)Еда (4210 шт.)Живопись, картины (3010 шт.)Животные (6830 шт.)Интерьеры (2140 шт.)Компьютерные игры (22545 шт.)Космос (3075 шт.)Коты, кошки, котята (4750 шт.)Макро (8405 шт.)Машины (23935 шт.)Минимализм (3815 шт.)Мотоциклы (14040 шт.)Мужчины (2180 шт.)Музыка (2080 шт.)Настроения (5895 шт.)Новый Год (2760 шт.)Ножи (16105 шт.)Оружие (2395 шт.)Пейзажи (12300 шт.)Поезда (27120 шт.)Покемоны (1885 шт.)Праздники (1710 шт.)Природа (20190 шт.)Разное (5615 шт.)Ситуации (2485 шт.)Собаки (2795 шт.)Спорт (2730 шт.)Стиль (3255 шт.)Текстуры (2975 шт.)Технологии (2155 шт.)Фантастика (7565 шт.)Фильмы (4140 шт.)Цветы (6790 шт.)   #4: ————3D графика (3050 шт.)Абстракции (3415 шт.)Авиация (2790 шт.)Аниме (10585 шт.)Виниловые пластинки (4265 шт.)Города (7650 шт.)Грибы (6450 шт.)Девушки (24630 шт.)Девушки 2 (14440 шт.)Еда (4210 шт.)Живопись, картины (3010 шт.)Животные (6830 шт.)Интерьеры (2140 шт.)Компьютерные игры (22545 шт.)Космос (3075 шт.)Коты, кошки, котята (4750 шт.)Макро (8405 шт.)Машины (23935 шт.)Минимализм (3815 шт.)Мотоциклы (14040 шт.)Мужчины (2180 шт.)Музыка (2080 шт.)Настроения (5895 шт.)Новый Год (2760 шт.)Ножи (16105 шт.)Оружие (2395 шт.)Пейзажи (12300 шт.)Поезда (27120 шт.)Покемоны (1885 шт.)Праздники (1710 шт.)Природа (20190 шт.)Разное (5615 шт.)Ситуации (2485 шт.)Собаки (2795 шт.)Спорт (2730 шт.)Стиль (3255 шт.)Текстуры (2975 шт.)Технологии (2155 шт.)Фантастика (7565 шт.)Фильмы (4140 шт.)Цветы (6790 шт.)   #5: ————3D графика (3050 шт.)Абстракции (3415 шт.)Авиация (2790 шт.)Аниме (10585 шт.)Виниловые пластинки (4265 шт.)Города (7650 шт.)Грибы (6450 шт.)Девушки (24630 шт.)Девушки 2 (14440 шт.)Еда (4210 шт.)Живопись, картины (3010 шт.)Животные (6830 шт.)Интерьеры (2140 шт.)Компьютерные игры (22545 шт.)Космос (3075 шт.)Коты, кошки, котята (4750 шт.)Макро (8405 шт.)Машины (23935 шт.)Минимализм (3815 шт.)Мотоциклы (14040 шт.)Мужчины (2180 шт.)Музыка (2080 шт.)Настроения (5895 шт.)Новый Год (2760 шт.)Ножи (16105 шт.)Оружие (2395 шт.)Пейзажи (12300 шт.)Поезда (27120 шт.)Покемоны (1885 шт.)Праздники (1710 шт.)Природа (20190 шт.)Разное (5615 шт.)Ситуации (2485 шт.)Собаки (2795 шт.)Спорт (2730 шт.)Стиль (3255 шт.)Текстуры (2975 шт.)Технологии (2155 шт.)Фантастика (7565 шт.)Фильмы (4140 шт.)Цветы (6790 шт.)

Ширина элемента мозаики: px (32-128)
Высота элемента мозаики: px (32-128)
Прозрачность мозаики: % (0-99)
Минимальное расстояние между одинаковыми картинками: шт. (0-12)
Размер фото-мозаики: 2 мегапикс., ≈1824×12166 мегапикс., ≈3008×20168 мегапикс., ≈3456×230410 мегапикс., ≈3904×262412 мегапикс., ≈4256×2848 (чем больше размер, тем дольше будет длиться обработка)

3) Параметры сжатия JPEG

Стандартный JPEG Прогрессивный JPEG
Качество (от 1 до 100)


  Обработка обычно длится 10-60 секунд.

www.imgonline.com.ua

Мозаика из фотографий в фотошоп

631

23.03.2018 | Автор: Елена Бут | Просмотров: 1877

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

Видеоурок:

Источник: https://vk.com/kindphotoshop2

Узнайте как скачать видеоурок с сайта

Что еще посмотреть:

29.07.2015 | Просмотров: 4169

В этом уроке Басманов Максим расскажет как создать акварельный рисунок в фотошопе.

26.08.2013 | Просмотров: 5497

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

09.01.2012 | Просмотров: 8720 | видео + текст

Урок фотошоп, в котором я расскажу как создать красивый эффект на ваших фотографиях.

25.02.2019 | Просмотров: 1150

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

11.03.2019 | Просмотров: 327

Сегодня будем разбираться с часто встречающейся проблемой потери цвета при сохранении фотографии

psdmaster.ru

Создаём эффект мозаики на фотографии в Фотошоп / Фотошоп-мастер

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

Итак, давайте начнем!

Итоговый результат:

Скачать архив с материалами к уроку

Шаг 1

Откройте исходное изображение в программе Photoshop. Назовите слой с данным исходным изображением Оригинал (Original). Вы можете использовать любое исходное изображение на свой выбор: пейзажи, портреты и т.д. Я использовал изображение Лондона.

Шаг 2

Продублируйте слой Оригинал (Original). Назовите дубликат слоя Эффект Мозаики (Mosaic Effect). Поместите слой Оригинал (Original) поверх слоя Эффект Мозаики (Mosaic Effect). Отключите видимость слоя Оригинал (Original).

Шаг 3

Возвращаемся на слой Эффект Мозаики (Mosaic Effect), чтобы создать эффект пикселей. Идём Фильтр – Оформление – Мозаика (Filter > Pixelate > Mosaic). Установите Размер ячейки (cell size) на 12.

Шаг 4

Возвращаемся на слой Оригинал (Original). Включите видимость данного слоя, а затем добавьте слой-маску к этому слою.

Шаг 5

Убедитесь, что находитесь на слой-маске слоя (просто щёлкните по миниатюре слой-маски), а затем нажмите клавиши (CTRL+I) для инверсии белого цвета в чёрный.

Шаг 6

Выберите инструмент Кисть (Brush Tool) и с помощью мягкой белой кисти прокрасьте участки изображения, которые вы хотите восстановить. Не забудьте, что при прокрашивании кистью должна быть активной слой-маска, а не миниатюра слоя.

Шаг 7

В качестве заключительного штриха, вы можете добавить решётчатый узор к слою Эффект Мозаики (Mosaic Effect). Скачайте решётчатый узор по ссылке в начале этого урока. Далее, к слою Эффект Мозаики (Mosaic Effect), примените стиль слоя Наложение узора (Pattern Overlay). В окне настроек данного стиля слоя, установите Масштаб (scale) на 50%. Если узор не выровнен со слоем, тогда щёлкните по кнопке Привязать к началу координат (Snap to origin).

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

Шаг 8

Итак, мы создали эффект мозаики на фотографии в программе Photoshop. Эффект пикселизации можно редактировать, поэтому вы можете варьировать размер ячеек от 2 до 200 px максимум. Не забывайте, что мы использовали фильтр Мозаика (Mosaic Filter), а не фильтр Пиксель (Pixel Filter), который не входит в программу Photoshop. Данная техника создания пиксельного эффекта — отличный способ создать 8-битное изображение из обычных фотографий.

Примечание переводчика: фильтр Пиксель (Pixel Filter) дополнительно устанавливают в программу Photoshop. Данный фильтр воссоздаёт тот же самый эффект, который мы сегодня применяли.

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

Итоговый результат:

Работа переводчика:

Автор: psd-dude.com

photoshop-master.ru

Как сделать мозаику из фотографии

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

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

Шаг 1 Откройте изображение в программе.

Шаг 2

Сделайте дубликат слоя, горячие клавиши на клавиатуре Ctrl+J.

Шаг 3 Установите режим смешивания Перекрытие.

Шаг 4

Используйте фильтр Оформление – Мозаика. Размер ячейки установите на свое усмотрение. Возможно, вам понадобится посмотреть несколько вариантов, чтобы подобрать наиболее подходящий. У меня получилось так:

Шаг 5

Далее используйте фильтр Усиление резкости – Резкость на краях. При необходимости используйте фильтр несколько раз Ctrl+F, это сделает границы более четкими. Я применил 5 раз.

Шаг 6

Если желаете, смените режим наложения Перекрытие на тот, который вам больше нравится.

Шаг 7

Если вам кажется, что изображение получилось слишком ярким, то добавьте корректирующий слой Цветовой тон/Насыщенность, и подвигайте ползунок Насыщенность влево.

Получилось, как будто разукрашенный кафель в ванной комнате!))

Вот еще несколько примеров:

Успехов в творчестве!