3. Работа с изображениями в Flyvi
👩💻 Автор: Яна Редькина, студент факультета бизнес-коммуникаций и информатики Иркутского государственного университета.
🖼 Добавление изображений
Flyvi позволяет использовать как собственные изображения, так и встроенные коллекции.
📥 Загрузка своего изображения:
- Откройте левую панель → вкладка «Загрузки»
- Нажмите «Загрузить медиа»
- Выберите файл с компьютера
- Изображение появится в загрузках и его можно перетащить на холст
- Встроенные стоки: поиск по ключевым словам (например: “travel”, “nature”)
- Можно сразу перетаскивать изображения на холст
🤖 Генерация изображений с помощью ИИ
Flyvi предлагает встроенную генерацию изображений на основе текстового запроса
- Перейдите в левую панель → вкладка «ИИ-мастерская»
- Введите описание на русском или английском языке, например:
«Космический пейзаж с луной и горами в неоне» - Выберете стиль изображения снизу (например: комикс, ч/б и т.д.)
- Нажмите «Сгенерировать изображение» — появится несколько вариантов
- Выберите понравившееся изображение → добавьте на холст
💬 Чем точнее описание, тем лучше результат. Пробуйте разные стили, цвета, эпохи.
🎨 Фильтры и стилизация
Flyvi позволяет обрабатывать изображение прямо в редакторе:
✏️ Можно стилизовать изображения под фирменный стиль бренда.
🎭 Использование масок
Flyvi.io поддерживает простой механизм маскирования — это способ обрезать изображение или графику по заданной форме.
Что делает маска?
Маска позволяет "спрятать" часть изображения за контуром фигуры — например, вы можете поместить фотографию внутрь круга, сердца или любой другой формы.
- Загрузите изображение или выберите из библиотеки.
- Перетащите его в готовую фигуру-маску (обозначена оранжевым цветом).
- Изображение автоматически подстроится под форму.
- Вы можете дважды кликнуть на изображение, чтобы отредактировать его положение внутри маски.
🧱 Работа со слоями
Flyvi.io позволяет управлять слоями на холсте — это важно, когда вы размещаете несколько объектов (тексты, изображения, фигуры) и хотите точно контролировать их порядок отображения.
Что такое слои?
Каждый элемент, размещённый на холсте (фото, текст, иконка), — это отдельный слой. Элементы могут перекрывать друг друга, и управление слоями помогает организовать композицию.
- Перемещать элементы вперёд или назад — выделите объект и используйте кнопку «Выше», «Ниже», «На передний план» или «На задний план» в правой панели;
- Блокировать слои — зафиксируйте элемент, чтобы случайно не сдвинуть его при работе (значок замочка);
- Скрывать/показывать объекты — удобно, если хотите временно убрать элемент с глаз, не удаляя его (значок глазика).
📌 Практический совет:
Если вы используете фоновое изображение, заблокируйте его, чтобы удобно работать с текстами и иконками поверх.
✂ Удаление фона с изображения и деформация ( только в Pro версии )
- Кликните по изображению на холсте
- В верхней панели нажмите кнопку «Удалить фон»
- Через несколько секунд фон исчезнет — останется только объект
💡 Это удобно для создания коллажей, сторис или карточек товаров.
✅ Задание к уроку
❓ Вопросы для самопроверки
- Как загрузить своё изображение?
- Где найти библиотеку встроенных изображений?
- Как удалить фон и когда эта функция доступна?
- Какие параметры можно изменить у изображения?
📦 В следующем уроке: начнём работать с текстами, шрифтами и фирменным стилем.