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

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

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