Резаный эффект в фотошопе🗡

1. Создаем текстовый слой, выделяем фигуру с помощью прямолинейного лассо, создаем маску слоя текста

2. Дублируем слой, и инвертируем нижний текстовый слой (CTRL+I)

3. Заходим в параметры наложения и меняем цвет дубликата текста

4.Снова заходим в нижний слой и немного его уменьшаем (CTRL+T)

5. Добавляем фон и ставим режим наложения «вычитание»
#photoshop

Автор: @graphicdesignrist

TOP Tutorial

Если вам нужно встроить gif в проект или экспортировать экран c анимацией, то ловите плагин в помощь

Ссылка

#materials_nd

TOP Tutorial

Логотип с человечком

Шаг 1. Создаете текстовый слой
Шаг 2. Загружаете изображение, вырезаете фон с помощью инструмента «быстрое выделение» (W), создаете маску слоя
Шаг 3. Выделяете букву с помощью CTRL, ставите мышку на маску слоя изображения, нажимаете CTRL+SHIFT+I и убираете лишнее с помощью черной кисти
Шаг 4. Заходите в параметры наложения текста, добавляете тени и обводку
Шаг 5. Делаете градиентный фон
#photoshop

Автор: @smartgraphics

TOP Tutorial

Практическое руководство по анимации переходов в интерфейсах

Перевод статьи Донгкю Ли о том, каких принципов стоит придерживаться при создании анимаций переходов. Он выделяет шесть важных моментов, которые позволят сделать красивые и уместные анимации в любом дизайне интерфейсов: плавное появление и затухание с изменением прозрачности, масштабирование, постоянное направление движения, баланс скорости, приоритеты, порядок/группировка элементов и ориентация в пространстве.

Ссылка

#article_nd

TOP Tutorial

Библиотека референсов прямо нк выходя из Figma 😇
#figma

Чтобы не ломать голову как расположить объекты в этом блоке, запускаешь плагин Bibbble, и смотришь кучу вариантов реальных сайтов.

Автор: dmrygrachev

Установить плагин

TOP Tutorial