Найти в Дзене
Арт-мастерская ИИ

Урок 41. Создаем мозаику в Photoshop

Сегодня мы разберём, как создавать мозаику в фотошопе и превращать обычное изображение в эффектное художественное оформление. Вы узнаете, как сделать мозаику, применяя фильтры, корректирующие слои и интересные приёмы. 🔹 Этот шаг важен, если вы хотите применять эффект мозаики в Photoshop только к котику или только к фону, не смешивая их. 1. Щелкните по слою с котиком правой кнопкой мыши. 2. В появившемся меню выберите «Преобразовать в смарт-объект». 🔹 Преобразование в смарт-объект позволяет применять фильтры, такие как мозаика в Photoshop, не разрушая исходное изображение. Вы сможете менять параметры фильтра в любой момент и экспериментировать с эффектами. 3. Перейдите в Фильтр → Оформление → Мозаика (Filter → Stylize → Mosaic). 4. Настройте размер ячеек: 1. Убедитесь, что выбран слой с котиком. 2. Перейдите в меню: Фильтр → Галерея фильтров → Эскиз → Рельеф (Filter → Filter Gallery → Sketch → Emboss) 3. Настройте параметры: 4. Нажмите OK, чтобы применить фильтр. 5. Если у вас получи
Оглавление

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

Шаг 1. Подготовка изображения

  1. Откройте Photoshop и импортируйте фото с вашим тайским котиком.
Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

Шаг 2. Разделяем котика и фон на разные слои

  1. Выделяем котика
    Выберите инструмент Быстрое выделение (W).
  2. Аккуратно выделите котика, прокладывая кистью по телу и лапам.
  3. Корректируем выделение
    Если часть котика не попала в выделение, используйте Добавление к выделенной области.
    Если в выделение попал лишний фон — используйте
    Вычитание из выделенной области.
  4. Создаем отдельный слой с котиком
    После того как котик выделен, нажмите Ctrl+J.
    На новом слое у вас будет только котик, а фон останется на исходном слое.
🔹 Этот шаг важен, если вы хотите применять эффект мозаики в Photoshop только к котику или только к фону, не смешивая их.
Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

Шаг 3. Применяем фильтр «Мозаика»

1. Щелкните по слою с котиком правой кнопкой мыши.

2. В появившемся меню выберите «Преобразовать в смарт-объект».

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

3. Перейдите в Фильтр → Оформление → Мозаика (Filter → Stylize → Mosaic).

4. Настройте размер ячеек:

  • 3–6 px — аккуратная мозаика для деталей (подходит для мордочки котика).
  • 8–12 px — средний размер, чтобы движения лап выглядели динамично.
  • 15–20 px — эффект калейдоскопа для фона, создавая ощущение танцплощадки.
Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

Шаг 4. Применяем фильтр «Рельеф» (Emboss)

1. Убедитесь, что выбран слой с котиком.

2. Перейдите в меню: Фильтр → Галерея фильтров → Эскиз → Рельеф (Filter → Filter Gallery → Sketch → Emboss)

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

3. Настройте параметры:

  • Детализация (Detail) – примерно 22
  • Смягчение (Smoothness) – примерно 3
  • Свет (Light)снизу (Bottom)ъ

4. Нажмите OK, чтобы применить фильтр.

5. Если у вас получился эффект слишком мелкой мозаики, это легко исправить — сделаем её более крупной и объёмной. Дважды щёлкните по фильтру Рельеф (Emboss) в списке Смарт-фильтры (Smart Filters) чтобы открыть настройки. И настройте параметры следующим образом:

  • Детализация (Detail) — примерно 14
  • Смягчение (Smoothness) — примерно 1
  • Свет (Light)Вверху слева (Top Left)

Нажмите OK, чтобы применить фильтр.

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

6. Выделите слой с котиком. В панели слоёв (Layers panel) уменьшите Непрозрачность (Opacity) примерно до 54%.

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

Шаг 5. Корректируем фильтры при необходимости

1. Если вам не понравился эффект, вы можете отключить его, нажав на глазик (eye icon) рядом с названием фильтра в панели слоев (Layers panel → Smart Filters).

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

2. Также вы можете поменять местами эффекты, перетащив их вверх или вниз (drag up or down) в списке фильтров.

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.
🔹 Это удобно, когда вы хотите экспериментировать с разными комбинациями мозаики (Mosaic) и рельефа (Emboss), чтобы получить идеальный результат.

Шаг 6. Экспериментируем с другим фильтром — Экструзия (Extrude)

1. Отключаем фильтр Рельеф (Emboss)
В панели слоев (Layers panel → Smart Filters) нажмите на глазик (eye icon) рядом с фильтром Рельеф.

2. Применяем фильтр Экструзия (Extrude)
Перейдите в меню: Фильтр → Стилизация → Экструзия (Filter → Stylize → Extrude).

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

3. Настройте параметры:

  • Тип (Type)Пирамиды (Pyramids)
  • Размер (Size)30 пикселей (30 px)

4. Нажмите OK, чтобы применить фильтр.

🔹 Фильтр Экструзия создаёт эффект объёмных плиток и делает мозаику в Photoshop (Mosaic in Photoshop) ещё более графичной и динамичной.

🔹 Теперь котик будто создан из объёмных плиткок!

Шаг 7. Перекрашиваем котика с помощью корректирующего слоя (Hue/Saturation)

1. Создайте корректирующий слой Цветовой тон/Насыщенность (Adjustment Layer → Hue/Saturation).

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

2. Настройте параметры:

  • Цветовой тон (Hue) – сдвигаем влево (shift left) в области зелёных и жёлтых цветов (greens and yellows).
  • Насыщенность (Saturation) – увеличиваем примерно до 60.
  • Яркость (Lightness) – оставляем прежней (unchanged).
Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.
🔹 Этот шаг позволяет легко изменить окраску котика, сделать цвета более яркими и выразительными, не затрагивая фон.

🔹 Использование корректирующих слоев даёт свободу экспериментировать с цветом и насыщенностью без разрушения исходного слоя котика.

Шаг 8. Применяем корректирующий слой только к котику

  1. Убедитесь, что корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation adjustment layer) находится над слоем с котиком.
  2. Наведите курсор мыши между слоем котика и корректирующим слоем.
  3. Нажмите Alt и щёлкните левой кнопкой мыши (Left Click).
  4. Теперь корректирующий слой применяется только к котику и не влияет на фон.
Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.
🔹 Этот приём позволяет безопасно менять цвет котика, сохраняя фон неизменным.

🔹 Вы можете в любой момент отключить корректирующий слой, чтобы вернуть исходные цвета.

Шаг 9. Настраиваем непрозрачность слоя с котиком

1. Выберите слой с котиком.

2. В панели слоев (Layers panel) найдите параметр Непрозрачность (Opacity).

3. Установите значение примерно 60%.

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

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

Шаг 10. Добавляем обводку (Stroke) к котику

1. Выберите слой с котиком.

2. Перейдите в Стиль слоя → Обводка (Layer Style → Stroke).

3. Настройте параметры:

  • Цвет (Color) – белый (White)
  • Размер (Size) – примерно 16 пикселей (16 px)
  • Положение (Position)Снаружи (Outside)

4. Нажмите OK, чтобы применить стиль.

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

🔹 Размер и цвет обводки можно подбирать в зависимости от фона и желаемого контраста.

Шаг 11. Экспериментируем с фильтрами Экструзия и Мозаика

1. Вы можете скрыть слои с фильтрами и посмотреть, как будет выглядеть изображение с «новым» эффектом.

Для этого в панели слоёв (
Layers panel) нажимайте на глазик (eye icon) рядом с любым слоем или фильтром, чтобы временно отключить его.

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

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

2. Меняйте настройки фильтров (Adjust filter settings).

  • Дважды щёлкните по фильтру в списке Смарт-фильтры (Smart Filters), чтобы открыть его параметры.
  • Подбирайте размер ячеек мозаики (Mosaic cell size), тип экструзии (Extrude type) и размер экструзии (Extrude size), пока не получите желаемый эффект.

3. Сравнивайте результаты. Включайте и выключайте слои и фильтры, чтобы видеть, как каждый фильтр влияет на котика и фон.

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

🔹 Комбинируя
Мозаику (Mosaic) и Экструзию (Extrude), котик будет выглядеть живым и графически выразительным.
Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

Заключение

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

Не забудьте подписаться на канал и делиться своими успехами в комментариях! Ставьте лайки — они показывают, что мои статьи и уроки вам действительно интересны. Ваши отклики вдохновляют меня создавать ещё больше полезного и увлекательного контента!