3 РАЗДЕЛ
Создание бесшовных паттернов в Adobe Photoshop
из готовых элементов
4 видео + текст + скачать шаблоны

Формирование элементов коллекции (серии паттернов) + цветовые эскизы


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

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


Размер элементов в моих коллекциях:

Основные - 4000 пикселей по длинной стороне (300 dpi, цветовой профиль RGB)

Дополнительные - 1100-2500 пикселей по длинной стороне (300 dpi, цветовой профиль RGB)


»

Сохранение элементов для паттернов


Когда вы нарисовали все элементы коллекции (серии паттернов), вам нужно их правильно сохранить для дальнейшей работы.

  1. Сохраните каждый элемент отдельно из Procreate в формате PNG с прозрачным фоном
  2. Перенесите все элементы на свой компьютер любым способом без потери качества изображения (например, заархивировать папку и перекинуть через Яндекс-диск или Гугл-диск)
  3. Откройте каждый элемент в программе Фотошоп и пересохраните его без пустых областей в формате PNG с прозрачным фоном.

Сохранение элементов без пустых областей в Фотошопе:

  • Встаете на слой с элементом, нажимаете Ctrl + С (скопировать)
  • Нажимаете "Файл - Создать - Создать" и у вас автоматически фотошоп создаст размер файла скопированной области
  • Нажимаете Ctrl + V (вставить), у вас вставляется ваш элемент без пустых областей
  • Выключаете слой с фоном
  • Сохраняете копию как файл PNG с прозрачным фоном

Если у вас Макбук: вместо "Ctrl" кнопка "Command"


»

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


Размеры: я предпочитаю делать квадратный размер паттернов 5000х5000px 300 dpi (цветовой профиль RGB), но это не аксиома, вы можете для себя выбрать другой размер.


Файлы, которые получает покупатель после покупки:

  • PSD файл (необязательно его вкладывать, в большенстве графических коллекций я его включаю в файлы загрузки, но когда вес загрузки коллекции большой, то не включаю)
  • JPG с белым или цветным фоном
  • PNG с прозрачным фоном

Быстрые клавиши в Фотошопе


  • Приблизить холст: Ctrl/Command + (плюс)
  • Отдалить холст: Ctrl/Command - (минус)
  • Выделяем элемент: Ctrl/Command + T
  • Автоматическое сохранение PSD: Ctrl/Command + S
  • Копирование элемента на холсте: зажать Alt/Option и мышкой перетащить элемент
  • Уменьшение элемента: зажать Alt/Option и уменьшить
  • Автоматическая пипетка (когда выбрана кисть или заливка): зажать Alt/Option

Расширить холст для обзора паттерна: "Просмотр - Предварительный просмотр узора"


»

Шаблоны паттернов по смещению раппорта


Раппорт - повторяющаяся часть паттерна.


Я разделяю паттерны по повтору раппорта на:

  • Квадратный раппорт обычный
  • Квадратный раппорт со смещением
  • Прямоугольный раппорт горизонтальный
  • Прямоугольный раппорт вертикальный
  • Ромбовидный раппорт

Из всех этих видов раппортов получаются квадратные паттерны (хотя в теории можно делать и прямоугольные размеры).


На слайдах ниже раппорт выделен серым цветом, а паттерн - синей квадратной рамкой (на первом слайде раппорт равен паттерну). Названия условные, просто чтобы было понятно. Далее в разделе по фотошопу я покажу вам более наглядно на видео эти виды.