📱 Смотри как создавать такую анимацию кнопки в Figma!

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

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

3. Связки
▸ Создаём связку с такими же настройками как на фото
▸ Делаем такие же связки с остальными блоками, последний закрепляем за первым

4. Завершение
▸ Вытаскиваем отдельно кнопку и помещаем её в другой фрейм
▸ Тестируем кнопку
▸ Готово!

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

👉 Time Design | #figma

📱 Смотри как создать лёгкий пиксельный эффект для объекта в Photoshop!

1. Подготовка
▸ Создаём рабочее пространство
▸ Добавляем туда объекты которые будем пикселизировать
▸ Открываем меню и выбираем Convert to Smart Object

2. Меню
▸ Открываем в верхнем меню Filter -> Pixelate -> Mosaic
▸ Я ставил параметр примерно на 10+- (у вас может быть индивидуально)

3. Завершение
▸ Открываем Adjustments -> Treshold
▸ Играем с ползунком для получения интересного результата
▸ Готово!

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

👉 Time Design | #photoshop

📱 Интересный способ создания материала вкусной карамели при помощи нод в Blender!

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

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

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

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

👉 Time Design | #blender

🖼️Адаптивные карточки в Figma!

Хочешь, чтобы карточки красиво тянулись, дублировались и масштабировались? Вот базовый и мощный приём:

1. Контент и Auto Layout
▸ Напишите заголовок и подзаголовок
▸ Объедините текст shift+a
▸ Задайте параметры: Vertical gap: 8, Horizontal padding: 24, Vertical padding:16

2. Фрейм
▸ Задайте необходимую ширину фрейма (400) и добавьте заливку
▸ Выделите заголовок, подзаголовок и выберите Fill container в ширине для этих объектов

3. Изображение
▸ Выделите картинку и описание
▸ Создайте Auto Layout (shift+a)
▸ Vertical gap: 0

4. Адаптив (эффект резины)
▸ У изображения поменяйте параметры: по горизонтали: Fill container, по вертикали: Fixed
▸ У описания: по горизонтали: Fill container, по вертикали: Hug contents

▸ Выделите всю карточку и нажмите Enter, чтобы провалиться в контент: задайте необходимые параметры: по вертикали и по горизонтали Fill container
▸ Выберите блок с текстом: оставьте по горизонтали: Fill container, по вертикали: Hug contents
▸ Готово!

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

👉 Time Design | #figma

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

1. Основа
▸ Создаём рабочее пространство
▸ Добавляем блок текста и пишем туда наше меню и цены

2. Подготовка
▸ Выбираем расстояние между буквой и ценником
▸ Нажимаем Tab тем самым делая отступ
▸ Так же делаем с остальными ценами

3. Завершение
▸ Нажимаем CMD+Shift+T
▸ В появившемся окошке ставим такие же настройки как на фото и играемся с ними
▸ Готово!

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

👉 Time Design | #illustrator

🖼️ Создание мокапа с мятой упаковкой в Photoshop!

Всем привет! Сегодня попробуем создать такой мокап с сохранением текстуры и теней без особых затрат времени и ресурсов)

1. Работа с исходником
▸ Выделяем объект при помощи кнопки
▸ Создаем 4 копии нашего пакета

2. Наложение рисунка
▸ Добавляем изображение, затем подгоняем под размеры пакета.

3. Расположение слоев
▸ Располагаем рисунок после 2
▸ Нажимаем ALT и копкой мыши на промежуток после 2 слоя

4. Корректировка слоев
▸ Нажимаем на каждый слой и кликаем CTRL + L. Выставляем параметры интуитивно.
▸ Рисунок — умножение (наложение)
▸ 3 слой — линейный затемнитель (наложение)
▸ 4 слой — линейный осветлитель (наложение)
▸ 5 слой — экран (наложение)
▸ Готово!

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

👉 Time Design | #photoshop