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

10929

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

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

“Поехали!”

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

  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. Перед нами появится окно с настройками заполнения. Выбираем в пункте “Использовать” – “Регулярный”. После, в пункте “Заказной узор”, выбираем наш паттерн и кликаем “ОК”.

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

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

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

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии