Паттерн как создать: в Photoshop, в Gimp и вручную – DIY и мастер-классы

Шаг №2. Вспомогательный фон

Выбираем инструмент Rectangle Tool. Создаём прямоугольник на всю длину и ширину нашего квадратного артборда. После этого сочетанием клавиш Command+Shift+[ (если у вас Mac) или Ctrl+Shift+[ (если у вас Windows) отправляем прямоугольник на нижний слой.

Шаг №3. Панель для создания бесшовного паттерна

Выделяем все объекты внутри артборда инструментом Selection Tool или сочетанием клавиш Command+A (или Ctrl+A), а именно — иконки и прямоугольный фон. Затем переходим в Object — Pattern — Make. На экране появляется рабочая область для создания бесшовного паттерна.

Шаг №4. Создаём бесшовный паттерн

Теперь мы можем удалить прямоугольный фон для более удобного создания бесшовного паттерна. А для того, чтобы рабочая область не контрастировала с белым цветом артборда необходимо нажать сочетание клавиш Command+Shift+H (или Ctrl+Shift+H). Таким образом всё рабочее поле станет белого цвета — так создавать бесшовный паттерн намного удобнее.

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

Шаг №5. Сохраняем бесшовный паттерн

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

Нас обратно перекинуло к первоначальному варианту рабочего поля. На этот раз мы можем удалить иконки из артборада, а фоновый прямоугольник оставить. Теперь выделяем наш прямоугольник инструментом Selection Tool. Затем находим сохранённый бесшовный паттерн в боковой панели с названием Swatches. Если у вас нет такого раздела в боковой панели, то вы его можете включить, зайдя в раздел Window — Swatches.

Шаг №6. Работа с бесшовным паттерном

После того, как мы применили паттерн к прямоугольнику, нам нужно перейти во вкладку Object — Expand. В появившемся окне нажимаем OK. Таким образом паттерн стал векторным объектом в маске. Нам необходимо вытащить его из неё. Для этого правой кнопкой мыши сначала разгруппировываем его (Ungroup), затем снова правой кнопкой мыши делаем Release Clipping Mask.

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

Шаг №7. Дополнительный

Это дополнительный шаг на тот случай если у вас под маской окажется не один квадрат с паттерном, а 2 или 4. В таком случае удалите всё, кроме одного квадрата с паттерном.

Подготовка бесшовного паттерна для стоков

Теперь давайте подготовим наш бесшовный паттерны для стоков. Первым делом я отключаю белую заливку фона рабочей области сочетанием клавиш Command+Shift+H (или Ctrl+Shift+H). Затем выбираю инструмент Rectangle Tool и делаю квадрат размером с артборд. Далее переношу квадрат на задний план сочетанием клавиш Command+Shift+[ (или Ctrl+Shift+[ ). Перекрашиваю его в более подходящий, на мой взгляд, цвет.

На этом этапе можно остановиться, сгруппировать объекты и сохранить файл в необходимом формате (чаще всего это EPS10). Но для более продвинутых иллюстраторов я советую купить cкрипт Super Magic Eraser. С помощью него вы сможете обрезать все выходящие за пределы артборда элементы паттерна после того, как вытащите их из-под маски.

После применения скрипта Super Magic Eraser ваш паттерн автоматически лишиться всех недостатков, лишних частей элементов и масок, а значит использовать его станет намного комфортнее.

Если вы хотите поиграть с цветами и подобрать более интересное сочетание для паттерна, то можно воспользоваться инструментом Recolor Artwork. Обычно он находится в верхней панели иллюстратора или во вкладке Edit — Edit Colors — Recolor Artwork. В появившемся окне иструмента мы можем менять цвета во вкладке Assign или на цветовом круге во вкладке Edit.

Кстати, если во вкладке Edit нажать на кнопку Unlink Harmony Colors, то цвета можно перетаскивать независимо друг от друга. Таким образом мы можем более детально и точно подобрать нужные нам оттенки.

Вывод

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

0

0

Как создавать и редактировать узоры в Illustrator

Руководство пользователя Отмена

Поиск

Последнее обновление: 26 октября 2021 г. 13:00:52 по Гринвичу

1. Руководство пользователя Illustrator
2. Знакомство с Illustrator
   1. Введение в Illustrator
      1. Что нового в Illustrator
      2. Общие вопросы
      3. Системные требования Illustrator
      4. Иллюстратор для Apple Silicon
   2. Рабочее пространство
      1. Основы рабочего пространства
      2. Учитесь быстрее с помощью панели Illustrator Discover
      3. Создание документов
      4. Панель инструментов
      5. Сочетания клавиш по умолчанию
      6. Настройка сочетаний клавиш
      7. Введение в монтажные области
      8. Управление монтажными областями
      9. Настройка рабочего пространства
      10. Панель свойств
      11. Установить предпочтения
      12. Сенсорное рабочее пространство
      13. Поддержка Microsoft Surface Dial в Illustrator
      14. Отмена изменений и управление историей дизайна
      15. Повернуть вид
      16. Линейки, сетки и направляющие
      17. Специальные возможности в Illustrator
      18. Безопасный режим
      19. Посмотреть работу
      20. Использование сенсорной панели с Illustrator
      21. Файлы и шаблоны
   3. Инструменты в Illustrator
      1. Обзор инструментов
      2. Инструменты выбора
         1. Выбор
            
         2. Прямой выбор
         3. Выбор группы
         4. Волшебная палочка
         5. Лассо
         6. Монтажная область
      3. Инструменты навигации
         1. Рука
         2. Повернуть вид
            
         3. Зум
      4. Инструменты для рисования
         1. Градиент
            
         2. Сетка
         3. Конструктор форм
      5. Текстовые инструменты
         1. Тип
            
         2. Введите путь
         3. Вертикальный тип
      6. Инструменты для рисования
         1. Перо
         2. Добавить опорную точку
         3. Удалить опорную точку
         4. Анкерная точка
         5. Кривизна
         6. Линейный сегмент
         7. Прямоугольник
         8. Прямоугольник со скругленными углами
         9. Эллипс
         10. Полигон
         11. Звезда
         12. Кисть
         13. Кисть-клякса
         14. Карандаш
         15. Формирователь
         16. Срез
      7. Инструменты модификации
         1. Поворот
         2. Отражение
         3. Весы
         4. Ножницы
         5. Ширина
         6. Свободная трансформация
         7. Пипетка
         8. Смесь
         9. Ластик
         10. Ножницы
   4. Быстрые действия
      1. Ретро-текст
      2. Неоновый светящийся текст
      3. Старый школьный текст
      4. Перекрасить
      5. Преобразование эскиза в вектор
3. Illustrator для iPad
   1. Знакомство с Illustrator для iPad
      1. Обзор Illustrator для iPad
      2. Illustrator на iPad: часто задаваемые вопросы
      3. Системные требования | Иллюстратор на iPad
      4. Что можно и что нельзя делать в Illustrator на iPad
   2. Рабочая область
      1. Рабочая область Illustrator на iPad
      2. Сенсорные клавиши и жесты
      3. Сочетания клавиш для Illustrator на iPad
      4. Управление настройками приложения
   3. Документы
      1. Работа с документами в Illustrator на iPad
      2. Импорт документов Photoshop и Fresco
   4. Выбрать и расположить объекты
      1. Создать повторяющиеся объекты
      2. Смешивание объектов
   5. Рисование
      1. Рисование и редактирование контуров
      2. Рисование и редактирование фигур
   6. Тип
      1. Работа со шрифтом и шрифтами
      2. Создание текстовых рисунков вдоль контура
      3. Добавьте свои собственные шрифты
   7. Работа с изображениями
      1. Векторизация растровых изображений
   8. Цвет
      1. Применение цветов и градиентов
4. Облачные документы
   1. Основы
      1. Работа с облачными документами Illustrator
      2. Общий доступ и совместная работа над облачными документами Illustrator
      3. Делитесь документами для ознакомления
      4. Обновление облачного хранилища для Adobe Illustrator
      5. Облачные документы Illustrator | Общие вопросы
   2. Устранение неполадок
      1. Устранение неполадок при создании или сохранении облачных документов Illustrator
      2. Устранение неполадок с облачными документами Illustrator
5. Добавление и редактирование содержимого
   1. Рисование
      1. Основы рисования
      2. Редактировать пути
      3. Нарисуйте пиксельную графику
      4. Рисование с помощью инструментов «Перо», «Кривизна» или «Карандаш»
      5. Рисование простых линий и фигур
      6. Трассировка изображения
      7. Упростить путь
      8. Определение сетки перспективы
      9. Инструменты для работы с символами и наборы символов
      10. Настройка сегментов пути
      11. Создайте цветок за 5 простых шагов
      12. Перспективный рисунок
      13. Символы
      14. Рисование путей с выравниванием по пикселям для веб-процессов
   2. 3D-объекты и материалы
      1. О 3D-эффектах в Illustrator
         
      2. Создание 3D-графики
         
      3. Изображение карты поверх 3D-объектов
      4. Создать 3D-текст
   3. Цвет
      1. О цвете
      2. Выберите цвета
      3. Использование и создание образцов
      4. Настройка цветов
      5. Использование панели «Темы Adobe Color»
      6. Цветовые группы (гармонии)
      7. Панель цветовых тем
      8. Перекрасьте свою работу
   4. Покраска
      1. О покраске
      2. Краска с заливками и штрихами
      3. Группы быстрой заливки
      4. Градиенты
      5. Щетки
      6. Прозрачность и режимы наложения
      7. Применить обводку к объекту
      8. Создание и редактирование рисунков
      9. Сетки
      10. Узоры
   5. Выбрать и расположить объекты
      1. Выбрать объекты
      2. слоев
      3. Группировать и расширять объекты
      4. Перемещение, выравнивание и распределение объектов
      5. Объекты стека    
      6. Блокировка, скрытие и удаление объектов
      7. Копировать и дублировать объекты
      8. Вращать и отражать объекты
      9. Переплетение объектов
   6. Изменение формы объектов
      1. Обрезка изображений
      2. Преобразование объектов
      3. Объединить предметы
      4. Вырезать, делить и обрезать объекты
      5. Марионеточная деформация
      6. Масштабирование, сдвиг и искажение объектов
      7. Смешивание объектов
      8. Изменение формы с помощью конвертов
      9. Изменение формы объектов с эффектами
      10. Создавайте новые фигуры с помощью инструментов Shaper и Shape Builder
      11. Работа с динамическими углами
      12. Усовершенствованные рабочие процессы изменения формы с поддержкой сенсорного ввода
      13. Редактировать обтравочные маски
      14. Живые фигуры
      15. Создание фигур с помощью инструмента «Создание фигур»
      16. Глобальное редактирование
   7. Тип
      1. Добавление текста и работа с текстовыми объектами
      2. Создание маркированных и нумерованных списков
      3. Управление текстовой областью
      4. Шрифты и типографика
      5. Тип формата
      6. Импорт и экспорт текста
      7. Формат абзацев
      8. Специальные символы
      9. Создать тип по пути
      10. Стили символов и абзацев
      11. Вкладки
      12. Текст и введите
      13. Поиск отсутствующих шрифтов (рабочий процесс Typekit)
      14. Обновление текста из Illustrator 10
      15. Арабский и еврейский шрифт
      16. Шрифты | Часто задаваемые вопросы и советы по устранению неполадок
      17. Создать 3D текстовый эффект
      18. Креативный типографский дизайн
      19. Тип масштабирования и поворота
      20. Межстрочный и межсимвольный интервал
      21. Переносы и разрывы строк
      22. Улучшения текста
      23. Орфографические и языковые словари
      24. Формат азиатских символов
      25. Композиторы для азиатских сценариев
      26. Создание текстового оформления с помощью объектов смешивания
      27. Создание текстового плаката с помощью Image Trace
   8. Создание спецэффектов
      1. Работа с эффектами
      2. Графические стили
      3. Создать тень
      4. Атрибуты внешнего вида
      5. Создание эскизов и мозаик
      6. Тени, свечение и растушевка
      7. Краткое описание эффектов
   9. Веб-графика
      1. Лучшие методы создания веб-графики
      2. Графики
      3. СВГ
      4. Создание анимации
      5. Срезы и карты изображений
6. Импорт, экспорт и сохранение
   1. Импорт
      1. Размещение нескольких файлов
      2. Управление связанными и встроенными файлами
      3. Информация о ссылках
      4. Невстроенные изображения
      5. Импорт изображения из Photoshop
      6. Импорт растровых изображений
      7. Импорт файлов Adobe PDF
      8. Импорт файлов EPS, DCS и AutoCAD
   2. Библиотеки Creative Cloud в Illustrator
      1. Библиотеки Creative Cloud в Illustrator
   3. Сохранить
      1. Сохранить работу
   4. Экспорт
      1. Использование иллюстраций Illustrator в Photoshop
      2. Экспорт обложки
      3. Сбор активов и экспорт в пакетах
      4. Файлы пакетов
      5. Создание файлов Adobe PDF
      6. Извлечь CSS | Иллюстратор CC
      7. Опции Adobe PDF
      8. Информация о файле и метаданные
7. Печать
   1. Подготовка к печати
      1. Подготовка документов к печати
      2. Изменить размер и ориентацию страницы
      3. Укажите метки обрезки для обрезки или выравнивания
      4. Начните работу с большим холстом
   2. Печать
      1. Надпечатка
      2. Печать с управлением цветом
      3. Печать PostScript
      4. Предустановки печати
      5. Следы принтера и кровотечения
      6. Распечатать и сохранить прозрачную иллюстрацию
      7. Ловушка
      8. Печать цветоделения
      9. Печать градиентов, сеток и цветовых сочетаний
      10. Белая надпечатка
8. Автоматизация задач
   1. Объединение данных с помощью панели переменных
   2. Автоматизация с помощью скриптов
   3. Автоматизация с действиями
9. Устранение неполадок
   1. Проблемы со сбоями
   2. Восстановление файлов после сбоя
   3. Проблемы с файлами
   4. Поддерживаемые форматы файлов
   5. Проблемы с драйвером устройства GPU
   6. Проблемы с устройством Wacom
   7. Проблемы с файлом DLL
   8. Проблемы с памятью
   9. Проблемы с файлом настроек
   10. Проблемы со шрифтами
   11. Проблемы с принтером
   12. Отправить отчет о сбое с помощью Adobe
   13. Повышение производительности Illustrator

В этой статье описываются рабочие процессы создания и редактирования узоров, доступные в Adobe Illustrator CS6 и более поздних версиях. Сведения о работе с узорами в более ранних версиях Illustrator см. в разделе Узоры.

Простой поезд

1. Выполните одно из следующих действий:

   • Чтобы создать узор , выберите рисунок, из которого вы хотите создать узор, а затем выберите «Объект» > «Узор» > «Создать».
   • Чтобы отредактировать существующий узор , дважды щелкните узор в образце узора или выберите объект, содержащий узор, и выберите «Объект» > «Узор» > «Редактировать узор».

2. (Необязательно) В диалоговом окне «Параметры массива» укажите новое имя для шаблона или измените существующее имя.

3. Измените другие параметры, доступные в диалоговом окне «Параметры шаблона»:

   Панель «Параметры узора»

   Тип плитки

   Выберите способ размещения плитки:
   

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

   Смещение кирпича

   Применить к:

   • По кирпичикам . Определяет, на какую ширину плитки центры плиток в соседних рядах не выровнены по вертикали.
   • По кирпичикам . Определяет, на какую высоту плитки центры плиток в соседних столбцах отклоняются от горизонтального выравнивания.

   Ширина высота

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

   Размер плитки для искусства

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

   Переместить плитку с искусством

   Выберите этот параметр, чтобы при перемещении графического объекта перемещалась и плитка.

   Расстояние по горизонтали / расстояние по вертикали

   Определите, сколько места нужно разместить между соседними плитками.

   Перекрывать

   Когда соседние плитки накладываются друг на друга, определите, какие плитки будут впереди.

   Копии

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

   Затемнить копии в

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

   Показать край плитки

   Выберите этот параметр, чтобы отобразить рамку вокруг плитки.

   Показать границы образца

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

4. На панели под панелью управления выберите, сохранить или отменить изменения шаблона.

   Если был создан новый узор, он сохраняется на панели «Образцы». Если узор был отредактирован, определение узора обновляется на панели «Образцы».

Больше похоже на это

• Видеоруководство. Создание бесшовных узоров
• Наглядное руководство. Создание и применение узоров

Войдите в свою учетную запись

Войти

Управление учетной записью

Как создать узор в Adobe Illustrator (4 простых шага)

Вы можете создать узор из изображения или создать свой собственный узор на основе созданных вами фигур. Готово ли изображение/дизайн? Перейдите в «Объект» > «Узор» > «Создать».

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

В этом уроке вы узнаете, как создать и отредактировать узор в Adobe Illustrator, следуя простым шагам, описанным ниже.

Примечание. Скриншоты из этого руководства взяты из версии Adobe Illustrator CC 2022 для Mac. Windows или другие версии могут выглядеть иначе.

Шаг 1: Создайте фигуры, из которых вы хотите сделать шаблон. Если у вас есть существующее изображение, это тоже сработает, но позже у вас будет меньше возможностей для редактирования растровых изображений.

Например, я хочу сделать узор из этих предметов.

Шаг 2: Выберите изображение или фигуры и перейдите в верхнее меню Объект > Шаблон > Сделайте .

Вы увидите это окно с сообщением о том, что ваш новый шаблон добавлен в список Панель «Образцы» и т. д. 

Теперь вы увидите узор в документе и диалоговое окно «Параметры узора».

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

Если вас устраивает, как сейчас выглядит шаблон, вы можете пропустить шаг 3. 

Шаг 3 (необязательно): Настройте параметры в Параметры шаблона 9диалоговое окно 0696. Вы можете начать с изменения имени шаблона.

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

Ширина и высота относятся к размеру поля типа плитки.

Если вы отметите Size Tile для Art , коробка будет прикреплена к краям изображения, ближайшим к коробке.

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

Выберите тип копии плитки, по умолчанию 3 x 3, при необходимости вы можете добавить больше.

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

Шаг 4: Щелкните Готово в верхней части окна документа.

Шаблон исчезнет из вашего окна, но вы можете найти его на Образцы панели .

Вы можете редактировать паттерн даже после его создания. Просто дважды щелкните по нему на панели «Образцы», и снова откроется окно «Параметры узора».

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

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

Примечание: вы не сможете редактировать часть узора на растровом изображении.

Попробуйте! Создайте фигуру и выберите узор для заливки.

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