Паттерн (Узор) в Фотошопе

Оцените новость / программу!
3.5 из 5, всего оценок - 2



Если объяснять простым языком, паттерн – это фон с повторяющимся узором, не имеющий границ. Такие регулярные узоры часто используются для оформления веб-сайтов, также Вы часто видите их на текстиле и обоях. Поэтому сегодня в статье мы рассмотрим, как сделать паттерн в Фотошопе.

Теоретической части не будет, перейдём сразу к практике.

Фон и графические элементы


  1. Создаём фон

    • Запускаем графический редактор Adobe Photoshop 2020. На верхней панели заходим во вкладку «Файл» и выбираем строку «Создать».

    • В открывшемся окне размер холста (ширину и высоту) устанавливаем 512 на 512 пикселей, а разрешение -72 Пиксели/дюйм. Цвет оставлю белый, вы можете установить любой.

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

    • нажимаем «Ок».

    Всё, основа готова.

  2. Выбираем графические элементы

    На данном этапе необходимо определиться, чем мы будем заполнять наш фон. Как правило, если узор создаётся для веб-сайта, то все элементы берутся однотонные и по тематике приближенные к тематике сайта.

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


А остальные элементы дорисую обычной кистью.

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

  • Итак, необходимо загрузить изображение нашего Единорога в программу Photoshop и перетащить его на созданный нами холст.
    Дополнительная информация! Чтобы изменить размер картинки, используйте команду «Трансформация». Для этого необходимо нажать «Ctrl+T», появятся опорные точки, потянув за которые можно увеличивать или уменьшать размер вставляемого объекта.

  • Далее перетаскиваем картинку влево на край нашего фона. Создаём копию слоя с помощью сочетания клавиш «Ctrl+J».


  • Теперь заходим в меню «Фильтр», в списке выбираем строку «Другое», команду «Сдвиг».


  • В окне настройки параметров сдвигаем бегунок на шкале «По горизонтали» вправо на 512 пикселей. И посмотрите, что у нас получается.


Видите, что наш рисунок разделился на две половинки. Точно по такому же принципу Вы можете вставлять столько изображений на фон сколько Вам захочется. Главное не забывайте последовательность действий:

  1. Вставляем картинку.
  2. Перемещаем на край холста.
  3. Создаём дубликат слоя.
  4. Используем команду «Фильтр» – «Другое» – «Сдвиг».
  5. Смещаем изображение в нужную сторону, указав при этом количество пикселей равное размерам созданного холста.
Вот так быстро мы разобрались, как сделать паттерн в фотошопе. У себя я добавлю ещё несколько разноцветных кругов с помощью круглой кисти, чтобы разнообразить рисунок.
Важно! Каждый новый элемент рисуйте на отдельном слое. Так будет проще и удобнее вносить корректировки в работу.
Посмотрите какой образец получился у меня.


Нам осталось сохранить узор и посмотреть, как он будет смотреться на листе.

Сохраняем узор

  • Прежде всего уменьшим размер изображения. Для этого заходим в меню «Изображение» – «Размер изображения» и в окне настройки устанавливаем ширину и высоту 100 пикселей.

  • Далее заходим во вкладку «Редактирование» и выбираем строку «Определить узор».

  • Задаём имя и нажимаем «Ок».
Теперь создадим новый документ с произвольными размерами и применим созданный узор.

  1. «Файл» – «Создать». Я задаю размеры холста 500 на 500 пикселей.
  2. Нажимаем «Shift+F5».
  3. В строке «Использовать» выбираем режим «Регулярный». А в графе «Заказной узор» выбираем из списка свой образец.


  4. Нажимаем «ОК» и любуемся результатом.

Заключение

Сегодня мы рассмотрели, как сделать паттерн в Фотошопе. Теперь Вам не составит никакого труда создать любой необходимый Вам узор и оформить свой сайт, либо свои социальные сети собственноручно созданным фоновым рисунком.

Также на нашем сайте вы найдёте много других интересных и полезных статей.

Видео:

Гость, оставишь комментарий?
Имя:*
E-Mail:

    Кликните на изображение чтобы обновить код, если он неразборчив
    Подпишись!

    И будь в курсе всех обновлений!