Узоры в Фотошопе: теория, создание, использование


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

Паттерны в основном используются при создании фонов для композиций.

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

Узоры в Фотошопе

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

Применение

  1. Настройка заливки.
    При помощи данной функции можно заполнить узором пустой или фоновый (закрепленный) слой, а также выделенную область. Рассмотрим способ на примере выделения.

    • Берем инструмент «Овальная область». Инструмент Овальная область для заливки узором в Фотошопе
    • Выделяем участок на слое.

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

    • Идем в меню «Редактирование» и кликаем по пункту «Выполнить заливку». Эту функцию также можно вызвать сочетанием клавиш SHIFT+F5.

      Функция Выполнить заливку в меню Редактирование при заполнении выделения узором в Фотошопе

    • После активации функции откроется окно настройки с названием «Заполнить».

      Окно настройки заливки для заполнения выделенной области узором в Фотошопе

    • В разделе с названием «Содержимое», в выпадающем списке «Использовать» выбираем пункт «Регулярный».

      Выбор пункта Регулярный в выпадающем списке Использовать окна настроек заливки выделения узром в Фотошопе

    • Далее открываем палитру «Заказной узор» и в открывшемся наборе выбираем тот, который считаем нужным.

      Выбор образца в палитре Заказной узор окна настройки заливки выделения узором в Фотошопе

    • Нажимаем кнопку ОК и смотрим на результат:

      Результат заливки выделенной области узором в Фотошопе

  2. Заполнение при помощи стилей слоя.
    Данный способ подразумевает наличие на слое какого-либо объекта или сплошной заливки.

    • Кликаем ПКМ по слою и выбираем пункт «Параметры наложения», после чего откроется окно настроек стилей. Такого же результата можно добиться, кликнув дважды левой кнопкой мыши.

      Пункт контекстного меню Параметры наложения для вызова настроеу ститей при заливке слоя узором в Фотошопе

    • В окне настроек переходим к разделу «Наложение узора».

      Раздел Наложение узора в окне настройки стилей слоя при заливке узором в Фотошопе

    • Здесь, открыв палитру, можно выбрать необходимый паттерн, режим наложения узора на имеющийся объект или заливку, задать непрозрачность и масштаб.

      Настройки наложения узора на объект или фон в Фотошопе

Пользовательские фоны

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

Интернет предоставляет нам возможность пользоваться чужими наработками и опытом. В сети существует множество сайтов с пользовательскими фигурами, кистями и паттернами. Для поиска таких материалов достаточно вбить в Гугл или Яндекс такой запрос: «узоры для фотошопа» без кавычек.

После скачивания понравившихся образцов мы, чаще всего, получим архив, содержащий один или несколько файлов с расширением PAT.

Скачанный архив содержащий файл узора с расширением PAT для использования в Фотошопе

Данный файл необходимо распаковать (перетащить) в папку

C:\Пользователи\Ваша учетная запись\AppData\Roaming\Adobe\Adobe Photoshop CS6\Presets\Patterns

Целевая папка для распаковки скачанных узоров для использования в Фотошопе

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

  1. После вызова функции «Выполнить заливку» и появления окна «Заполнить» открываем палитру «Заказной узор». В правом верхнем углу нажимаем на значок шестеренки, открывая контекстное меню, в котором находим пункт «Загрузить узоры». Пункт Загрузить узоры в контекстном меню настройки заливки в Фотошопе
  2. Откроется папка, о которой мы говорили выше. В ней выбираем наш распакованный ранее файл PAT и жмем кнопку «Загрузить».

    Загрузка файла формата PAT содержащего узоры для использования в Фотошопе

  3. Загруженные паттерны автоматически появятся в палитре.

    Загруженные узоры в палитре Заказной узор окна настройки заливки в Фотошопе

Как мы уже говорили чуть раньше, совсем не обязательно распаковывать файлы в папку «Patterns». При загрузке узоров можно искать файлы на всех дисках. К примеру, можно завести отдельную директорию в надежном месте и складывать файлы туда. Для этих целей вполне подойдет внешний жесткий диск или флешка.

Создание узора

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

Нам понадобится документ квадратной формы.

Новый документ для создания пользовательского узора в Фотошопе

При создании узора необходимо знать, что при наложении эффектов и применении фильтров, на границах холста могут появиться полоски светлого или темного цвета. Эти артефакты при применении фона превратятся в линии, которые очень сильно бросаются в глаза. Для того, чтобы избежать подобных неприятностей, необходимо немного расширить холст. С этого и начнем.

  1. Ограничиваем холст направляющими со всех сторон. Ограничение холста направляющими при создании пользовательского узора в Фотошопе

    Урок: Применение направляющих в Фотошопе

  2. Переходим в меню «Изображение» и жмем на пункт «Размер холста». Пункт меню Размер холста для создания пользовательского узора в Фотошопе
  3. Добавляем по 50 пикселей к размерам Ширины и Высоты. Цвет расширения холста выбираем нейтральный, например, светло-серый.

    Настройка расширения холста для создания пользовательского узорв в Фотошопе

    Эти действия приведут к созданию вот такой зоны, последующая обрезка которой позволит нам удалить возможные артефакты:

    Зона безопасности контента для создания пользовательского узора в Фотошопе
  4. Создаем новый слой и заливаем его темно-зеленым цветом.

    Урок: Как залить слой в Фотошопе Заливка фона темно-зеленым цветом при создании пользовательского узора в Фотошопе

  5. Добавим нашему фону немного зернистости. Для этого обратимся к меню «Фильтр», откроем раздел «Шум». Необходимый нам фильтр называется «Добавить шум».

    Фильтр Добавить шум для создания пользовательского узора в Фотошопе

    Размер зерна выбираем по своему усмотрению. От этого зависит выраженность текстуры, которую мы создадим на следующем этапе.

    Настройка фильтра Добавить шум при создании пользовательского узора в Фотошопе
  6. Далее применим фильтр «Перекрестные штрихи» из соответствующего блока меню «Фильтр».

    Фильтр Перекрестные штрихи для создания пользовательского узора в Фотошопе

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

    Настройка фильтра Перекрестные штрихи при создании пользовательского узора в Фотошопе
  7. Применим к фону еще один фильтр под названием «Размытие по Гауссу».

    Фильтр Размытие по Гауссу для создания пользовательского узора в Фотошопе

    Радиус размытия выставляем минимальный, чтобы текстура не очень пострадала.

    Настройка фильтра Размытие по Гауссу для создания пользовательского узора в Фотошопе
  8. Проводим еще две направляющих, определяющих центр холста.

    Дополнительные центральные направляющие для создания пользовательского узора в Фотошопе

    • Активируем инструмент «Произвольная фигура».

      Инструмент Произвольная фигура для создания пользовательского узора в Фотошопе

    • На верхней панели параметров настраиваем заливку белым цветом. Настройка заливки произвольной фигуры при создании пользовтельского узора в Фотошопе
    • Выбираем вот такую фигуру из стандартного набора Фотошопа:

      Выбор произвольной фигуры из стандартного набора для создания пользовательского узора в Фотошопе

  9. Ставим курсор на пересечение центральных направляющих, зажимаем клавишу SHIFT и начинаем растягивать фигуру, затем добавляем еще клавишу ALT, чтобы построение выполнялось равномерно во все стороны от центра.

    Построение произвольной фигуры от центра при создании пользовательского узора в Фотошопе

  10. Растрируем слой, нажав по нему ПКМ и выбрав соответствующий пункт контекстного меню.

    Растрирование слоя с произвольной фигурой при создании пользовательского узора в Фотошопе

  11. Вызываем окно настройки стилей (см. выше) и в разделе «Параметры наложения» снижаем значение «Непрозрачности заливки» до нуля.

    Снижение непрозрачности заливки в окне натройки стилей при создании пользовательского узора в Фотошопе

    Далее переходим к разделу «Внутреннее свечение». Здесь настраиваем Шум (50%), Стягивание (8%) и Размер (50 пикселей). На этом настройка стиля завершена, нажимаем ОК.

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

    Снижение непрозрачности слоя с фигурой при создании пользовательского узора в Фотошопе

  13. Кликаем ПКМ по слою и растрируем стиль.

    Растрирование стиля слоя с фигурой при создании пользовательского узора в Фотошопе

  14. Выбираем инструмент «Прямоугольная область».

    Инструмент Прямоугольная область для создания пользовательского узора в Фотошопе

    Выделяем один из квадратных участков, ограниченных направляющими.

    Выделение участка ограниченного направляющими при создании пользовательского узора в Фотошопе
  15. Копируем выделенный участок на новый слой горячими клавишами CTRL+J.

    Копирование выделенного участка на новый слой при создании пользовательского узора в Фотошопе

  16. Инструментом «Перемещение» тянем скопированный фрагмент в противоположный угол холста. Не забываем, что весь контент должен находиться внутри зоны, которую мы определили ранее.

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

  17. Переходим обратно на слой с исходной фигурой, и повторяем действия (выделение, копирование, перемещение) с остальными участками.

    Размещение элементов по углам холста при создании пользовательского узора в Фотошопе

  18. С оформлением мы закончили, теперь идем в меню «Изображение – Размер холста» и возвращаем размер к исходным значениям.

    Настройка размера холста на исходные значения при создании пользовательского узора в Фотошопе

    Получим вот такую заготовку:

    Заготовка пользовательского узора в Фотошопе

    От дальнейших действий зависит, насколько мелкий (или крупный) узор мы получим.

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

    Уменьшение размера изображения для создания пользовательского узора в Фотошопе

  21. Теперь идем в меню «Редактировать» и выбираем пункт «Определить узор».

    Пункт меню Определить узор для создания пользовательского узора в Фотошопе

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

    Присваивание имени новому узору в Фотошопе

Теперь у нас в наборе есть новый, собственноручно созданный паттерн.

Созданный пользовательский узор в наборе в Фотошопе

Выглядит он следующим образом:

Залитый пользовательским узором слой в Фотошопе

Как мы можем видеть, текстура очень слабо выражена. Исправить это можно, усилив степень воздействия фильтра «Перекрестные штрихи» на фоновый слой. Окончательный результат создания пользовательского узора в Фотошопе:

Результат создания пользовательского узора в Фотошопе

Сохранение набора с узорами

Вот мы и создали несколько собственных узоров. Как же их сохранить для потомков и собственного пользования? Все довольно просто.

  1. Нужно перейти в меню «Редактирование – Наборы – Управление наборами». Пункт меню Управление наборами для создания пользовательского набора узоров в Фотошопе
  2. В открывшемся окне выбрать тип набора «Узоры»,

    Выбор типа набора при создании пользовательского набора узоров в Фотошопе

    Зажать CTRL и выделить нужные паттерны по очереди.

    Выделение требуемых узоров при создании пользовательского набора в Фотошопе
  3. Нажать кнопку «Сохранить».

    Кнопка Сохранить для создания пользовательского набора узоров в Фотошопе

    Выбрать место для сохранения и название файла.

    Место сохранения и имя файла пользовательского набора узоров в Фотошопе

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

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

Помогла ли Вам статья?
Да Нет
Задайте вопрос или оставьте мнение
Получить ответ на Email
Уведомить о

3 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Стас
5 июля 2018 23:19

Я когда делаю размер холста 600 на 600 у меня рамка пропадает.

bandicam2018-07-0523-18-18-029
Аноним
5 июля 2018 23:21
Ответить на  Стас

.Вот до изменения холста.

bandicam2018-07-0523-17-34-151
Инструкции по операционным системам:
AndroidAndroid iOSiOS Windows 11Windows 11 Windows 10Windows 10 Windows 7Windows 7 Windows 8Windows 8 Windows XPWindows XP Общее по компьютерамОбщее по компьютерам LinuxLinux macOSmacOS
Инструкции по мессенджерам и соц.сетям:
ВконтактеВконтакте ОдноклассникиОдноклассники TelegramTelegram ViberViber WhatsAppWhatsApp SkypeSkype ZoomZoom InstagramInstagram
Инструкции по работе в программах:
WordWord ExcelExcel PowerPointPowerPoint OutlookOutlook DirectXDirectX PhotoshopPhotoshop LightroomLightroom Premiere ProPremiere Pro Google ChromeGoogle Chrome Яндекс БраузерЯндекс Браузер Mozilla FirefoxMozilla Firefox OperaOpera Internet ExplorerInternet Explorer Уроки по остальным браузерамПо остальным браузерам Расширения для браузеровРасширения браузеров Уроки по антивирусамПо антивирусам AvastAvast AudacityAudacity Apple IDApple ID AutoCADAutoCAD BandicamBandicam BlueStacksBlueStacks DAEMON ToolsDAEMON Tools DiscordDiscord Epic GamesEpic Games FL StudioFL Studio HamachiHamachi iСloudiСloud iTunesiTunes OBSOBS OriginOrigin Play MarketPlay Market Sony VegasSony Vegas SpotifySpotify SteamSteam TeamViewerTeamViewer The Bat!The Bat! TikTokTikTok TunngleTunngle UltraISOUltraISO uTorrentuTorrent VirtualBoxVirtualBox Торрент клиентыТоррент клиенты Яндекс ДискЯндекс Диск Яндекс.КартыЯндекс.Карты Яндекс.НавигаторЯндекс.Навигатор В остальных программахВ остальных программах Драйвера для устройствДрайвера Подборки программПодобрать программу Остальные программыСкачать программы
Инструкции по онлайн-сервисам:
ЯндексЯндекс GoogleGoogle ДзенДзен YouTubeYouTube FacebookFacebook TwitterTwitter AliExpressAliExpress AvitoAvito ChatGPTChatGPT QiwiQiwi Другие онлайн-сервисыДругие сервисы Все о почтеВсе о почте Яндекс почтаЯндекс почта GmailGmail Почта Mail.ruПочта Mail.ru Рамблер почтаРамблер почта
Инструкции по телефонам:
SamsungSamsung XiaomiXiaomi HuaweiHuawei Прошивки устройствПрошивки телефонов ТелефонОбщие по телефонам
Инструкции по периферийным устройствам:
МышкаМышка КлавиатураКлавиатура ПринтерПринтер РоутерРоутер ФлешкаФлешка Карта памятиКарта памяти HDMIHDMI Игровые консолиИгровые консоли Яндекс СтанцияЯндекс Станция AirPodsAirPods
Инструкции по комплектующим:
Материнская платаМатеринская плата ПроцессорПроцессор ВидеокартаВидеокарта SSD дискиSSD диски Жесткий дискЖесткий диск BIOSBIOS