MyPs Уроки Фотошопа Инструменты Полезно Эффекты Работа с текстом Работа с фото Решение проблем Фоны Кисти Рамки Фотошоп Online

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

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

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

“Поехали!”

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

  1. Для начала, как обычно, создаем новый документ в программе. Размеры холста выбираем на свое усмотрение. Главное, чтобы он был квадратным – это обязательно.
    img/2019/07/pattern-photoshop-1.png 2226x1308
  2. После, мы должны определиться с тем, из каких элементов будет состоять наш паттерн. Нужно нарисовать/найти что-то однотипное, но при этом интересное. Мы будем делать паттерн для музыкального сайта. А для него идеально подойдут логотипы известных музыкальных сервисов (рисовать не будем, т.к. займет много времени).
    img/2019/07/pattern-photoshop-2.png 1992x824
  3. Приступим непосредственно к созданию паттерна. Переносим первый объект (логотип YouTube) в наш документ.

    img/2019/07/pattern-photoshop-3.png 1500x1054

  4. После, необходимо передвинуть лого к любой крайней границе холста (в нашем случае к правой) и благодаря клавишам CTRL+J создаем копию слоя.
    img/2019/07/pattern-photoshop-4.png 1008x1064
  5. Затем, находясь на дубликате слоя с лого YouTube в главном меню выбираем “Фильтр” –> “Другое” –> “Сдвиг”.
    img/2019/07/pattern-photoshop-5.png 1006x1088
    Откроется окно настроек сдвига. В нашем случае мы установим ползунок в пункте “По горизонтали” на отметке -1000 пикс. (т.к. ширина холста 1000 пикс).
    img/2019/07/pattern-photoshop-6.png 802x573
    После применения изменений, получаем готовый вариант одного элемента (YouTube) для паттерна:
    img/2019/07/pattern-photoshop-7.png 1070x1072
  6. Чтобы в палитре слоев не было нагромождений и работа доставляла удовольствие, выделим 2 слоя с нашим элементом и поместим в одну группу с помощью горячих клавиш CTRL+G. После создания группы переименуем ее в “YouTube”:
    img/2019/07/pattern-photoshop-8.png 760x861
  7. Готово. Осталось только поместить на холст и обработать таким же образом все остальные элементы нашего будущего паттерна.
  8. После того, как мы поместили все элементы и расставили их по нужным местам, наш холст и палитра слоев выглядят таким образом (см. скриншот ниже):
    img/2019/07/pattern-photoshop-9.png 1822x1060
  9. Получилось весьм неплохо. Но… Центр пустой. Мы его приберегли для короля – сервис Apple Music. Просто находим большой логотип в PNG формате в Google картинках и вставляем прям по середине холста:
    img/2019/07/pattern-photoshop-10.png 1790x1060
    На этом создание паттерна подошло к концу – он готов.
    img/2019/07/pattern-photoshop-11.jpeg 1000x1000

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

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

img/2019/07/pattern-photoshop-12.png 1716x1402

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

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

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

  1. Для этого переходим в меню “Изображение” -> “Размер изображения”
    img/2019/07/pattern-photoshop-13.png 772x687
    и уменьшаем хотя бы до 500×500 пикс.
    img/2019/07/pattern-photoshop-14.png 1678x1224
    Вы не обязаны этого делать. Здесь все по желанию – можно оставить размер, каким он был.
  2. Далее в главном меню выбираем “Редактирование” -> “Определить узор”.
    img/2019/07/pattern-photoshop-15.png 716x1156
    В открывшемся окне вводим желаемое название узора и кликаем “ОК”.
    img/2019/07/pattern-photoshop-16.png 1146x816
    Готово.

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

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

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

img/2019/07/pattern-photoshop-17.png 1018x1028

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

img/2019/07/pattern-photoshop-18.png 1586x870

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