TOP Tutorial | Бесплатные уроки по дизайну

TOP Tutorial | Бесплатные уроки по дизайну

@top_tutorials
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
5 061 подписчик
184 поста
Посты
Делаем тень красивых форм, вах 😱
#photoshop 1. Загружаем фото, заходим в свойства, нажимаем «удалить фон» 2. Дублируем слой (CTRL+J), оставляем только маску слоя 3. Выделяем девушку, удерживая CTRL и нажимая на слой 4. Создаем корректирующий слой «Цвет», скрываем 2 нижних слоя 5. Добавляем фото стены, переносим вниз 6. Также нажимаем файл-поместить встроенные и выбираем фото с тенью, режим наложения «умножение» 7. Переходим к фото и ставим непрозрачность до 40% Автор: @simply_graphicss TOP Tutorial
Video is not supported
Бесплатный курс по 3D-моделированию с нуля
Начни карьеру в дизайне и получи первую зарплату! Вас ждет реальный рабочий процесс: ✅ разные задачи по 3D Blander ✅ опыт общения с клиентами ✅ оплата за проект Освойте Blender и создайте работу для портфолио Обучение полностью бесплатное для первых 70 участников. Осталось 28 мест. В конце курса мы откроем для вас доступ к звездной распродаже Там вы сможете обменять звездочки на ценные бонусы: 1. Гайд по выходу на биржу UpWork 2. Курс «Заработок на дизайне» 3. Анимированный концепт Samsung True для портфолио 4. Бессрочный грант на обучение: 15 000 ₽ 5. Гайд «Горячие клавиши в Blender» Записывайтесь сейчас! Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе
Изображение поста
Цвет в дизайне: перестань гадать, начни понимать 🎨
Ты не обязан быть художником, чтобы работать с цветом уверенно. Не нужно угадывать, подойдет ли оттенок, или переживать, что палитра выглядит неудачно. Достаточно понимать принципы — и ты сможешь легко подбирать цвета, которые работают. ⚡️ UPROCK запустили бесплатный курс по цвету в UX/UI. Это 7 подробных уроков, где на примерах разберем, как делать выразительные, профессиональные цветовые решения. — Почему одни цвета выглядят «дорого», а другие нет? — Как собрать палитру, которая смотрится гармонично? — Как цвет помогает управлять вниманием и эмоциями? — Какие ошибки портят дизайн, и как их избегать? 📌 Будет практика и обратная связь от дизайнера — разберем твои решения и поможем их улучшить. Участие бесплатное, но количество мест ограничено. ➡️ Стартуй здесь Реклама. ИП Кузьмин Евгений Леонидович ИНН 634502641730 erid: 2Vtzqwy99d6
Изображение поста
Библиотека референсов прямо нк выходя из Figma 😇
#figma Чтобы не ломать голову как расположить объекты в этом блоке, запускаешь плагин Bibbble, и смотришь кучу вариантов реальных сайтов. Автор: dmrygrachev Установить плагин TOP Tutorial
Video is not supported
Практическое руководство по анимации переходов в интерфейсах
Перевод статьи Донгкю Ли о том, каких принципов стоит придерживаться при создании анимаций переходов. Он выделяет шесть важных моментов, которые позволят сделать красивые и уместные анимации в любом дизайне интерфейсов: плавное появление и затухание с изменением прозрачности, масштабирование, постоянное направление движения, баланс скорости, приоритеты, порядок/группировка элементов и ориентация в пространстве. Ссылка #article_nd TOP Tutorial
Изображение поста
Хорош тот макет, который в интерфейс легко превращается (с).
Далее запустили тренажер для дизайнеров — с его помощью всего за 3 минуты ты сможешь понять, насколько хорошо умеешь готовить макеты к верстке, и подтянуть навыки бесплатно. Переходи в бота, получай результат и полезные материалы для прокачки своих скиллов 🖖
Изображение поста
Логотип с человечком
Шаг 1. Создаете текстовый слой Шаг 2. Загружаете изображение, вырезаете фон с помощью инструмента «быстрое выделение» (W), создаете маску слоя Шаг 3. Выделяете букву с помощью CTRL, ставите мышку на маску слоя изображения, нажимаете CTRL+SHIFT+I и убираете лишнее с помощью черной кисти Шаг 4. Заходите в параметры наложения текста, добавляете тени и обводку Шаг 5. Делаете градиентный фон #photoshop Автор: @smartgraphics TOP Tutorial
Video is not supported
Если вам нужно встроить gif в проект или экспортировать экран c анимацией, то ловите плагин в помощь
Изображение поста
Резаный эффект в фотошопе🗡
1. Создаем текстовый слой, выделяем фигуру с помощью прямолинейного лассо, создаем маску слоя текста 2. Дублируем слой, и инвертируем нижний текстовый слой (CTRL+I) 3. Заходим в параметры наложения и меняем цвет дубликата текста 4.Снова заходим в нижний слой и немного его уменьшаем (CTRL+T) 5. Добавляем фон и ставим режим наложения «вычитание» #photoshop Автор: @graphicdesignrist TOP Tutorial
Video is not supported
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Делаем билеты прямо в фигме и идем на концерт Бульонсе
#figma Автор: @kutuzova_alesya TOP Tutorial
Video is not supported
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Плагин в Figma на базе
MagicFill позволяет быстро заполнять поля подходящим по смыслу текстом. Ссылка #materials_nd TOP Tutorial
Изображение поста
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Бесплатные файлы
Pixelbuddha портал с PSD-шаблонами, эффектами, шрифтами, графическими элементами и многими другими полезнымы материалами Ссылка #materials_nd TOP Tutorial
Изображение поста
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Нейронка 3D⁠
Сервис ⁠Endless Tools, который поможет сгенерировать уникальную 3D-типографику, реалистичные текстуры, захватывающие коллекции объектов и генеративную графику. Ссылка #materials_nd TOP Tutorial
Video is not supported
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Анимация текста по кругу 🟣
#figma Автор: @design_academy_pj">@design_academy_pj TOP Tutorial
Video is not supported
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Нужно быстро перевести текст? 💬
На помощь приходит плагин Translate – запускаешь плагин, выбираешь текст, который нужно перевести и готово! #figma Автор: @Buddilov">@Buddilov Установить плагин TOP Tutorial
Video is not supported
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Как начинающему дизайнеру искать первую работу
Поиск первой работы может затянуться на несколько месяцев. Это нормально — и к этому стоит приготовиться, чтобы не расстроиться, не потерять веру в себя и интерес к профессии. Выпускники Яндекс Практикума — дизайнеры из Студии Артемия Лебедева и Мегамаркета — в статье поделились опытом перехода из других профессий в новую сферу. Внутри — советы, как грамотно упаковать прошлый опыт, собрать портфолио, искать вакансии и откликаться на них. Читай на дизайнерс
Изображение поста
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
3 фишки для самыых маленьких 💡
#photoshop Автор: @creativopro/shorts">@creativopro TOP Tutorial
Video is not supported
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
3 плагина в фигме, которые точно пригодятся 👌
1. Halftones - плагин в винтажном стиле 2. Filter/effects - помощник в редактировании фото 3. Warp tools - позволяет сделать скучный текст запоминающимся. Автор: dmrygrachev TOP Tutorial
Video is not supported
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Вдохновляемся сайтом и развиваем насмотренность 🤗
#inspiration Автор: @dyotanya TOP Tutorial
Video is not supported
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Бесплатное обучение 3D-визуализации интерьеров в 3Ds Max
14 дней бесплатной практики в 3D Max! На моем бесплатном онлайн-курсе "3D Max в интерьере: Первые шаги" под руководством личного наставника вы сделайте свою первую 3D-визуализацию комнаты. Начнем работу с установки 3D Max и разберем интерфейс программы. Так что принять участие в марафоне можно, даже если у вас не установлена программа и вы ни разу ее не открывали. 90% программы — чистая практика. Вы с нуля научитесь создавать геометрию помещения, моделировать предметы интерьера, импортировать модели, работать с материалами и выставлять реалистичный свет. Мы дадим базовые знания 3d-визуализаций и главное, расскажем, как освоить профессию 3d-визуализатора и начать зарабатывать! Узнать больше #реклама 16+ ok-visual-3dstart.ru О рекламодателе
Video is not supported