Figma. Создаем тень тропического растения

Требовалась тень тропического растения в качестве фона в карточке товара для маркетплейса, но на бесплатных фотостоках не нашлось подходящей фотографии, поэтому вооружившись фигмой приступаем к делу. Нашла в интернете похожую картинку в качестве ориентира и референса.

Для начала создаем фрейм, на котором будет наша готовая работа. Создаем вытянутый прямоугольник (В верхнем левом углу Rectangle).

Подбираем прямоугольнику и соответственно будущей тени цвет в цвет фона, но темнее. Важно! не применять для тени черный цвет. Иначе тень будет выглядеть грязно. Выбираем цвет в соответствии с фоном или объектом, от которого эта тень падает. (Справа во вкладке Design, настраиваем Fill).

Figma. Создаем тень тропического растения

Применяем эффект размытие к созданному прямоугольнику. (Во вкладке Design, находим Effects, нажимаем плюс и из предложенных выбираем Layer blur. Нажимаем слева на солнышко и настраиваем уровень размытия).

Нажав ЛКМ два раза по прямоугольнику появляются точки. Нажав на точку появятся направляющие этой точки. Меняем положение точек и направляющих, соответственно меняем форму элемента. Это будет главная ветвь, с которой будут связаны листочки.

Далее копируем этот элемент. 1 способ: Ctrl+C-копировать, Ctrl+V-вставить. 2 способ: перетаскиваем элемент с зажатой клавишей Alt, и он копируется. Сначала отпускаем кнопку мышки, затем отпускаем Alt, иначе элемент не скопируется.

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

Сделав 5-6 листочков разной формы и длины, копируем их по несколько раз и расставляем в хаотичном порядке (как сердце чувствует) по верхней части ветви, заполняя свободное пространство.

Копируем верхние листочки и вставляем вниз, отображаем по вертикали (Flip vertical), повертев, покрутив подстраиваем и редактируем каждый листик по отдельности так, чтобы смотрелось гармонично. Желательно менять листикам толщину и длину с помощью точек и направляющих. Так они будут более разными и естественными.

Ставим на место в карточке товара и готово)

Figma. Создаем тень тропического растения

Telegram канал, в котором я делюсь своим опытом

2 комментария

очень интересно и полезно

Ответить

Спасибо)
Боялась, что будет не понятно 😌

Ответить