Коллекция бесплатных интерфейсных компонентов
Shadcn UI с отличным дизайном, которые можно копировать и вставлять прямо в свой файл в Figma
Ссылка
#materials_nd
TOP Tutorial
TOP Tutorial | Бесплатные уроки по дизайну
TOP Tutorial | Бесплатные уроки по дизайну
@top_tutorials
5 061 подписчик
212 постов
Посты
Inspiration дня
Сегодня вдохновляемся брутальным сайтом коллекции NFT-зайцев PacemakerNFT со стильными 3D-объектами и характерной анимацией
Ссылка
#inspiration_nd
Трассировка изображения, как это сделать❓
#figma
Загружаем изображение, запускаем плагин Trace Image и вуаля!
Автор: marinasmirnova.a
Установить плагин
TOP Tutorial
3 плагина для изометрии 🧬
Бесплатные шрифты
На онлайн-генераторе цветовых палитр есть раздел с бесплатными шрифтами и удобным фильтром
Ссылка
#materials_nd
TOP Tutorial
История дизайна в 1984 – 2024
Статья об эволюции дизайна в сфере на примере различных операционных систем и устройств и о влиянии стилей, Memphis, Y2K, Frutiger Aero, Biotech и Flat Design на современный дизайн.
Ссылка
#article_nd
Эффект «свечения»🌟
1. Заходим в параметры наложения значка, добавляем внутреннее и внешнее свечение
2. Создаем новый слой, ставим режим наложения «цвет»
3. Переходим к слою с парнем, выбираем «выделение предмета», переходим к пкстому слою, выбираем красную кисть и проходимся по светлой стороне лица💥
#photoshop
Готово!🌞
Автор: @smart.graphicss
TOP Tutorial
Плагин в Google Come
SVG Grabber - расширение для Google Come, которое выводит на отдельную страницу все SVG-обеъекты
Ссылка
#materials_nd
Удаленка🤓
Сталкивались с таким? 😆
#memes
Автор: trusova.darinka
Бесплатные файлы
Невероятно качественная коллекция бесплатных мокапов, текстур, 3D моделей на сайте Anthony Boyd
Ссылка
#materials_nd
TOP Tutorial
Как одевались бы разные шрифты, если бы они были людьми. Стилист Wisdom Kaye показал это на своих аутфитах.
Как бы выглядел Montserrat? 😁
Непривычно стильный сайт строительных материалов с контрастной цветовой палитрой, классной анимацией и вообще — поскролльте
Делаем баннер для ювелирки 💍
Сегодня легкий туториал для новичков.
Инструмент "заплатка". Скроет прыщи, чаек и много другое🤩
Автор: @learn__photoshop #photoshop
TOP Tutorial
4 сайта для вдохновения🔥
1. BaubauHaus. Там вы найдете уйму сочных,необычных постеров
2. Awwards. Место с крутыми сайтами, где вы 100% развивать свою насмотренность
3. Htttpster. Еще одно место
с классным дизайном сайтов
4. Brutalist Webse. Куча сайтов в стиле «брутализм»
Делаем странные формы с помощью иллюстратора
1. Рисуем 4 эллипса
2. Объединяем их с помощью SHIFT+M
3. Удерживая ALT, удаляем лишние элементы
Также мы побаловались нейросетью heygen и перевели видос на русский
Получилось немного странно, но вроде понятно 😂
Автор: @noahdamonwilde
TOP Tutorial
Как поменять фон, оставив при это тень?🧐
Берем ручку, записываем😁
Первый шаг.
Дублируем слой CTRL/CMD+J, выключаем нижний слой
С помощью инструмента «выделение объектов», выделяем нашу картинку, включаем маску слоя
Второй шаг.
Создаем кор. слой «цвет», ставим под низ. Берем инструмент «лассо», небрежно выделяем область с тенью, включаем маску слоя
Третий шаг.
Создаем кор.слой «уровни», правый ползунок тянем влево, пока не останется только тень
Четвертый шаг.
Берем кор.слой «уровни» и нижний слой и объединяем CTRL/CMD+E режим наложения «умножение».
Фон меняем на другой любой цвет
#photoshop
Ехуу, мы это сделали🔥
Автор: @egdopamine
TOP Tutorial
🎓 150 горячих клавиш для ускоренной работы в Figma
⠀
⚡️ Figma-учебник — бот в Telegram, чтобы работать в Figma в 2 раза быстрее.
Не нужно ничего запоминать — просто открывай бот.
Все хоткеи по категориям:
— работа со слоями, группами и фреймами;
— выравнивание и распределение;
— векторное редактирование и многое другое.
⠀
Удобно, быстро, всегда под рукой.
Добавь бота, чтобы не искать каждый раз в Google и ИИ.
⠀
👉 Figma-учебник
