Наверняка, при работе в Фотошопе, вы не раз использовали различные паттерны, для того, чтобы сделать фон более интересным или же, чтобы придать какому-либо объекту больше стиля. В любом случае паттерн – “штука” очень полезная.

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

Создание паттерна

  1. Для начала, как обычно, создаем новый документ в программе. Размеры холста выбираем на свое усмотрение. Главное, чтобы он был квадратным – это обязательно.
    Создание паттерна в Фотошопе
  2. После, мы должны определиться с тем, из каких элементов будет состоять наш паттерн. Нужно нарисовать/найти что-то однотипное, но при этом интересное. Мы будем делать паттерн для музыкального сайта. А для него идеально подойдут логотипы известных музыкальных сервисов (рисовать не будем, т.к. займет много времени).
    Создание паттерна в Фотошопе
  3. Приступим непосредственно к созданию паттерна. Переносим первый объект (логотип YouTube) в наш документ.

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

  • После, необходимо передвинуть лого к любой крайней границе холста (в нашем случае к правой) и благодаря клавишам CTRL+J создаем копию слоя.
    Создание паттерна в Фотошопе
  • Затем, находясь на дубликате слоя с лого YouTube в главном меню выбираем “Фильтр” –>“Другое” –>“Сдвиг”.
    Создание паттерна в ФотошопеОткроется окно настроек сдвига. В нашем случае мы установим ползунок в пункте “По горизонтали” на отметке -1000 пикс. (т.к. ширина холста 1000 пикс).
    Создание паттерна в ФотошопеПосле применения изменений, получаем готовый вариант одного элемента (YouTube) для паттерна:Создание паттерна в Фотошопе

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

  • Чтобы в палитре слоев не было нагромождений и работа доставляла удовольствие, выделим 2 слоя с нашим элементом и поместим в одну группу с помощью горячих клавиш CTRL+G. После создания группы переименуем ее в “YouTube”:
  • Готово. Осталось только поместить на холст и обработать таким же образом все остальные элементы нашего будущего паттерна.

    Как сделать паттерн в Фотошопе

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

  • Получилось весьм неплохо. Но… Центр пустой. Мы его приберегли для короля – сервис Apple Music. Просто находим большой логотип в PNG формате в Google картинках и вставляем прям по середине холста:
    Как сделать паттерн в ФотошопеНа этом создание паттерна подошло к концу – он готов.
    Как сделать паттерн в Фотошопе
  • Если хотим, чтобы он был прозрачным, то просто удаляем слой с белым фоном и сохраняем исключительно в формате PNG. Если же нам нужен паттерн с белым фоном, то сохраняем, как есть в формате JPG или PNG, по желанию.

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

    Как сделать паттерн в Фотошопе

    Неплохо, очень неплохо для потраченных на это 10-15 минут.

    Сохранение паттерна в узорах

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

    1. Для этого переходим в меню “Изображение” ->“Размер изображения”
      Как сделать паттерн в Фотошопеи уменьшаем хотя бы до 500?500 пикс.
      Как сделать паттерн в ФотошопеВы не обязаны этого делать. Здесь все по желанию – можно оставить размер, каким он был.
    2. Далее в главном меню выбираем “Редактирование” ->“Определить узор”.
      Как сделать паттерн в ФотошопеВ открывшемся окне вводим желаемое название узора и кликаем “ОК”.
      Как сделать паттерн в ФотошопеГотово.

    Заливка фона паттерном

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

    Для этого, после создания нового документа (абсолютно любого), нажмите SHIFT+F5. Перед нами появится окно с настройками заполнения. Выбираем в пункте “Использовать” – “Регулярный”. После, в пункте “Заказной узор”, выбираем наш паттерн и кликаем “ОК”.

    Заливка фона паттерноме в Фотошопе

    Заливка фона паттерном в Фотошопе

    Результат выглядит таким образом:

    На этом все! До встречи в наших следующих уроках!

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

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

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

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

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

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

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

    Смещаем объект на 512 пикселей вправо.

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

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

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

    Таким же способом помещаем и обрабатываем другие объекты.

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

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

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

    Шаг первый – уменьшаем размер изображения (если требуется) до 100х100 пикселей.

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

    Даем имя узору и нажимаем ОК.

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

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

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

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

    паттерны-в-фотошопе

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

    Обычно паттерн рисуют небольшого размера – не более 50 – 200 px на сторону. Чтобы его сохранить, заходим в меню “Редактирование” > “определить узор”, после чего вам предложат дать имя паттерну. Далее узор попадает в библиотеку и станет доступен для последующих заливок.

    Чтобы сделать заливку с использованием вашего паттерна идем в “Редактирование” > “Выполнить заливку” > “Использовать: > регулярный” > в выпадающем меню “Заказной узор” выбрать свой созданный паттерн и – вуаля!

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

    Там же, в видеоролике, можно узнать о хорошем месте (если вы еще о нем не знаете), где много бесплатных готовых паттернов на самые разные темы.

    Как создать паттерны в фотошопе