Как составить мозаика фото

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

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

Начну сначала. Лет так 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 есть функция распознавания лиц. Если у вас в базе много групповых фото приличного качества, то с её помощью можно собрать лица и пополнить базу уникальными фото.

Удачи.

Выбор хорошего главного изображения могут оказать огромное влияние на внешний вид вашей фотомозаики.

– Загружаемое изображение (фото) должно быть четким, контрастным, по возможности не содержать мелких, трудноразличимых деталей, надписей.

– При создании собственных наборов фотографий из которых будет собираться фотомозаика, загружаемые фотографии должны быть с разнообразными цветовыми оттенками.
Так, фотомазаика будет более насыщенной и максимально отражать образ главного изображения.
Так же следует понимать, что, чем больше фотографий загружено в набор, тем более качественным будет итоговое изображение.
Мы рекомендуем загружать минимум 300-500 фотографий в набор.

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

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

В этом пошаговом Adobe Photoshop уроке я покажу вам, как создать фотомозаику.

Создание фотомозаики в Photoshop

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

Шаг 1: Откройте основное изображение в Adobe Photoshop

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

Откройте изображение в Photoshop, перейдя в раскрывающееся меню “Файл”. Выберите Файл > Открыть (Ctrl/Cmd+O) и перейдите к вашей фотографии.

Шаг 2: Форматирование мозаичных изображений

Выберите маленькие изображения, которые вы хотите использовать в фоновом мозаичном узоре. Вы можете использовать до 100 изображений. Но лучше всего, если их общее количество будет представлять собой идеальный квадрат. Например, выберите 64 или 81 изображений. Поместите их в папку с надписью “Мозаика”. При желании можно использовать дубликаты. Просто убедитесь, что дубликаты изображений не находятся рядом друг с другом в папке.

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

Начните с импорта изображений в Lightroom. Затем поместите их в коллекцию.

Выберите первое изображение. Используйте инструмент Crop в модуле Develop, чтобы изменить его размер до соотношения сторон, которое вы хотите использовать для мозаичного узора. Например, размер плиток может быть прямоугольным 2:3 или квадратным 1:1. Выделите изображение с измененным размером, удерживая клавишу Shift, и выберите другие изображения в коллекции. Нажмите Синхронизировать в нижней части правого столбца. Установите флажок рядом с пунктом Обрезать. Нажмите Синхронизировать.

Выбранные изображения теперь одинакового размера. Экспортируйте изображения в папку Mosaic. Размер изображения может быть небольшим – 300px при 72 dpi будет вполне достаточно.

Шаг 3: Создание мозаичного узора в Photoshop

Чтобы сделать фон для фотомозаики, создайте контактный лист. контактный лист – это серия миниатюр фотографий. Первоначально на контактных листах показывали изображения на рулоне пленки. Мы до сих пор используем контактные листы, чтобы представить множество фотографий одним взглядом. Вы можете создать базовый контакт-лист в Photoshop, но в Lightroom этот процесс более гибкий. Давайте начнем с создания контактного листа в Photoshop. Затем я покажу вам, как использовать Lightroom для создания контактного листа.

В Photoshop перейдите в раскрывающееся меню File. Выберите Файл > Автомат > Контактный лист II.

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

В разделе “Документ” снимите флажок Flatten All Layers. Каждое изображение станет слоем, который вы сможете изменить позже. Затем укажите размер холста. Создайте прямоугольный холст, если исходные изображения прямоугольные (20×30 см или 128). Создайте квадратный холст (25×25 см или 1010), если ваши файлы квадратные.

В разделе Thumbnail (Эскизы) установите флажок Use Auto-Spacing (Использовать автоматический интервал). Затем введите количество изображений в каждом столбце и строке. Если у вас 64 изображения, введите 8 и 8. Если у вас 100 изображений, введите 10 и 10. Вы можете выбрать, как расположить их, например сначала поперек, а затем вниз.

Нажмите OK и подождите, пока Photoshop загрузит все изображения в файл.

Шаг 4: Редактирование и изменение порядка расположения деталей

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

Выделите слой, содержащий изображение, которое нужно переместить. Выберите инструмент “Перемещение” и переместите изображение в другое положение. Повторите процесс, чтобы переместить другое изображение в пустое пространство.

Если вокруг изображения много белого пространства, выберите слой, содержащий это изображение. Отсоедините миниатюру от маски слоя, щелкнув цепочку между слоем и маской слоя. Перейдите в раскрывающееся меню “Редактирование”. Выберите Редактирование > Свободное трансформирование (Ctrl/Cmd+T). Удерживая клавишу Shift, перетаскивайте края изображения, пока оно не заполнит пространство.

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

Альтернативный шаг: Создание контактного листа в Lightroom

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

Импортируйте изображения в Lightroom и выберите их. Откройте модуль Печать. В разделе Стиль макета выберите Одиночное изображение/Контактный лист. В разделе Настройки изображения установите флажок Масштаб по заполнению. Это позволит включить изображения разных размеров.

В разделе Layout установите поля на ноль. Чтобы сделать документ квадратным, перемещайте ползунок Left Margin до тех пор, пока размеры ячеек по высоте и ширине не станут равными. Введите количество изображений в каждой колонке и строке. Если у вас 64 изображения, введите 8 и 8. Если у вас 100 изображений, введите 10 и 10.

Нажмите кнопку Принтер. Выберите выпадающее меню PDF и сохраните файл в PDF. Сохраните файл как Mosaic и откройте его в Photoshop.

Шаг 5: Создание фотомозаичного узора

Открыв мозаику в Photoshop, перейдите в выпадающее меню Edit. Выберите Редактировать > Определить узор.

Назовите узор “Мозаика”, затем нажмите OK.

Шаг 6: Добавление мозаичного узора к основному изображению

Настало время объединить мозаичный узор с вашим основным изображением. Перейдите к изображению, которое вы открыли в шаге 1. Выберите выпадающее меню Слой и выберите Слой > Новый слой заливки > Узор.

Назовите новый слой Mosaic, затем нажмите OK.

В диалоговом окне “Заливка узора” нажмите стрелочку рядом с окном узора. Перейдите к мозаичному узору. Он должен быть в самом низу.

Нажмите кнопку OK. Ваш узор должен заполнить новый слой. Photoshop позаботится о повторении узора, пока он не заполнит всю рамку.

Шаг 7: Изменение режима наложения

Выбрав слой “Мозаика”, измените режим наложения на Мягкий свет или Наложение. Если вы раньше не меняли режимы смешивания, они находятся в выпадающем меню в верхней части панели слоев. По умолчанию в меню установлено значение “Нормальный”

Шаг 8: Выведите изображение Featured Image (необязательно)

Вот и все! Вы создали фотомозаику!

Вы можете сделать несколько настроек, чтобы сделать ваше главное изображение более заметным. Вы можете уменьшить непрозрачность слоя “Мозаика”. Или можно добавить корректирующий слой “Яркость/Контрастность”. Переместите этот слой между слоем с основным изображением и слоем “Мозаика”. Регулируйте яркость и контрастность, пока основное изображение не станет более ярким.

Вывод

Создание фотомозаики в Adobe Photoshop – это творческий способ продемонстрировать десятки изображений одновременно. Выберите до 100 изображений для создания фотомозаики. Создайте контактный лист из мозаичных изображений и определите его как узор. После этого вы можете применить мозаичный узор к любому изображению по своему усмотрению.

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