Панель генераторов

Создание процедурных фонов со встроенными генераторами. PinePaper включает в себя 14 генераторов по узорам, эффектам, органическим веществам, частицам и текстурным категориям.

Доступ к генераторам

  1. Нажмите на вкладку Scene в правой панели
  2. Настройка фонового режима Generator
  3. Выберите генератор из выпадающего
  4. Корректировка параметров
  5. Нажмите Generate

Основные генераторы

Солнечный взрыв

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

Q Sunburst generatorQ
Sunburst pattern
Q
Параметр Описание
Цвета Цвета лучей (множественные)
Рэй Граф Количество лучей
Рэй Гэп Пространство между лучами
Градиентные лучи Включить градиентное заполнение на лучах
Предыстория Базовый цвет

Сетка

Настраиваемая сетка форм — круги, квадраты, алмазы, треугольники, звезды или шестиугольники.

Q Grid generatorQ
Grid шаблон с точками
Q
Параметр Описание
Форма Круг, квадрат, алмаз, треугольник, звезда или шестиугольник
Кольца / Cols Размеры сетки
Размер / Разрыв Размер элемента и расстояние
Цветовой режим Чекерборд, градиент, случайность, ряды или колонны
Анимация Ни пульса, ни вращения, ни волны, ни отскока
Предыстория Базовый цвет

Волны

Анимированные текущие волновые линии с факультативным заполнением.

Q Waves generatorQ
Waves pattern
Q
Параметр Описание
Цвета Цвета волн (множественные)
Волновой граф Количество волновых слоев
Амплитуда Высота волны
Частота Герметичность волн
Заполнять Включить заполненные волны
Предыстория Базовый цвет

Геометрический шаблон

Вращающиеся геометрические фигуры на орбите — поддерживают несколько концентрических слоев.

Параметр Описание
Форма базы Тип формы для орбитальных элементов
Повторения Количество форм на кольцо
Орбита Радиус Расстояние от центра
Слои Количество концентрических колец
Распад шкалы слоев Сколько сжимается каждый внутренний слой
Предыстория Базовый цвет

Окружность

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

Параметр Описание
Плотность Sparse, Medium или Dense
Линия широты Толщина следа
Размер узла Размер точки подключения
Плотность чипа Авто, нет, низкий, средний или высокий
Glow Enabled Эффект неонового свечения
Предыстория Базовый цвет

Сцена заката

Анимированный закат с солнцем, облаками, дополнительными звездами и отражением воды.

Параметр Описание
Небесные цвета Небесный градиент
Цвет солнца Солнечное ядро и светящиеся цвета
Солнце Радиус / Y Размер Солнца и вертикальное положение
Облачный счет / Скорость Количество и скорость облаков
Звездный граф Звезды ночного неба
Отражение Отражение воды включено/непрозрачность

Сложенные круги

Перекрывающиеся круги с эффектом глубины и различными распределениями.

Параметр Описание
Цвета Круглые цвета
Граф Количество кругов
Распределение Случайный, Пуассон или Золотой
Мин-Макс Радиус Диапазон размеров круга
Тип анимации Пульс, плавание или нет

Эффектные генераторы

Боке

Мягкие размытые круги, имитирующие эффект камеры глубины резкости.

Параметр Описание
Цвета Круглые цвета
Круговой граф Число кругов боке
Размер MIN/MAX Диапазон размеров
Размер Blur Уровень мягкости
Блестящий режим Нормальный, экранный, мультипликационный и т.д.

Геометрическая абстракция

Перекрывающиеся полупрозрачные формы с режимами смешивания для современных абстрактных фонов.

Параметр Описание
Типы формы Смешанные, треугольники, прямоугольники, круги или шестиугольники
Форменный граф Количество форм
Размер MIN/MAX Диапазон размеров
Диапазон возможностей Диапазон прозрачности
Блестящий режим Нормальный, экранный, мультипликационный и т.д.

Органические генераторы

Градиентная сетка

Многоцветные градиентные капли для современных сетчатых фонов.

Параметр Описание
Цвета Цветные пятна
Блоб Граф Количество градиентных капель
Размер MIN/MAX Диапазон размеров Blob
Блюр Радиус Насколько мягки края капли

Органический поток

Aurora / шелковые слои для эфирного фона.

Параметр Описание
Цвета Цвета слоев потока
Слой графа Количество протекающих слоев
Амплитуда Высота волны
Скорость Скорость анимации
Заполнить включено Заполненные vs ходовые слои

Жидкий поток

Гладко текущая река/поток.

Параметр Описание
Цвета Потоковые цвета
Потоковый счетчик Количество потоков
Скорость потока Скорость анимации
Турбулентность Уровень случайности
Направление Горизонтальный, вертикальный или диагональный

Генераторы частиц

Ветровое поле

Анимированные направленные частицы ветра со следами.

Параметр Описание
Цвета Цвета частиц
Счет частиц Количество частиц
Направление ветра Угол ветра
Скорость ветра Скорость частиц
Турбулентность Случайность
Длина тропы / Width Размер следов частиц

Генераторы текстур

Шумовая текстура

Перлиновый шум, пленочное зерно и скошенные текстуры.

Параметр Описание
Тип шума Perlin, Grain или Stipple
Масштаб Шкала текстур
Интенсивность Насколько ярко выражена текстура
Плотность Плотность точек (для Stipple)

Общие параметры

Большинство генераторов разделяют эти параметры:

Параметр Описание
Цвет фона Цвет базового холста
Цвета Элементные цвета (array)
Открытость Прозрачность элементов (0-1)
Блестящий режим Обычный, экран, умножение, наложение, мягкий свет
Анимированный Включить цикл анимации
Скорость анимации Умножитель скорости

Регенерирующий

Нажмите Generate снова, чтобы создать новую версию с теми же настройками.

Шоу! Спрячься на временной шкале

После того, как генератор активен, строка fuchsia появляется в панели (timeline.md#background-generator), охватывающей всю временную шкалу холста. Бар - это окно видимости генератора:

  • Перетащите тело бара, чтобы сместить окно во времени (эффект появляется / исчезает в разных точках).
  • Перетащите либо край, чтобы обрезать, когда эффект начинается или прекращается.
  • Расщепление недоступно - генераторы - это эффекты, а не клипы, поэтому разрезание пополам приведет к созданию двух копий одной и той же анимации.

За окном весь patternGroup генератора прячется, а фон холста раскрывает все, что находится под ним (твердый цвет, рисунок и т. Д.).

Очистка фона

  1. Настройка фонового режима Solid Color
  2. Или нажмите Clear Background

Советы

Q

Советы дизайна:

  • Sunburst отлично подходит для объявлений и графики продаж
  • Grid идеально подходит для современных тем
  • Волны устраивают спокойный, текучий контент
  • Боке добавляет кинематографическую глубину текста
  • Gradient Mesh создает современный стиль приложений
  • Органический поток хорошо работает для эстетики эфира / мечты
  • Ветровое поле добавляет динамическую энергию в дизайн
  • Сопоставьте цвета генератора с вашим текстом для согласования
Q