Мозаика фотошоп: Создаём эффект мозаики на фотографии в Фотошоп / Creativo.one

Содержание

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

В этом простом уроке для начинающих изучать программу 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

Источник: www.psd-dude.com

Урок 10 Как добиться эффекта мозаики в фотошопе

Автор Владислав На чтение 2 мин Просмотров 17.5к.

Заранее извиняюсь что сбился с графика, вчера нашел приключение на свою пятую точку, и просто физически не успел сделать этот урок. Кстати, когда писал этот урок, вспоминал 2010-2011 год, когда я только начинал заниматься фотошопом, делать свои сайты ( как-то напишу об этом всём ), и тогда то о чём я буду сейчас писать, было очень популярно среди новичков в фотошопе. Может данный стиль уже не будет так актуальный сейчас, но, уверен, некоторым из Вас, он придется по вкусу и пригодится.

Сегодня мы научимся как делать мозаику в фотошопе.

Итак, выбрали мы изображение ( я выбрал пейзаж, до воли таки яркий ). Открываем изображение в фотошопе, и первое что мы делаем — копия основного слоя ( комбинация клавиш

CTRL + J ).

 

Далее переходим в вкладку ( Фильтр > Оформление > Мозаика… ):

Выбираем размер нашей клетки, так сказать. Тут вы вправе выбирать, так как Вам больше нравится.

 

Я выбрал 89 квадр.

Теперь применяем параметр наложения «Перекрытие»

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

 

И вот, что в итоге у нас получилось:

 

И вот, мы научились как сделать мозаику в adobe photoshop.

Урок был до воли таки легкий. По этому, уверен, все поняли как это сделать. Если есть вопросы, пишите в комментариях, с радостью на них отвечу.

Я всегда открыт для своих читателей 😉

Девушка пришла к фотографу:
 — Сфотографируйте, пожалуйста, меня!
 — Проходите, раздевайтесь…
 — Всмысле???
 — Ну, я эротический фотограф!
 — Так мне же на паспорт!
 — Да… Ну, ничего, одежду я потом в фотошопе дорисую!

 

 

Как превратить фото в мозаику в Фотошопе

Если вы думаете, что мозаика – одно из скучных клише Photoshop’а, то этот урок разубедит вас.

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


Шаг 1.

Создание нового документа

Создайте новый документ в Photoshop (Ctrl + N). В уроке использован формат документа А4.

Шаг 2.

Работаем с изображением

Поместите в документ фото, которое вы будете использовать для создания эффекта мозаики. В уроке использовано это фото:

Шаг 3.

Работаем с изображением

Чтобы создать основу мозаики, создайте новый документ в Photoshop и затем, используя Инструмент Многоугольник — Polygon tool (U), нарисуйте шестиугольник.

Дублируйте созданный шестиугольник (Ctrl + J) и переместите его так, чтобы он как бы отсекал верхнюю часть первого шестиугольника. Далее возьмите Инструмент Выделение узла — Direct Selection Tool (А), выделите 3 верхние точки и переместите их вниз, чтобы образовать ромб.

Шаг 4.

Работаем с изображением

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

Шаг 5.

Работаем с изображением

Сгруппируйте элементы куба и дублируйте их дважды (Ctrl + J), чтобы образовать основу узора. Дублируйте и размещайте кубы, пока не заполните весь холст узором.

Шаг 6.

Работаем с изображением

Далее аккуратно выделите область, которая будет использоваться для определения узора. Обратите внимание, что эта область должна хорошо стыковаться, так что выделите такую область, как показано на рисунке ниже. После того, как сделаете выделение, перейдите в меню Редактирование > Определить узор (Edit > Define Pattern)

. Выберите название узора на свое усмотрение и нажмите ОК.

Шаг 7.

Работаем с изображением

Вернитесь в основной документ. Создайте новый слой (Ctrl + Shift + N) и залейте этот слой узором, который вы только что создали.
Затем скопируйте слой с девушкой (Ctrl + J) и перейдите в меню Редактирование > Трансформирование > Наклон (Edit > Transform > Skew). Сделайте наклон, соответствующий одной из граней куба – для этого урока я выбрал левую грань.
Далее примените Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur)  со значением Радиуса (Radius) 10 пикселей.

Шаг 8.

Работаем с изображением

Для следующего шага вам понадобится выделить все левые грани узора. Для этого возьмите Инструмент Волшебная палочка — Magic Wand tool (W) и выделите одну грань, затем перейдите в меню Выделение > Подобные оттенки (Select > Similar). Затем при активном выделении кликните левой кнопкой мыши по слою с размытым фото девушки и перейдите в меню Слой > Маска слоя > Показать выделенные области (Layer > Layer Mask > Reveal Selection).

Шаг 9.

Работаем с изображением

Дублируйте слой с размытой девушкой и затем повторите процесс из шага 8 для другой грани куба.

Шаг 10.

Работаем с изображением

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

Шаг 11.

Работаем с изображением

Выделите все слои и создайте их объединенную копию (Ctrl + Shift + Alt + Е). Выделите этот новый слой и примените Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) с Радиусом (Radius)  в 20 пикселей.
Измените режим наложения на Осветление (Screen) и уменьшите Непрозрачность (Opacity) до 80%. Затем выберите в меню Слой > Новый корректирующий слой > Карта градиента (Layer>New Adjustment Layer> Gradient Map). Используйте градиент по умолчанию от белого к черному, но измените режим наложения на Мягкий свет (Soft Light).
Далее выберите в меню Слой > Новый корректирующий слой > Цветовой тон/Насыщенность (Layer > New Adjustment Layer > Hue/Saturation) и установите значение Насыщенность (Saturation) -30.

Шаг 12.

Работаем с изображением

Сгруппируйте (Ctrl + G) все слои, кроме слоя с кубическим узором. Используйте этот слой, чтобы выделить и скрыть некоторые области узора. Когда вы выделите желаемые области, убедитесь, что сгруппированные слои сейчас активны и перейдите в меню Слой > Маска слоя > Спрятать выделенные области (Layer > Layer Mask > Hide Selection). У вас должно получиться нечто подобное:

Шаг 13.

Работаем с изображением

Теперь поместите текстуру бумаги (в папку Source сохранила пару вариантов бесплатных) в документ сверху всех остальных слоев и измените режим наложения на Умножение (Multiply).

Шаг 14.

Работаем с изображением

Дублируйте слой с текстурой (Ctrl + J) и поместите его над слоем с узором, но под всеми остальными слоями. Измените режим наложения на Затемнение основы (Color Burn).

Шаг 15.

Работаем с изображением

Создайте новый слой сверху всех остальных и залейте его черным цветом. Измените режим наложения на Умножение (Multiply). Затем возьмите Инструмент Кисть – Brush Tool (B), выберите максимально мягкую кисть и выберите белый в качестве основного цвета. Сотрите области в центре холста: из-за режима наложения эти области станут прозрачными. Нашей целью является создание эффекта виньетирования.

Шаг 16.

Финальное изображение

Вот и финальный результат.

Ссылка на источник

3D эффект стеклянной мозаики в Photoshop

Нажмите клавишу D, создайте новый слой и примените к нему Фильтр —> Рендеринг —> Облака (Filter —> Render —> Clouds). Измените режим наложения этого слоя на «Экран» (Screen).
Примените Фильтр —> Оформление —> Мозаика (Filter —> Pixelate —> Mosaic) со следующими настройками:

Результат:

Примените Фильтр —> Галерея фильтров —> Эскиз —> Ретикуляция (Filter —> Filter Gallery —> Sketch —> Reticulation) со следующими настройками:

Результат:

Теперь нам нужно остановить запись нашего нового действия. Нажмите кнопку Стоп на панели операций (квадратик слева от красного кружка).

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

  • Сбросить Образцы (Reset Swatches)
  • Сделать слои (Make layer)
  • Облака (Clouds)
  • Задать текущ. слои (Set current layer)
  • Мозаика (Mosaic)
  • Галерея фильтров (Reticulation)

Шаг 3
Теперь, когда операция создана, нам необходимо применить её около 6-7 или даже больше, пока все черные квадраты на холсте не исчезнут:

В палитре слоёв у нас образовалось некоторое количество слоёв с квадратами. Выделите их все и объедините, нажав Ctrl+E. Полученному слою также задайте режим наложения «Экран» (Screen). Теперь у нас остались два слоя, фоновый и слой с мозаикой:

Шаг 4
Сейчас мы собираемся добавить свечение к плиткам мозаики. Применим Фильтр —> Галерея фильтров —> Эскиз —> Ксерокопия (Filter —> Filter Gallery —> Sketch —> Photocopy) со следующими настройками:

Результат:

Инвертируйте цвета слоя, нажав Ctrl+I:

Установите автоконтраст, меню Изображение —> Автоконтраст (Image —> Auto Constrat):

Шаг 5
Создайте новый слой и измените его режим наложения на «Перекрытие» (Overlay). Возьмите круглую кисть (Brush Tool) белого цвета с нулевой жёсткостью, диаметром около 80 пикселей и примените её на некоторых черных квадратах в тех местах, где на них имеется белый цвет:

Шаг 6
Объедините все слои, кроме фонового, выделив их и нажав Ctrl+E. Дублируйте полученный слой, используя Ctrl+J. Измените режим наложения дубля на «Экран»:

Дублируйте текущий слой и примените к нему фильтр «Размытие по гауссу радиусом 10 пикселей (не забывайте, режим наложения слоя должен быть «Экран»):

Дублируйте текущий слой для усиления эффекта:

Шаг 7
Сейчас мы внесём некоторый цвет в нашу мозаику. Добавляем корректирующий слой «Цветовой тон/Насыщенность (Hue/Saturation) со следующими настройками. Не забудьте поставить галку у опции «Тонирование» (Colorize), иначе значение 216 не введётся в графу «Цветовой тон»:

Результат:

Шаг 8
Добавим некоторую перспективу к мозаике. Для начала выделим все слои в панели слоёв (Ctrl+Alt+A) и сгруппируем их (Ctrl+G).

Идём в Редактирование —> Трансформирование —> Перспектива (Edit —> Transform —> Perspective) и создаём примерно такую перспективу:

Результат:

С помощью инструмента «Обрезка» (Crop Tool) обрежем слишком размытые части изображения:

Шаг 9
Практически всё, но можно добавить ещё кое-какие цвета к изображению. Создайте новый слой, измените его режим на «Экран», возьмите мягкую круглую кисть фиолетового цвета #8a00ff диаметром 300 пикселей и проведите вертикальную полосу сcghfdf. Уменьшите непрозрачность слоя до 35%.

Создайте ещё один слой., измените его режим на «Перекрытие», уменьшите непрозрачность до 75%, измените цвет кисти на сине-голубой #002cff и проведите вертикальную полосу справа:

Готовое изображение:

Готово!

Как сделать пиксели (мозайку) в Фотошопе

В этом уроке мы в очередной раз подтянем наши скиллы в Фотошопе – научимся создавать “пиксельный узор” через “мозаику”. О том, что такое “мозаика” вы наверняка знаете. Давайте приступим!

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

Чтобы применить фильтр мозаики, достаточно зайти в меню “Фильтр” – “Оформление” – “Мозаика” и, выбрав подходящие параметры, применить эффект.

Получится быстрый, но слишком простой вариант:

Мы же легких путей не ищем.

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

Работа с фильтром “Мозаика” в Photoshop

  1. Сперва необходимо сделать 2 дубликата (копии) фонового слоя (у нас он называется “MyPhotoshop.ru”). Для этого нажмите два раза на комбинацию горячих клавиш CTRL+J.
  2. Теперь, кликните на самый верхний слой с копией, а затем в меню “Фильтр”“Оформление” выберите “Мозаика” (Мы уже выбирали его в самом начале).
    Откроется окно настроек данного фильтра, в котором необходимо подобрать размер ячейки. Выберем для начала размер чуть покрупнее.
    Таким образом наш пиксель получится достаточно крупным:
  3. С верхним слоем пока все. Выбираем средний слой (первую копию) и применяем тот же фильтр “Мозаика”, но на этот раз выставляем размер ячейки примерно вдвое меньше, чем в предыдущий.

Делаем плавный переход между слоями

  1. Перейдем теперь к созданию слой-маски для каждого слоя, кроме основного. Для этого выберите нужный слой в палитре слоев и кликните на кнопку, к которой ведет стрелка, как показано на скриншоте ниже:
  2. Далее выбираем маску самого верхнего слоя, кликнув по белому квадрату:
  3. Как обычно, на панели инструментов выбираем обычную “Кисть”.
    Под главным меню появится панель с настройками кисти. По стандарту выбирается кисть мягкой и круглой формы, а остальные параметры настраиваются так, как нужно вам, ведь в каждом случае и с каждым изображением все индивидуально.

    Важно! Стоит отметить, что мы работаем в Adobe Photoshop CC, но в CS5 или CS6 функционал отличается лишь по дизайну некоторых элементов.

    А на палитре цветов основным выбирается черный цвет:
    Мы установили размер кисти в 200 пикс., но лучше всего менять его так, как вам удобно во время работы на холсте. Для этого воспользуйтесь квадратными скобками, где [ – уменьшает размер, а ] – увеличивает.

  4. Теперь этой кистью нужно закрасить слой-маску. Как это нужно делать? Закрасьте черным цветом все, что хотите скрыть с этого слоя. Таким образом та часть изображения, где маска будет белым цветом и будет состоять из крупных пикселей.
    Красной рамкой на изображении выделен участок слоя, на котором остался эффект “мозаики”.
  5. “Едем дальше” и делаем то же самое со средним слоем, состоящим из мелких пикселей (ячеек).

Результат

В итоге, после всех описанных выше действий, мы получили такой результат:

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

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

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


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

В этом простом уроке для начинающих изучать программу 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

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

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

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

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

Шаг 2

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

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

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

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

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

Урок 10 Как добиться эффекта мозаики в фотошопе

Заранее извиняюсь что сбился с графика, вчера нашел приключение на свою пятую точку, и просто физически не успел сделать этот урок. Кстати, когда писал этот урок, вспоминал 2010-2011 год, когда я только начинал заниматься фотошопом, делать свои сайты ( как-то напишу об этом всём ), и тогда то о чём я буду сейчас писать, было очень популярно среди новичков в фотошопе. Может данный стиль уже не будет так актуальный сейчас, но, уверен, некоторым из Вас, он придется по вкусу и пригодится.

Сегодня мы научимся как делать мозаику в фотошопе.

Итак, выбрали мы изображение ( я выбрал пейзаж, до воли таки яркий ). Открываем изображение в фотошопе, и первое что мы делаем — копия основного слоя ( комбинация клавиш CTRL + J ).

Далее переходим в вкладку ( Фильтр > Оформление > Мозаика… ):

Выбираем размер нашей клетки, так сказать. Тут вы вправе выбирать, так как Вам больше нравится.

Я выбрал 89 квадр.

Теперь применяем параметр наложения «Перекрытие»

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

И вот, что в итоге у нас получилось:

И вот, мы научились как сделать мозаику в adobe photoshop.

Урок был до воли таки легкий. По этому, уверен, все поняли как это сделать. Если есть вопросы, пишите в комментариях, с радостью на них отвечу.

Я всегда открыт для своих читателей 😉

Девушка пришла к фотографу:  — Сфотографируйте, пожалуйста, меня!  — Проходите, раздевайтесь…  — Всмысле???  — Ну, я эротический фотограф!  — Так мне же на паспорт!  — Да… Ну, ничего, одежду я потом в фотошопе дорисую!

Оцените, мне важно Ваше мнение: (+1 ) Загрузка…

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

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

Удачи.

Теги:
  • фото-мозаики
  • мозаика
  • дизайн

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

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

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

Конечный результат должен выглядеть примерно так:

Шаг 1

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

Шаг 2

Для правильного достижения эффекта треугольного пиксельарта нужно, чтобы фотография была немного размытой. Чтобы это сделать, примените фильтр Размытие при малой глубине резкости. Значения смотрите по своей картинке, тут многое зависит от ее размера, главное сильно не размывайте ее, сделайте примерно такой:

Шаг 3 Сделайте два дубля основного слоя.

Шаг 4

Активируйте инструмент Трансформация. Он находится в меню Редактирование – Трансформирование, также можно активировать его сочетанием клавиш Ctrl+T. Когда инструмент Трансформация активен, перед вами появится панель с настройками, измените значение Угол по горизонтали на 45 градусов.

Нажмите на картинку для увеличения

Шаг 5

Перейдите в меню Фильтры – Оформление — Мозаика. Установите любой размер ячейки и нажмите OK. У меня на примере размер ячейки 15 квадратов.

Шаг 6

Теперь нам нужно трансформировать изображение в другую сторону. Для этого снова применим инструмент Трансформация. Измените значение Угол по горизонтали на -45 градусов (!! минус сорок пять !!):

Нажмите на картинку для увеличения

Шаг 7

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

Шаг 8

Вновь активируем инструмент Трансформация, изменив значение Угол по горизонтали на — 45 градусов (минут сорок пять). 

Шаг 9

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

Шаг 10

Используйте инструмент Свободная Трансформация, чтобы вернуть изображению оригинальную форму. Для этого установите значение Угол по горизонтали равным 45º.

Шаг 11

Эффект треугольного пиксельарта из фотографии почти готов, однако, если увеличить изображение, будет видно, что края отдельных треугольных «пикселей» плохо выровнены друг с другом. Исправить это очень просто: при помощи стрелочек на клавиатуре перемещайте верхний или средний слой до тех пор, пока вас не устроит результат.

На данном этапе наше изображение должно выглядеть так:

Примечание

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

Шаг 12

Если вы хотите использовать получившееся изображение в качестве картинки для фона, примените к нему эффект винтажного фильма. Например, использовать Эффект Vesper из набора «экшенов» Instagram Video Photoshop actions, скачать который вы можете по ссылке выше.

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