Создаем паттерн в Фотошопе


Паттерн, регулярный узор, бесшовный фон… Называйте, как хотите, но смысл один – заполнение фона (сайта, документа) повторяющимися элементами, между которыми нет видимой границы или перехода.

В этом уроке будет рассказано о том, как сделать узор в Фотошопе. Здесь рассказывать особенно нечего, поэтому сразу приступаем к практике.

  1. Создаем документ с размерами 512х512 пикселей.
  2. Создаем паттерн в Фотошопе

  3. Далее необходимо разыскать (нарисовать?) однотипные элементы для нашего паттерна. Тематика нашего сайта компьютерная, поэтому я подобрал такие:
  4. Создаем паттерн в Фотошопе

  5. Берем один из элементов и помещаем в рабочую область Фотошопа на наш документ.
  6. Создаем паттерн в Фотошопе

  7. Затем перемещаем элемент на границу холста и дублируем его (СTRL+J).
  8. Создаем паттерн в Фотошопе

  9. Теперь идем в меню «Фильтр – Другое – Сдвиг».
  10. Создаем паттерн в Фотошопе

  11. Смещаем объект на 512 пикселей вправо.
  12. Создаем паттерн в Фотошопе

  13. Для удобства выделим оба слоя с зажатой клавишей CTRL и поместим их в группу (CTRL+G).
  14. Создаем паттерн в Фотошопе

  15. Помещаем новый объект на холст и перемещаем к верхней границе документа. Дублируем.
  16. Создаем паттерн в Фотошопе

  17. Снова идем в меню «Фильтр – Другое – Сдвиг» и перемещаем объект на 512 пикселей вниз.
  18. Создаем паттерн в Фотошопе

  19. Таким же способом помещаем и обрабатываем другие объекты.
  20. Создаем паттерн в Фотошопе

  21. Осталось лишь заполнить центральную область холста. Я мудрить не буду, а помещу один большой объект.
  22. Создаем паттерн в Фотошопе

  23. Паттерн готов. Если требуется его использование в качестве фона веб страницы, то просто сохраняем в формате JPEG или PNG.

Если же планируется заливать паттерном фон документа в Фотошопе, то нужно сделать еще пару шагов.

  1. Уменьшаем размер изображения (если требуется) до 100х100 пикселей.
  2. Создаем паттерн в Фотошопе
    Создаем паттерн в Фотошопе

  3. Затем идем в меню «Редактирование – Определить узор».
  4. Создаем паттерн в Фотошопе

  5. Даем имя узору и нажимаем ОК.
  6. Создаем паттерн в Фотошопе

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

  1. Создаем новый документ с любыми размерами.
  2. Затем нажимаем сочетание клавиш SHIFT+F5.
  3. В настройках выбираем «Регулярный» и ищем в списке созданный паттерн.
  4. Создаем паттерн в Фотошопе

  5. Нажимаем ОК и любуемся.

Создаем паттерн в Фотошопе

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

Помогла ли Вам статья?
Да Нет

Рекомендуем:

Задайте вопрос или оставьте мнение
Получить ответ на Email
Уведомить о

2 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Аноним
11 февраля 2020 16:21

А как сделать такое?

300
Инна
6 июля 2023 09:02

Супер! Спасибо, очень пригодилась!