случайно обнаружил сегодня, что в CSS уже лет 5 есть свойство позволяющее определить геометрию фигуры по которой будет обтекать текст
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Shapes
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Shapes
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
о, в студии лебедева сделали что-то в духе актуального веба и даже почти без подчеркнутых ссылок. как же давно я не заходил к ним в портфолио
https://bleximo.com/
https://bleximo.com/
❤8
This media is not supported in your browser
VIEW IN TELEGRAM
незатейливый но вполне эффектный эффект. (продолжаем можем повторить)
1. закидываем модель в c4d. красим в белый, добавляем чёрный фон. выставляем один источник света и камеру. задаём вращение. при этом вращаем не свет вокруг объекта, а объекту вместе с камерой, предварительно сгруппировав их, вокруг своей оси под статичным светом (так проще).
2. рендерим. получаем покадровую секвенцию в пнг. и, наверно, закидываем сразу в афтер эффектс, чтобы там разом и собрать и перевести картинку в битмап. но я открыл все 90 кадров в фотошопе и, заранее записанным экшеном, в два клика на каждую картинку, прощёлкал в битмап все по очереди. на это ушло меньше минуты.
3. после фотошопа выстраиваем кадры в афтрэффектсе и рендерим видео через эдоб медиа инкодер под h.264. готово.
1. закидываем модель в c4d. красим в белый, добавляем чёрный фон. выставляем один источник света и камеру. задаём вращение. при этом вращаем не свет вокруг объекта, а объекту вместе с камерой, предварительно сгруппировав их, вокруг своей оси под статичным светом (так проще).
2. рендерим. получаем покадровую секвенцию в пнг. и, наверно, закидываем сразу в афтер эффектс, чтобы там разом и собрать и перевести картинку в битмап. но я открыл все 90 кадров в фотошопе и, заранее записанным экшеном, в два клика на каждую картинку, прощёлкал в битмап все по очереди. на это ушло меньше минуты.
3. после фотошопа выстраиваем кадры в афтрэффектсе и рендерим видео через эдоб медиа инкодер под h.264. готово.
❤10
(чёт я приврал про меньше минуты на 180 кликов, это по 3 клика в секунду надо было делать, но не суть)
еще решил зин издать про себя. обложка уже есть. с хромом и блюром, как мы любим. и это пока все, что есть
❤9
#tool
имадж шейп ховер свг морфинг анимэйшен.
не нашел готового решения анимации произвольной рамки по ховеру, поэтому сделал сам. код можно копировать себе и использовать. а чтобы задать рамке свою форму достаточно:
1. создать первую рамку в фигме
2. перевести её в аутлайн
3. продублировать и трансформировать подвигав точки (главное, чтобы количество точек, в том числе и усиков, осталось прежним)
4. сохранить обе рамки в свг
5. открыть свг в текстовом редакторе и перенести код из d=“” на свое место в мой кодпен и готово.
https://codepen.io/plashch/pen/vYdYZBp
имадж шейп ховер свг морфинг анимэйшен.
не нашел готового решения анимации произвольной рамки по ховеру, поэтому сделал сам. код можно копировать себе и использовать. а чтобы задать рамке свою форму достаточно:
1. создать первую рамку в фигме
2. перевести её в аутлайн
3. продублировать и трансформировать подвигав точки (главное, чтобы количество точек, в том числе и усиков, осталось прежним)
4. сохранить обе рамки в свг
5. открыть свг в текстовом редакторе и перенести код из d=“” на свое место в мой кодпен и готово.
https://codepen.io/plashch/pen/vYdYZBp
❤7
moderat - more d4ta - fast land (official video)
https://youtu.be/qzMP2A66jIQ
https://youtu.be/qzMP2A66jIQ
YouTube
MODERAT - MORE D4TA - FAST LAND (OFFICIAL VIDEO)
► Album Preorder: https://bit.ly/MORE_D4TA
► Tickets: https://bit.ly/MORED4TATOUR
https://moderat.fm/
https://www.instagram.com/moderat/
https://de-de.facebook.com/moderat.band/
© 2022 Monkeytown Records
Director: Ben Miethke
DoP: Maximillian Pittner…
► Tickets: https://bit.ly/MORED4TATOUR
https://moderat.fm/
https://www.instagram.com/moderat/
https://de-de.facebook.com/moderat.band/
© 2022 Monkeytown Records
Director: Ben Miethke
DoP: Maximillian Pittner…
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
эффект из клипа модерата мог бы быть не только эффектным, но и супер простым, если бы не одно но
в фотошоп легко можно закинуть видео. в два клика выделить на кадре человека (select → subject), затем двумя кликами заменить человека на кашу из окружения (edit → content-aware fill) и после за пару кликов перейти к следующему кадру. еще все это можно записать в экшен, чтобы разом выполнять за один клик
но нельзя чтобы на каждом новом кадре
экшен автоматически перезапускался. так можно с картинками в папке сделать, но не с кадрами в видео
и тут два решения, оба съедают прилично доп времени, но лучше я не нашел:
1. каждый раз на новом кадре вручную кликать на запуск экшена пока не заработаешь себе запястный синдром
2. сначала видео забросить в афтер, конвертнуть в джепеги, натравить фотошоп на папку с джепегами и пакетно все их обработать (file → automate → batch), после закинуть обратно в афтер, расставить кадры, при этом не забыть про звук с оригинального файла и наконец конвертнуть все обратно в видео
в фотошоп легко можно закинуть видео. в два клика выделить на кадре человека (select → subject), затем двумя кликами заменить человека на кашу из окружения (edit → content-aware fill) и после за пару кликов перейти к следующему кадру. еще все это можно записать в экшен, чтобы разом выполнять за один клик
но нельзя чтобы на каждом новом кадре
экшен автоматически перезапускался. так можно с картинками в папке сделать, но не с кадрами в видео
и тут два решения, оба съедают прилично доп времени, но лучше я не нашел:
1. каждый раз на новом кадре вручную кликать на запуск экшена пока не заработаешь себе запястный синдром
2. сначала видео забросить в афтер, конвертнуть в джепеги, натравить фотошоп на папку с джепегами и пакетно все их обработать (file → automate → batch), после закинуть обратно в афтер, расставить кадры, при этом не забыть про звук с оригинального файла и наконец конвертнуть все обратно в видео
❤17
❤6
❤2