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


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

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

  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

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

Инструкции по операционным системам:
AndroidAndroid iOSiOS Windows 11Windows 11 Windows 10Windows 10 Windows 7Windows 7 Windows 8Windows 8 Windows XPWindows XP Общее по компьютерамОбщее по компьютерам LinuxLinux macOSmacOS
Инструкции по мессенджерам и соц.сетям:
ВконтактеВконтакте ОдноклассникиОдноклассники TelegramTelegram ViberViber WhatsAppWhatsApp SkypeSkype ZoomZoom InstagramInstagram
Инструкции по работе в программах:
WordWord ExcelExcel PowerPointPowerPoint OutlookOutlook DirectXDirectX PhotoshopPhotoshop LightroomLightroom Premiere ProPremiere Pro Google ChromeGoogle Chrome Яндекс БраузерЯндекс Браузер Mozilla FirefoxMozilla Firefox OperaOpera Internet ExplorerInternet Explorer Уроки по остальным браузерамПо остальным браузерам Расширения для браузеровРасширения браузеров Уроки по антивирусамПо антивирусам AvastAvast AudacityAudacity Apple IDApple ID AutoCADAutoCAD BandicamBandicam BlueStacksBlueStacks DAEMON ToolsDAEMON Tools DiscordDiscord Epic GamesEpic Games FL StudioFL Studio HamachiHamachi iСloudiСloud iTunesiTunes OBSOBS OriginOrigin Play MarketPlay Market Sony VegasSony Vegas SpotifySpotify SteamSteam TeamViewerTeamViewer The Bat!The Bat! TikTokTikTok TunngleTunngle UltraISOUltraISO uTorrentuTorrent VirtualBoxVirtualBox Торрент клиентыТоррент клиенты Яндекс ДискЯндекс Диск Яндекс.КартыЯндекс.Карты Яндекс.НавигаторЯндекс.Навигатор В остальных программахВ остальных программах Драйвера для устройствДрайвера Подборки программПодобрать программу Остальные программыСкачать программы
Инструкции по онлайн-сервисам:
ЯндексЯндекс GoogleGoogle ДзенДзен YouTubeYouTube FacebookFacebook TwitterTwitter AliExpressAliExpress AvitoAvito ChatGPTChatGPT QiwiQiwi Другие онлайн-сервисыДругие сервисы Все о почтеВсе о почте Яндекс почтаЯндекс почта GmailGmail Почта Mail.ruПочта Mail.ru Рамблер почтаРамблер почта
Инструкции по телефонам:
SamsungSamsung XiaomiXiaomi HuaweiHuawei Прошивки устройствПрошивки телефонов ТелефонОбщие по телефонам
Инструкции по периферийным устройствам:
МышкаМышка КлавиатураКлавиатура ПринтерПринтер РоутерРоутер ФлешкаФлешка Карта памятиКарта памяти HDMIHDMI Игровые консолиИгровые консоли Яндекс СтанцияЯндекс Станция AirPodsAirPods
Инструкции по комплектующим:
Материнская платаМатеринская плата ПроцессорПроцессор ВидеокартаВидеокарта SSD дискиSSD диски Жесткий дискЖесткий диск BIOSBIOS