Spacetypegenerator com как сохранить файл

Space Type Generator

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

Paper.js

Фреймворк для создания интерактивной анимированной векторной графики в браузере. В комплекте много интересных эффектов, на сайте также есть галерея примеров использования. Бесплатно, open source.

18 нестандартных наборов бесплатных иконок

В эту подборку я включил бесплатные иконки, которые сложно отнести к какой-то определенной категории.

Создание линейного (без кульминационного развития) фонового видео

Создание линейного (без кульминационного
развития), фонового видео в среде
Если бы мы сшивали\зацикливали наше видео несколько раз – никто не увидел бы место «сшива»
Задание выполняется до 23.01, потом идем дальше
Длина ролика – 1:30-2:00

3.

Средовое пространство

4.

Средовое пространство

5.

6.

Темы на выбор:
(когда выберете тему, обязательно проверьте наличие средового окружения, + от этого
будет зависеть формат вашего видео)
— фоновое видео для показа мод
— фоновое видео для выставки современного искусства
— фоновое видео для контента в офлайн магазин на экранах
(пример – nike)
— возможна ваша тема (к обсуждению)
Важно понимать, что ваше окружение и тема дикутуют настроение и
содержание вашего видео. На показе мод – что то размеренное и
подчеркивающее наряды, а не перенимающее на себя внимание. На
экране витрины или экране внутри магазина уже может быть буйство
красок, картинок и т.д – для привлечения внимания

7.

https://www.youtube.com/watch?v=b45ELz9jM80
— использование различных эффектов и стилизаций,
создание коллажей из видео Showstudio.
https://vimeo.com/239328729
— коллажи из видео, mixed media: добавление 3D и
эффектов.
https://vimeo.com/295111490
— Broadcast Design for ‘1GRAM’ OPENER
https://vimeo.com/136721947
— Showstudio
https://vimeo.com/340443324
— совмещение всегда динамичного контента (при
условии равновесия).
https://vimeo.com/351776933
— сохранение сетки

8.

https://dia.tv/project/adidas-flagship-london/#slide-6
https://dia.tv/project/nike-basketball/#slide-7
https://dia.tv/project/chaumont-biennale-post-medium/#slide-4
https://dia.tv/project/chaumont-biennale-post-medium/#slide-6

9.

10.

https://spacetypegenerator.com/flag.html
• сайт для генерации типографики
• Можно сохранить только пнг, но есть обходной путь – сделать
запись экрана как вариант
• Вариант два – просто подсмотреть стиль\ход\гамму\графику и
вдохновиться
• Вариант три – также сделать запись экрана на зеленом фоне,
потом вырезать как хромакей (если нужно на фон)

11.

Если нужен элемент с хромакеем:
Бесплатные стоки с видео на хромакее:
mixkit.co/free-stock-video/green-screen
videvo.net/stock-video-footage/green
videezy.com/free-video/green-screen
+ просторы ютуба
Чтобы удалить зеленый слой с видео,
применяем к этому слою Keylight:
Параметр Screen gain можно попробовать
покрутить, изменяя выделяемость зеленого
(чаще нужно слегка вправо)

Space Type Generator — інструмент для анімації тексту

Платформа для створення анімованих текстів нетипової форми на основі фігур, пресетів та параметрів.

Darina 5 жовтня 2023 р. — 4 прочитано

Space Type Generator — інструмент для анімації тексту

Про Space Type Generator

SpaceTypeGenerator (STG) — це унікальний motion-генератор, який дозволяє користувачам легко створювати анімований текст нетипової форми, усуваючи потребу у використанні складного програмного забезпечення анімаційної графіки. Платформа пропонує заздалегідь запрограмований вибір інструментів і функцій, що робить його доступним для будь-кого, незалежно від його досвіду в дизайні чи анімації.

Однією з найяскравіших особливостей Space Type Generator є його зручність використання. На відміну від традиційного програмного забезпечення, яке часто вимагає тривалого навчання та досвіду, цей інструмент неймовірно простий у використанні. Усе, що вам потрібно, це доступ до веббраузера та ваша уява.

Генератор базується на простих формах (циліндр, тор, площина, сфера тощо), кожна з яких має свої пресети та параметри налаштування, комбінуючи які можна створювати оригінальні динамічні тексти. Виберіть потрібну форму, пресет, потягніть доступні повзунки, щоб налаштувати додаткові параметри, на кшталт, відстані між рядками, швидкості обертання. Встановіть шрифт та відповідні кольори.

Особливості Space Type Generator

Спрощена анімація тексту: однією з ключових особливостей STG є його здатність створювати анімаційний текст в оригінальних форматах без встановлення складних програм для анімації. Все, що потрібно, — це доступ до вебсередовища та креативний підхід.
Можливість використання різних шрифтів: STG дозволяє експериментувати з різними шрифтами від TypeType, включаючи TT Bluescreens, TT Travels Next і TT Trailers, що надає більшу свободу у виборі стилю тексту для анімацій.
Кодова гнучкість: STG використовує кодову платформу, p5.js і Processing, що дозволяє створювати анімації та взаємодіяти з ними через програмування.
Зручність використання: завдяки своєму інтуїтивно зрозумілому інтерфейсу STG спрощує процес створення анімованого тексту, роблячи його доступним для широкого кола користувачів з досвідом і без нього.
Регулювання параметрів анімації: користувачі можуть налаштовувати швидкість, напрямок, кількість об’єктів, тип та форму анімації для кожного текстового об’єкта окремо.
Велика кількість варіантів анімації: платформа пропонує більш ніж 10 варіацій форм анімації та ще з десять пресетів до кожної з них з можливістю коригування всіх параметрів.
Експорт та вбудування: STG дозволяє експортувати готові анімації у різних форматах, наприклад, у відео або GIF-файл, а також вставляти створені анімації у вебсайти та інші дизайн проєкти.

Як користуватись?

Для того, щоб почати перейдіть за цим посиланням до Space Type Generator. Переважну частину інтерфейсу займатиме зображення вашої анімації. Тут відображатимуться всі зміни, які ви застосуєте до неї.

Зверху справа у полі “Select” ви можете обрати форму на основі якої буде побудовано анімований текст: стрічка, циліндр, каскад, прямий текст, площина тощо. На основі цього ви отримаєте перелік налаштувань, що знаходяться у лівому бічному меню.

Це панель інструментів, де ви зможете відредагувати та налаштувати всі показники за допомогою повзунків: рух, розмір, колір, обертання, масштаб тощо (найменування та кількість параметрів залежить від вибраних форми). Внизу незмінно будуть параметри камери, перспектива вашого огляду. Тут так само ви можете вибрати колір тексту та фону, а також пресет, у самому низу інтерфейсу.

Справа внизу є пусте текстове поле, куди потрібно ввести текст на основі якого буде створено анімацію. Анімація може мати як один, так і декілька текстових блоків, а налаштувати параметри можна для кожного окремо або об’єднати їх.

Коли ви задоволені результатами, можете експортувати анімацію у GIF чи відео форматі. Інструмент є абсолютно безкоштовним для використання.

Висновки

Переваги

Простота використання: STG дуже легкий у використанні та не потребує спеціалізованого досвіду в дизайні чи анімації. Він доступний навіть для початківців.
Різноманітність анімацій: інструмент надає велику кількість параметрів налаштування, форм та пресетів, що дозволяє створювати різні види анімації тексту.
Можливість використовувати різні шрифти: STG дозволяє користувачам вибирати різні шрифти для свого тексту, а саме варіанти від TypeType.

Недоліки

Обмеженість шрифтів: на жаль, STG пропонує всього декілька шрифтів від TypeType. Тож використовувати звичні та відомі нам шрифти можливості немає.
Вебдоступ: STG працює тільки з підключенням до інтернету.
Відсутність розширених функцій: для складніших анімацій та редагування тексту інструмент не підійде.

У цілому, Space Type Generator (STG) є відмінним інструментом для створення простих анімацій тексту, особливо для користувачів з обмеженим досвідом у цій сфері. Він має свої обмеження, але для багатьох користувачів це може бути відмінним способом створити креативну анімацію без складних програм.

Якщо тобі сподобався цей матеріал, підпишись на наші соціальні мережі Instagram / Facebook / Linkedin / Telegram. Там ти знайдеш більше цікавих матеріалів про дизайн.