0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Руководства</a></p>
1
<p><a>#Руководства</a></p>
2
<ul><li>26 авг 2022</li>
2
<ul><li>26 авг 2022</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Коротко и ясно рассказываем, как быстро добиться интересного эффекта для вашего проекта.</p>
4
</ul><p>Коротко и ясно рассказываем, как быстро добиться интересного эффекта для вашего проекта.</p>
5
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
5
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
7
<p>Обычно трёхмерные фигуры в Figma делают с помощью плагинов. Но если вам нужно что-то простое и быстрое, то тратить время на проработку перспективы и света - не очень рационально. В этой инструкции рассказываем, как с помощью градиентов и квадратов сделать трёхмерный прямоугольник.</p>
7
<p>Обычно трёхмерные фигуры в Figma делают с помощью плагинов. Но если вам нужно что-то простое и быстрое, то тратить время на проработку перспективы и света - не очень рационально. В этой инструкции рассказываем, как с помощью градиентов и квадратов сделать трёхмерный прямоугольник.</p>
8
<ul><li>Сделайте три квадрата с тремя цветами, которые образуют ваш градиент. В нашем примере это #5C2774, #335CC5 и #637FFD.</li>
8
<ul><li>Сделайте три квадрата с тремя цветами, которые образуют ваш градиент. В нашем примере это #5C2774, #335CC5 и #637FFD.</li>
9
<li>Создайте прямоугольник, в боковой панели настроек зайдите в свойства его цвета и вместо Solid выберите Linear.</li>
9
<li>Создайте прямоугольник, в боковой панели настроек зайдите в свойства его цвета и вместо Solid выберите Linear.</li>
10
<li>Выделите образец цвета на градиенте и с помощью пипетки скопируйте цвет из квадрата. Повторите это три раза, чтобы у вас получился градиент.</li>
10
<li>Выделите образец цвета на градиенте и с помощью пипетки скопируйте цвет из квадрата. Повторите это три раза, чтобы у вас получился градиент.</li>
11
<li>На прямоугольнике настройте градиент так, чтобы на нём не было резких переходов из одного цвета в другой.</li>
11
<li>На прямоугольнике настройте градиент так, чтобы на нём не было резких переходов из одного цвета в другой.</li>
12
</ul><ul><li>Сделайте высокий прямоугольник и дважды кликните по нему, чтобы перейти в режим векторного редактирования.</li>
12
</ul><ul><li>Сделайте высокий прямоугольник и дважды кликните по нему, чтобы перейти в режим векторного редактирования.</li>
13
<li>Наведите курсор на верхнюю грань прямоугольника, зажмите появившуюся точку посередине, вытяните её, чтобы получился угол, и нажмите Done.</li>
13
<li>Наведите курсор на верхнюю грань прямоугольника, зажмите появившуюся точку посередине, вытяните её, чтобы получился угол, и нажмите Done.</li>
14
<li>Выделите прямоугольник с градиентом, а затем - кликните на его заливку в свойствах цвета. Нажмите Ctrl (⌘) + C, чтобы скопировать градиент.</li>
14
<li>Выделите прямоугольник с градиентом, а затем - кликните на его заливку в свойствах цвета. Нажмите Ctrl (⌘) + C, чтобы скопировать градиент.</li>
15
<li>Выделите вытянутый прямоугольник и нажмите Ctrl (⌘) + V. Затем - растяните свой градиент по высоте так, чтобы он занял всю фигуру.</li>
15
<li>Выделите вытянутый прямоугольник и нажмите Ctrl (⌘) + V. Затем - растяните свой градиент по высоте так, чтобы он занял всю фигуру.</li>
16
</ul><p><a>Самоучитель по Figma</a></p>
16
</ul><p><a>Самоучитель по Figma</a></p>
17
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
17
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
18
<a>Научитесь: Figma с нуля до PRO Узнать больше</a>
18
<a>Научитесь: Figma с нуля до PRO Узнать больше</a>