top_tutorials | Unsorted

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

5740

Бесплатные туториалы и фишки для начинающих и более опытных дизайнеров Figma, Photoshop, Illustrator Реклама / Сотрудничество - @design_manager_bot

Subscribe to a channel

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

⁠⁠Inspiration дня

Плакаты Димы Пантюшина из Москвы в стиле советских конструктивистов.

Ссылка

#inspiration_nd

Читать полностью…

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

А вы делегируете обязанности? 😀
#memes

: borboris_design

Читать полностью…

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

Glch эффект
Что делаем?

1. Дублируем слой фото, в параметрах наложения в настройках RGB убираем галочку с R, сдвигаем фото
2. Добавляем фон глитча, ставим режим наложения «перекрытие»

Готово!

: @designsubway

Читать полностью…

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

Вырезаем кудри в фотошопе ✂️
#photoshop

: bekfive">@bekfive

Читать полностью…

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

Анимация фото в Фигма
#figma

: prostodesigner">@prostodesigner

Читать полностью…

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

Рабочий процесс в 1 ролике 🚤
#memes

Читать полностью…

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

Пьяный эффект в Фотошопе
#photoshop

: mr.aleshha">@mr.aleshha

Читать полностью…

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

Анимация текста по кругу 🟣
#figma

: design_academy_pj">@design_academy_pj

Читать полностью…

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

Проектируем избранное в e-com приложении

Статья о том, как избранное повышает юзабилити приложения и вероятность совершения покупки в будущем. Эта функция есть у большинства участников рынка, но её исполнение отличается от сервиса к сервису, причем иногда достаточно сильно.

Ссылка

#article_nd

Читать полностью…

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

Приложение (с бесплатной пробной версией) на macOS для организации пространства рабочих окон

Ссылка

#materials_nd

Читать полностью…

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

Плагин в Figma

Bento Grid Maker — плагин, который генерирует настраиваемую Bento-сетку.

Ссылка

#materials_nd

Читать полностью…

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

Сайт фото-студии с чистым дизайном и крутой цветовой палитрой

Ссылка

#inspiration_nd

Читать полностью…

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

Запускаем поезд🚆
#photoshop

: photosed">@photosed

Читать полностью…

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

Вырезаем волосы правильно ✅
#photoshop

: vika_tregubova_

Читать полностью…

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

Inspiration дня

Этот сайт Motion Sickness - офигенный пример того, как необычным способом подать самый обычный контент. А наш краткий обзор на этот сайт смотреть вот здесь.

Ссылка

#inspiration_nd

Читать полностью…

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

И смешно и грустно 🫢
#memes

– больше мемов про

Читать полностью…

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

Вырезаем мех в фотошопе✂️
#photoshop

: @Dubel888

Читать полностью…

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

Создаем классный эффект градиента.

1. Создаем корректирующий слой с градиентом.
2. Выбираем первый слой и угол градиента на 90 градусов.
3. Дублируем слой с градиентом. Меняем ему цвет и угол поворота.
4. Выделяем оба градиента и меняем режим наложения на «цвет»

Вы восхитительны!

#photoshop

Читать полностью…

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

Коллекция постеров для вдохновения💫

: waveindex">@waveindex

Читать полностью…

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

Как поменять фон, оставив при это тень?🧐

Берем ручку, записываем😁

Первый шаг.
Дублируем слой CTRL/CMD+J, выключаем нижний слой
С помощью инструмента «выделение объектов», выделяем нашу картинку, включаем маску слоя

Второй шаг.
Создаем кор. слой «цвет», ставим под низ. Берем инструмент «лассо», небрежно выделяем область с тенью, включаем маску слоя

Третий шаг.
Создаем кор.слой «уровни», правый ползунок тянем влево, пока не останется только тень

Четвертый шаг.
Берем кор.слой «уровни» и нижний слой и объединяем CTRL/CMD+E режим наложения «умножение».
Фон меняем на другой любой цвет
#photoshop

Ехуу, мы это сделали

: @egdopamine

Читать полностью…

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

Добавляем облачков в Фотошопе ⛅
#photoshop

: photosed">@photosed

Читать полностью…

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

Сегодня ссылка на урезанную версию платного, но достаточно полезного плагина для анимации векторов (полная версия сейчас на скидке)

Ссылка

#materials_nd

Читать полностью…

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

Как вставить свое изображение в монитор.
: gvsser

1. Копируем фотографию фона нужного фона
2. Переходим в исправление перспективы. Фильтры – Исправление перспективы.(CTRL+ALT+V)
3. Выбираем все 4 угла
4. Вставляем скопированное изображение CTRL+V.

А если перед этим завернешь картинку в смарт-объект. То получишь мокапчик

Вы прекрасны!

#перспектива

Читать полностью…

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

Коллекция бесплатных полезностей

Бесплатные иллюстрация и мокапы из магазина Storytale и многое другое.

Ссылка

#materials_nd

Читать полностью…

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

ТОП-3 сайта с качественными иллюстрациями:

1. Sapiens – крутой сайт, где можно сделать картиинку под себя, поменять цвет одежды, пол, позу.

2. Undraw – сервис с иллюстрациями, где также можно менять цвета на любой понравившийся.

3. Delesign – сайт не только с иллюстрациями, но и иконками с возможностью настроить цвета.

: olesya_khripunova">@olesya_kipunova

Читать полностью…

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

🎨 Про рынок труда и актуальные навыки для дизайнеров

Делимся подборкой полезных материалов для начинающих и опытных дизайнеров. Если ты задумываешься о карьере или хочешь быть в тренде с ИИ и современными инструментами, обязательно читай:

🔹 Как начинающему дизайнеру интерфейсов найти работу в 2026 году — результат исследования

🔹 Как использовать ИИ, чтобы найти работу

🔹 Как дизайнеры используют ИИ: 10 сценариев

Будь в курсе актуальных тенденций, развивай нужные навыки и используй новые инструменты для своего профессионального роста!

Читать полностью…

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

Как правильно сделать свет из окна?

Шаг 1. Создаем слой, берем инструмент «прямоугольное лассо», делаем фигуру, делаем белую заливку ( редактрование-выполнить заливку- белый),снимаем выделение (CTRL+D)
Шаг 2. Делаем размытие (фильтр-размытие-размытие по Гауссу -55,3 px)
Шаг 3. Дублируем слои (CTRL+J), выделяем все, создаем папку (CTRL+G)
Шаг 4. Берем инструмент облака (фильтр-рендеринг-облака), делаем непрозрачность 42%

Ты справился

: @egdopamine

#photoshop

Читать полностью…

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

На воскресенье вам приложение, которое с помощью нейросети создаст нужный звуковой фон для любой из трёх задач: фокус, релакс и сон

endel.io

#materials_nd

Читать полностью…

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

Делаем странные формы с помощью иллюстратора

1. Рисуем 4 эллипса
2. Объединяем их с помощью SHIFT+M
3. Удерживая ALT, удаляем лишние элементы

Также мы побаловались нейросетью heygen и перевели видос на русский
Получилось немного странно, но вроде понятно 😂

: @noahdamonwilde

Читать полностью…

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

Эффект чертежа в Фотошопе ✏️
#photoshop

: photosed/shorts">@photosed

Читать полностью…
Subscribe to a channel