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

13045

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

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

«Поехали!»

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

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

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

  4. После, необходимо передвинуть лого к любой крайней границе холста (в нашем случае к правой) и благодаря клавишам CTRL+J создаем копию слоя.
    Создание паттерна в Фотошопе
  5. Затем, находясь на дубликате слоя с лого YouTube в главном меню выбираем «Фильтр» –> «Другое» –> «Сдвиг».
    Создание паттерна в ФотошопеОткроется окно настроек сдвига. В нашем случае мы установим ползунок в пункте «По горизонтали» на отметке -1000 пикс. (т.к. ширина холста 1000 пикс).
    Создание паттерна в ФотошопеПосле применения изменений, получаем готовый вариант одного элемента (YouTube) для паттерна:Создание паттерна в Фотошопе
  6. Чтобы в палитре слоев не было нагромождений и работа доставляла удовольствие, выделим 2 слоя с нашим элементом и поместим в одну группу с помощью горячих клавиш CTRL+G. После создания группы переименуем ее в «YouTube»:Создание паттерна в Фотошопе
  7. Готово. Осталось только поместить на холст и обработать таким же образом все остальные элементы нашего будущего паттерна.
  8. После того, как мы поместили все элементы и расставили их по нужным местам, наш холст и палитра слоев выглядят таким образом (см. скриншот ниже):
    Как сделать паттерн в Фотошопе
  9. Получилось весьм неплохо. Но… Центр пустой. Мы его приберегли для короля — сервис Apple Music. Просто находим большой логотип в PNG формате в Google картинках и вставляем прям по середине холста:
    Как сделать паттерн в ФотошопеНа этом создание паттерна подошло к концу — он готов.
    Как сделать паттерн в Фотошопе

Если хотим, чтобы он был прозрачным, то просто удаляем слой с белым фоном и сохраняем исключительно в формате PNG. Если же нам нужен паттерн с белым фоном, то сохраняем, как есть в формате JPG или PNG, по желанию.

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

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

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

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

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

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

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

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

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

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

Результат выглядит таким образом:
Заливка фона паттерном в Фотошопе

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

ОСТАВЬТЕ ОТВЕТ
Введите свой комментарий
Пожалуйста, введите свое Имя