Space Type Generator
Framer врывается на рынок nocode-конструкторов сайтов
Вчера они анонсировали собственный конструктор адаптивных сайтов.
Свежая подборка винтажного и современного леттеринга Вовы Егошина — шрифтового художника из Санкт-Петербурга
Скрипт «УберТипограф» для Фотошопа
Антон Любушкин выпустил скрипт для Фотошопа, который улучшает русский текст в соответствии с общепринятыми правилами экранной типографики: — Добавляет неразрывные пробелы после предлогов и союзов; — Делает «правильные» кавычки «снаружи и „внутри“ предложения»; — Ставит длинные тире вместо дефисов; — Проставляет правильные знаки единиц измерения; — Убирает лишние пробелы; — Делит числа на разряды, и […]
О сайте
Оди — издание для дизайнеров, которое старается помогать им в работе и профессиональном развитии
Главные рубрики
- Образование: статьи, курсы, уроки, лекции
- Вдохновение: проекты, коллективы и люди
- Инструменты: плагины и сервисы
- Файлы: мокапы, иконки, шрифты, кисти и другое
Авторам
Проект Кирилла Олейниченко и команды. Авторство статей и дизайна указано в конкретных материалах. Дизайн сайта — Кирилл Олейниченко, Женя Власов. Айдентика — Саша Швецов. Разработка — Андрей Острин. Фирменный шрифт — Graphik, предоставленный великолепными type.today.
Space Type Generator — інструмент для анімації тексту
Платформа для створення анімованих текстів нетипової форми на основі фігур, пресетів та параметрів.
Darina 5 жовтня 2023 р. — 4 прочитано
Про 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. Там ти знайдеш більше цікавих матеріалів про дизайн.
Будущее дизайна — в создании инструментов: знакомьтесь с Space Type Generator
Space Type Generator — это не только врата в захватывающий мир моушн дизайна , но и чрезвычайно интересный инструмент для игры. Для любого, кто является новичком в области моушн дизайна (включая меня), просто открыв этот инструмента в вашем веб-браузере вы почувствуете себя в теме, поскольку то, что открывается на наших глазах после загрузки веб-страницы, является резервуаром гипнотически движущегося типа. https://player.vimeo.com/video/336534156 Хотя мы и хотели бы отдать должное Space Type Generator, за созданные на заказ творения, вся полезная работа инструмента моушн дизайна в действительности принадлежит Килу Дэнджеру (да, это его второе имя) Муцчелкнаус. Начиная свою карьеру в рекламе, Киль стал изучать MFA в 2D-дизайне в Детройте, где он впервые начал экспериментировать с моушн дизайном. «В Академии художеств Кранбрука я очень обрадовался изучению новых инструментов и технологий», — говорит Киль. После окончания он стал штатным преподавателем в отделе графического дизайна колледжа искусств Мэрилендского института; он по сей день продолжает заниматься преподаванием, и эта профессия оказывается «очень полезной в подобных исследованиях». «Большая часть контента, который мы потребляем, находится на экране», — объясняет Киль свой интерес к моушн дизайну. «Понимание потенциала этого дизайна в движении является необходимостью. В более широком контексте графического дизайна, моушн и генеративный дизайн являются относительно новыми. Это история, которую пишут (или кодируют?) прямо сейчас, и участие в этом обсуждении невероятно волнующе и полно неизвестности ». https://player.vimeo.com/video/336534221 Идея разработки появилась около года назад, когда Киль создал серию искусственных AR-видео в Instagram в виде движущейся люстры, созданной в After Effects. «Создание фрагментов в After Effects было хорошим началом», — говорит Киль в своих начинаниях, — «но это было громоздко, и по мере усложнения форм становилось все труднее. К этому моменту я хорошо знал геометрию и решил создать версию в программе кодирования Processing. Это было чудесно.” С того момента Киль добавлял параметры на лету. Постепенно он наслоил различные виды движения и с помощью ползунков добавил переменные, для большего взаимодействия. «Тогда то оно и выстрелило», добавляет Киль о своем творении. Теперь, когда The Space Type Generator функционирует, а также работает в онлайн режиме, по-прежнему существует «подавляющее» количество настроек, которые Киль надеется добавить в инструменты. К ним относится добавление актуальных шрифтов в современном формате, включая шрифты не только из латинского алфавита, для международных пользователей. Не говоря уже о ряде технологических достижений, которые Киль находится в процессе реализации. «Я думаю, что будущее дизайна заключается в разработке инструментов, а не в создании проектов», — говорит Киль. «Space Type Generator по своей сути, создает движущуюся систему, а не окончательную форму. Я бы хотел, чтобы пользователи рассмотрели это понятие и восприняли этот проект как новый метод проектирования». Поскольку Space Type Generator является открытым исходным кодом, а код находится на Github, Киль приветствует всех пользователей, которые помогают проверять и проектировать инструменты для совместной работы, поэтому мы все можем наслаждаться данной разработкой. https://player.vimeo.com/video/336534176 https://player.vimeo.com/video/336534141 https://player.vimeo.com/video/336534239 https://player.vimeo.com/video/336534119 https://player.vimeo.com/video/336534192 https://player.vimeo.com/video/336534335 http://spacetypegenerator.com/ www.kielm.com Перевод статьи Jyni Ong
Топ коментарі (0)
Підписатися
Для подальших дій ви можете розглянути можливість блокування цієї людини та/або поскаржитися
Читати далі
Як я шукав роботу дизайнером під час війни
Nikita Alexeyev — Лют 16
Изображения, имеет место серьезно осмыслить их значение
Думаю, спорить не будем и пойдем большими шагами к факту, что на сайте нужны не только для красоты. Они помогают SEO продвижению. Над знать, что поисковые боты иначе обрабатывают картинки, чем текст.
Изображения с сайта.
Они могут попасть в выдачу, привести ссылки, увеличить релевантность страницы. Но для этого их нужно правильно подобрать, загрузить и оформить.
Грамотно оформленные иллюстрации это источник дополнительного трафика из поисковых систем. Также они увеличивают интерес посетителей к контенту и улучшают поведенческие факторы.
Изображения, где и как?
При прочих равных, для SEO все уникальное лучше, чем скопированное у кого-то. Но если заказывать картинки у дизайнера или фотографа, придется тратить деньги.
Предоставлять товар для фото сессий или согласовывать моделей. Скачать на стоке не в пример проще. Стоит ли затрат польза от уникальности картинок на сайте?
СТОИТ!
На информационном ресурсе фотографии усиливают эффект от новости, в интернет-магазине знакомят с товаром, а в блоге передают настроение.
Большинство людей при чтении статей в интернете, тексты никогда не читают. При просмотре страниц используется скользящий метод чтения.
Люди прокручивают Вашу страницу, выхватывая заголовки графику и т. д. (быстрое чтение). Для того, чтобы удержать посетителя на странице и требуется хорошая и уникальная графика.
И так об изображениях.
Как их подобрать или сделать без помощи дизайнера. Чек-лист для правильного изображения на сайте.
1.Соответствует дизайну вашего сайта.
2.Высокое качество картинки.
3.Хорошо выглядит на разных устройствах.
4.Весит мало, из-за чего страница загружается быстро.
Отражает вашу целевую аудиторию. Например, если у вас интернет-магазин одежды для девушек plus-size, на сайте должны быть фото соответствующих моделей.
Что использовать в качестве изображений на сайте?
Когда нужно наглядно сравнить преимущества и недостатки продукта, рассказать о чем-то коротко, понятно и красочно.
Живые снимки людей (например, ваших сотрудников).
Потребитель становится ближе к бренду, потому что понимает, что за ним стоят реальные люди.
Фотографии мест и предметов.
Когда важно погрузить пользователя в атмосферу, например, показать кадры фитнес-зала, салона красоты, медицинского кабинета или офиса удаленной бухгалтерской службы.
Почему нельзя брать изображение из поиска?
Велик соблазн просто скачать понравившуюся картинку, найденную в поиске. Но чем это грозит?
1. Может быть незаконно. Случайные изображения из Яндекса и Google могут иметь разные лицензии на использование. За нарушение авторских прав вы рискуете получить судебный иск.
2. Картинки из поисковиков не уникальны. Не стоит брать картинки по самому частому запросу с первой страницы поиска.
Такое же изображение могли взять на свой сайт еще тысячи авторов, поэтому с большой вероятностью пользователи его уже видели. Также такое повторение не понравится поисковым роботам.
Где взять изображения для сайта?
Пять нейросетей и полезных сервисов для изображений.
Midjourney. Знаменитая нейросеть, которая помогает делать невероятные картинки, при этом уметь рисовать не нужно.
Spline Design. Поможет сделать свою 3D-картинку. Есть библиотека элементов, а также можно импортировать свои изображения и работать с ними.
Space type generator. Иногда нужно создать не картинку, а создать из текста необычное изображение. Для этого подойдет данный сервис. Также он может сделать текстовую анимацию. Минус — можно использовать только латиницу.
AutoDraw. Графический редактор для поиска иконок и простых изображений. Вам нужно нарисовать в поле какую-то фигуру, специальный алгоритм определит, на что она похожа, и предложит несколько вариантов из готовых рисунков.
Streamline icons. Плагин для Figma, который поможет найти красочные иконки. Вы сразу сможете их кастомизировать и применить в своем макете.
Удачи Друзья!
Спасибо, что прочитали этот пост, не забудьте подписаться!
Подписчики получают знаки внимания от нашего коллектива и также приятные сюрпризы.
ПОДПИСКА
Не мешкай, отключи блокировку рекламы,чтобы увидеть важную рекламу конкретно для тебя!
- ← Previous Для курящих, для вас овощи и фрукты очень опасны
- Клещ, укус и с ним сопровождающие инфекции Next →