основы веб дизайна

имадж шейп ховер свг морфинг анимэйшен. не нашел готового решения анимации произвольной рамки по ховеру, поэтому сделал сам. чтобы использовать мой код, достаточно: 1. создать первую рамку в фигме 2. перевести её в аутлайн 3. продублировать и трансформировать подвигав точки (главное, чтобы количество точек, в том числе и усиков, осталось прежним) 4. сохранить обе рамки в свг 5. открыть свг в текстовом редакторе и перенести код из d=“” на свое место в мой кодпен и готово. https://codepen.io/plashch/pen/vYdYZBp

имадж шейп ховер свг морфинг анимэйшен. не нашел готового решения анимации произвольной рамки по ховеру, поэтому сделал сам. чтобы использовать мой код, достаточно: 1. создать первую рамку в фигме 2. перевести её в аутлайн 3. продублировать и трансформировать подвигав точки (главное, чтобы количество точек, в том числе и усиков, осталось прежним) 4. сохранить обе рамки в свг 5. открыть свг в текстовом редакторе и перенести код из d=“” на свое место в мой кодпен и готово.

#reference https://www.argosarts.org/ — модняк. еще и логотип меняется при перезагрузке

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

(чёт я приврал про меньше минуты на 180 кликов, это по 3 клика в секунду надо было делать, но не суть)

незатейливый но вполне эффектный эффект. (продолжаем можем повторить) 1. закидываем модель в c4d. красим в белый, добавляем чёрный фон. выставляем один источник света и камеру. задаём вращение. при этом вращаем не свет вокруг объекта, а объекту вместе с камерой, предварительно сгруппировав их, вокруг своей оси под статичным светом (так проще). 2. рендерим. получаем покадровую секвенцию в пнг. и, наверно, закидываем сразу в афтер эффектс, чтобы там разом и собрать и перевести картинку в битмап. но я открыл все 90 кадров в фотошопе и, заранее записанным экшеном, в два клика на каждую картинку, прощёлкал в битмап все по очереди. на это ушло меньше минуты. 3. после фотошопа выстраиваем кадры в афтрэффектсе и рендерим видео через эдоб медиа инкодер под h.264. готово.

о, в студии лебедева сделали что-то в духе актуального веба и даже почти без подчеркнутых ссылок. как же давно я не заходил к ним в портфолио https://bleximo.com/

случайно обнаружил сегодня, что в CSS уже лет 5 есть свойство позволяющее определить геометрию фигуры по которой будет обтекать текст https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Shapes

оказывается есть и полнометражная версия

что я только что посмотрел? https://youtu.be/-n0EPit53yE

можем повторить (новая рубрика на канале)

studionaeo

у вас всё получится ✨

#reference https://creative-community.space/

#reference #portfolio Christina Huang is a Los Angeles-based graphic designer https://cxlhuang.com/

JJJJound x ASICS GEL-Kayano 14

JJJJound x ASICS GEL-Kayano 14

Astray Red Frame (Inverted) https://www.ymfstain.com/collections/bottoms/products/astray-red-frame-inverted