TOP Tutorial | Бесплатные уроки по дизайну
前往频道在 Telegram
Бесплатные туториалы и фишки для начинающих и более опытных дизайнеров Figma, Photoshop, Illustrator Реклама / Сотрудничество - @design_manager_bot
显示更多
网络:6 713
订阅者
-124 小时
-127 天
-9930 天
帖子存档
🎓 150 горячих клавиш для ускоренной работы в Figma
⠀
⚡️ Figma-учебник — бот в Telegram, чтобы работать в Figma в 2 раза быстрее.
Не нужно ничего запоминать — просто открывай бот.
Все хоткеи по категориям:
— работа со слоями, группами и фреймами;
— выравнивание и распределение;
— векторное редактирование и многое другое.
⠀
Удобно, быстро, всегда под рукой.
Добавь бота, чтобы не искать каждый раз в Google и ИИ.
⠀
👉 Figma-учебник
+7
Пока год не закончился, рассказываем про популярные стили в веб-дизайне в 2023😎
Автор: @yana_web_diz
Сектор-приз на барабане🔲
1. Создаем новый слой, наносим черно-белый градиент
2. Выбираем фильтр «Волны» (Фильтр – искажение – волна)
Настройки: Число генераторов - 16, длина волны - 140, 141, амплитуда - 448,449, масштаб - 100%, тип - квадрат
3. Выбираем фильтр «Полярные координаты», выбираем прямоугольные в полярные, режим наложения «экран»
#photoshop
Автор: @photoshop_blog
TOP Tutorial
Только начинаешь путь в дизайне и метишь в бигтех?
Справиться будет проще, если заранее узнаешь:
— какие этапы отбора бывают в крупных продуктах;
— что и как рассказывать о себе;
— за какие скилы реально ценят джунов (спойлер — это не только харды),
— и как не посыпаться на tricky-вопросе: «А что вы делали в этом проекте?..».
Лид-дизайнер Сбера и наставник Яндекс Практикума и поделился, как он сам оценивает начинающих дизайнеров.
➡️ Прочти статью и подготовься к собеседованию.
Читать на Дизайнерс
Улучшаем дизайн за пару минут 💥
#figma
Автор: @
TOP Tutorial
Текстура стекла в блоке 🧐
#photoshop
1. Создаем кор.слой «цвет» черного цвета
2. Создаем фигуру эллипса, заходим в параметры наложения, накладываем градиент
3. Выделяем оба слоя, дублируем (CTRL+J)
4. Верхние слои объединяем в один (CTRL+E)
5. Выбираем фильтры-размытие-размытие по Гауссу
6. Выбираем фильтр-галерею фильтров-искажение-стекло.
Настройки: 20, 1, блоки, 80%
Автор: @allt98
Inspiration дня
Сегодня вдохновляемся брутальным сайтом коллекции NFT-зайцев PacemakerNFT со стильными 3D-объектами и характерной анимацией
Ссылка
#inspiration_nd
Коллекция бесплатных интерфейсных компонентов
Shadcn UI с отличным дизайном, которые можно копировать и вставлять прямо в свой файл в Figma
Ссылка
#materials_nd
TOP Tutorial
+5Пиксельный эффект в Illustrator
#tutorial #font #effect
TOP Tutorial
+9
Негативное пространство в дизайне 💬
Проще говоря воздух, пространство в макете, которые улучшают читаемость и в принципе сам диз)
Автор: zhenya.ninja
+6
Металличеcкий эффект в Figma ☄️
#figma
Автор: @goeducation.ru
Трассировка изображения, как это сделать❓
#figma
Загружаем изображение, запускаем плагин Trace Image и вуаля!
Автор: marinasmirnova.a
Установить плагин
TOP Tutorial
Бесплатные шрифты
На онлайн-генераторе цветовых палитр есть раздел с бесплатными шрифтами и удобным фильтром
Ссылка
#materials_nd
TOP Tutorial
История дизайна в 1984 – 2024
Статья об эволюции дизайна в сфере на примере различных операционных систем и устройств и о влиянии стилей, Memphis, Y2K, Frutiger Aero, Biotech и Flat Design на современный дизайн.
Ссылка
#article_nd
+7
Объединяем объекты в Figma👻
#figma
Автор: @yodizstudio
TOP Tutorial
Полистайте httpster - галерею отличных сайтов всего мира, где попадаются много крутых проектов завязанных на типографике
Ссылка
#web_nd
Эффект «свечения»🌟
1. Заходим в параметры наложения значка, добавляем внутреннее и внешнее свечение
2. Создаем новый слой, ставим режим наложения «цвет»
3. Переходим к слою с парнем, выбираем «выделение предмета», переходим к пкстому слою, выбираем красную кисть и проходимся по светлой стороне лица💥
#photoshop
Готово!🌞
Автор: @smart.graphicss
TOP Tutorial
Плагин в Google Come
SVG Grabber - расширение для Google Come, которое выводит на отдельную страницу все SVG-обеъекты
Ссылка
#materials_nd
