візерунки в Фотошопі: теорія, створення, використання

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

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

Зручність цієї функції фотошопу важко переоцінити, оскільки вона економить величезну кількість часу і сил. У цьому уроці поговоримо про візерунках, про те, як їх встановлювати, застосовувати, і яким чином можна створювати власні повторювані фони.

Візерунки в Фотошопі

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

Застосування

  1. Налаштування заливки.
    За допомогою даної функції можна заповнити візерунком порожній або фоновий (закріплений) шар, а також виділену область. Розглянемо спосіб на прикладі виділення.
    • Беремо інструмент «овальна область» . Инструмент Овальная область для заливки узором в Фотошопе
    • Виділяємо ділянку на шарі.

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

    • Переходимо до меню «редагування» і натискаємо по пункту " виконати заливку» . Цю функцію також можна викликати за допомогою комбінації клавіш SHIFT+F5 .

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

    • Після активації функції відкриється вікно налаштування з назвою»заповнити" .

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

    • У розділі з назвою»вміст" , у випадаючому списку »використовувати" вибираємо пункт " Регулярний» .

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

    • Далі відкриваємо палітру " замовний візерунок» і в наборі вибираємо той, який вважаємо за потрібне.

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

    • Натискаємо кнопку ОК і дивимося на результат:

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

  2. Заповнення за допомогою стилів шару.
    Даний спосіб має на увазі наявність на шарі будь-якого об'єкта або суцільний заливки.
    • Натискаємо ПКМ по шару і вибираємо пункт " параметри накладання» , після чого відкриється вікно налаштувань стилів. Такого ж результату можна домогтися, клікнувши двічі лівою кнопкою миші.

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

    • У вікні налаштувань переходимо до розділу " накладення візерунка» .

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

    • Тут, відкривши палітру, можна вибрати необхідний патерн, режим накладення візерунка на наявний об'єкт або заливку, задати непрозорість і масштаб.

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

Користувальницькі фони

У фотошопі за замовчуванням є стандартний набір візерунків, який ви могли бачити в Налаштуваннях заливки і стилів, і він не є межею мрій творчої людини.

Інтернет надає нам можливість користуватися чужими напрацюваннями і досвідом. У мережі існує безліч сайтів з призначеними для користувача фігурами, кистями і патернами. Для пошуку таких матеріалів досить вбити в Гугл або Яндекс такий запит: " візерунки для фотошопу» без лапок.

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

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

Даний файл необхідно розпакувати (перетягнути) в папку

С:\Пользователи\Ваша обліковий запис \ 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. Натиснути кнопку " Зберегти» .

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

    Вибрати місце для збереження і назва файлу.

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

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

На цьому закінчимо урок по створенню і використанню безшовних текстур в Фотошопі. Робіть власні фони, щоб не залежати від чужих смаків і уподобань.

більше статей на цю тему: