📱 Самый интересный способ создания анимации графика в Figma!

1. Основа
▸ Рисуем пером кривые
▸ Переходим в настройки и ставим округление и прочие настройки как на фото

2. Цвета
▸ Создаем копию этой линии
▸ Пером дорисовываем нижнюю часть квадрата
▸ Для первой линии даём горизонтальную градиентную заливку
▸ Для второй вертикальную градиентную заливку

3. Копия
▸ Создаем копию фрейма
▸ Для одного из фреймов удаляем вертикальный градиент
▸ Уменьшаем до минимума горизонтальную заливку

4. Связка
▸ Проводим связь от пустого фрейма до фрейма с кривыми
▸ Настраиваем ее так же как на фото
▸ Готово!

🔥 — если попробуешь повторить
🤝 — если уже делал подобное

👉 Time Design | #figma

📱 Смотри как можно создать материал Bubl Gum при помощи нод в Blender!

1. Объект
▸ Удаляем куб
▸ Нажимаем Shift+A
▸ В появившемся окошке нажимаем Меш -> UV-сфера

2. Создание основы
▸ Открываем окошко Шейдинг
▸ Нажимаем +New
▸ Далее делаем точно так же как показано на фото

3. Настройки
▸ Переходим в левое меню
▸ Нажимаем Options и ставим меняем настройки с Bump Only на Displacement and Bump
▸ Открываем соседние настройки и ставим их в соответствии с фото

4. Завершение
▸ Добавляем последние ноды
▸ Подсоединяем их и настраиваем
▸ Готово!

🔥 — если попробуешь повторить
🤝 — если уже делал подобное

👉 Time Design | #blender

📱 Один из самых интересных способов создать рисунок краской из баллончика на бетоне в Photoshop!

1. Основа
▸ Добавляем фото
▸ Обеспечиваем его используя окошко через меню Adjustments -> Hue/Saturation

2. Размытие
▸ Открываем Blur Gallery -> Field Blur
▸ Ставим размытие так как нам кажется лучшим вариантом

3. Текстура 1
▸ Накидываем текстуру бетона
▸ Обесцвечиваем таким же способом и эту картинку
▸ Даём ей параметр наложения Hard Mix и непрозрачность 90%

4. Финальная текстура
▸ Закидываем текстуру бетона в трещинах
▸ Открываем параметр Blending Options
▸ Меняем ставим настройки как на фото и смотря на конечный результат изменяем их
▸ Готово!

🔥 — если попробуешь повторить
🤝 — если уже делал подобное

👉 Time Design | #photoshop

📱 Как создать такое текстовое смешивание для постера в Illustrator!

1. Основа
▸ Создаем текстовый блок
▸ Преобразуем его в рисунок
▸ Даём ему радужную градиентную заливку

2. Настройка
▸ Создаем еще две копии текстовых блоков
▸ Выделяем два объёма и открываем меню Object -> Blend -> Make
▸ Открываем Blend Options и ставим большое значение чтобы даже при огромном растяжении не было видно расслоение

3. Завершение
▸ Рисуем пером кривую
▸ Выделяем кривую и сложенные текстовые блоки и нажимаем Object -> Blend -> Replace Spine
▸ На оставшемся текстовом блоке точно наоборот изменяем градиент
▸ Накладываем на слои в конце текстовый блок
▸ Готово!

🔥 — если попробуешь повторить
🤝 — если уже делал подобное

👉 Time Design | #illustrator

📱 Рассмотрим плагин Warp для Figma!

Делюсь с вами самым крутым плагином, который только есть у меня в запасе. Изменять текст, векторные фигуры, их положение в пространстве и форму — с ним это все делается просто и быстро.

1. Объект
Выбираем наш объект. Это может быть как текст, так и фигура.

2. Плагин
Ищем плагин Warp со светло-голубой иконкой и открываем его.

3. Редактирование
Изменяем как угодно). Можно выбирать как из предложенных вариантов, так и попробовать изменить самому с помощью ползунков.

isSmooth — сглаживание текста или фигуры. Если убрать флажок, то текст полностью заполнит выбранную форму.

strength — "сила" применяемого эффекта. Больше значение — больше искажение.

👉 Time Design| #плагин

📱 Самый интересный способ создания эффекта слежки за движением в Figma

1. Основа
▸ Создаем фрейм
▸ Помещаем в него векторное изображение
▸ Создаем 2 копии этого фрейма

2. Основа
▸ В левом фрейме изменяем кривые так, чтобы объект смотрел на лево
▸ У правого наоборот, на право

3. Применение плагина
▸ Выделяеи все фреймы
▸ Ищем плагин ShapeLax.
▸ По желанию можно скорректировать анимацию
▸ Готово!

🔥 — если попробуешь повторить
🤝 — если уже делал подобное

👉 Time Design | #figma