Плагин «Shapes 3D» by Ren Yi
Плагин для преобразования шейпов в простые 3D фигуры
💎 Попробовать плагин 💎
#plugin
Bubbles PNG Shapes
🧰 3D abstract shapes
Пак абстрактных шейпов для ваших проектов
Dezzigners
3D шейпы в Figma с DesignLoot
Rotate Copies — плагин дублирует шейп с заданным отступом располагая его копии по окружности.
Плагин "Blob Generator" by k-kuraoka Полезный плагин, при помощи которого вы можете создавать и настраивать уникальные шейпы.
Attablob
Этот плагин поможет вам создавать анимированные абстрактные шейпы для самых разных задач
Install
🖼️ Figma Дизайн
Я вписался в новое обучение
Это микро-курс Жени Арутююнова «Как дизайнить кодом вместо Фигмы». Зачем?
Я уже рассказывал о том, что делаю сайт для одного из моих заказчиков, и по ходу процесса осваиваю основы веб-дизайна и тильды. Одним из сделанных выводов стала убежденность, что рядовой дизайнер сайтов в тильде совершенно ничего не знает про кодинг, смотря на дизайн сайта как на расставление различных текстовых блоков и шейпов. Поэтому весь ютуб полон костылей, как сделать какой-либо блок подходящим под задачу, и не зависеть от инструментария тильды.
Из этого вытекает второй вывод, о котором я уже слышал на одном выступлении Жени — сайт это глубже и больше, чем картинки, и нужно понимать, какой код прячется за квадратиками и текстовыми блоками.
Тогда получается, что умение верстать сайты кодом позволит уменьшить число посредников между дизайнером и сайтом и обеспечить понимание процессов, а значит стать дороже.
Моя цель на курс: освоить процессы и задизайнить свой сайт-портфолио, чтобы было так круто, как у omsky studio. Результат скорее всего будет летом, так как курс записан наполовину, но я не спешу. Зато за ожидание в лендинге размещен вкусный промокод за терпение.
О процессе обучения и маленьких успехах буду рассказывать тут, а главным итогом станет сам сайт.
Ссылка на лендинг курса, если тебе, как и мне, захотелось дизайнить кодом.
Работа с шейпами .
Научимся работать с шейпами как профи.
#Уроки
🧰 L.Star free 3D geometric objects
Набор 3д шейпов
Dezzigners
Shapes, Symbols & Icons
Коллекция, состоящая из 40 стильных абстрактных шейпов для создания трендового дизайна
Install
🖼️ Figma Дизайн
Плагин Random Shapes — генерирует случайные абстрактные шейпы.
💬 Делаем субтитры
Задача: субтитры на подложке.
Но как сделать так, чтобы подложка всегда подстраивалась под размеры текстового слоя? Можно, конечно, подгонять на глаз или с помощью болванки-прямоугольника, а можно использовать экспрешн, который будет менять размер шейпа в зависимости от размера текста.
Мы, конечно, за второй вариант. Alt-кликаем на параметр Size шейпа и вводим экспрешн:
var textLayer = thisComp.layer("Your Text Layer Name"); // Правим название текстового слоя
var textRect = textLayer.sourceRectAtTime(time, false);
var paddingTop = 60;
var paddingSide = 80; // Тут можем изменить паддинги
var backgroundWidth = textRect.width + paddingSide * 2;
var backgroundHeight = textRect.height + paddingTop * 2;
[backgroundWidth, backgroundHeight]
Чтобы было легче ровнять текст по отношению к подложке, для anchor point текста вводим выражение, которое всегда возвращает якорную точку в центр слоя:
var rect = sourceRectAtTime(time, false);
var centerX = rect.left + rect.width / 2;
var centerY = rect.top + rect.height / 2;
[centerX, centerY]
Закрепляем позишн шейпа на определенном месте:
value,[0,0] //Вводим значение, которое указано у слоя
Теперь, когда мы будем ровнять текст с шейпом с помощью Align, субтитры всегда будут центрированы относительно подложки и будут оставаться на одном и том же месте кадра. Иногда позишн текста всё же придется двигать на пару пикселей вверх или вниз — используйте для этого холдовые ключи!
Пробуйте и пишите в комменты, если что-то не получается, будем тюнить этот способ вместе!🍌
#тутор_полторашка
Retro Y2K Minimal Shapes
Набор Y2K шейпов для создания дизайна
☁️ Скачать | #Shapes
💥 Content Case — все для Photoshop и Adobe illustration
🚀 Итоги второго дня марафона в Креативном Клубе:
Сегодняшний день зарядил нас энергией творчества и новыми навыками. Что успели?
✨ Создали крутой баннер — с уникальной идеей.
✨ Прокачали эффекты:
— Освоили прозрачные шейпы, которые добавляют слоям глубину и динамику.
— Укротили эффекты искажений.
— Разобрали хроматические аберрации на практике.
🎉 А еще — успели отметить праздник, зарядиться атмосферой и просто классно провести время вместе!
