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>9 сен 2022</li>
2
<ul><li>9 сен 2022</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Коротко и ясно рассказываем, как быстро добиться интересного эффекта для вашего проекта.</p>
4
</ul><p>Коротко и ясно рассказываем, как быстро добиться интересного эффекта для вашего проекта.</p>
5
<p>Иллюстрация: Merry Mary для Skillbox Media</p>
5
<p>Иллюстрация: Merry Mary для Skillbox Media</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
7
<p>Обычно плагины в Figma позволяют расширить её функции. Но иногда они просто помогают ускорить работу и быстро добавить интересные эффекты в ваш проект. В этой инструкции рассказываем, как с помощью плагина Noise сделать "шумный", или "зернистый", градиент.</p>
7
<p>Обычно плагины в Figma позволяют расширить её функции. Но иногда они просто помогают ускорить работу и быстро добавить интересные эффекты в ваш проект. В этой инструкции рассказываем, как с помощью плагина Noise сделать "шумный", или "зернистый", градиент.</p>
8
<ul><li>Сделайте два квадрата с цветами на каждую фигуру, которые образуют ваши градиенты. В нашем примере будет две фигуры и четыре цвета - #8EC5FC и #E0C3FC, #F5576C и #F093FB.</li>
8
<ul><li>Сделайте два квадрата с цветами на каждую фигуру, которые образуют ваши градиенты. В нашем примере будет две фигуры и четыре цвета - #8EC5FC и #E0C3FC, #F5576C и #F093FB.</li>
9
<li>Создайте нужные фигуры - в нашем случае это две буквы P. Выделите одну из них, на боковой панели настроек зайдите в свойства её цвета и вместо Solid выберите Linear.</li>
9
<li>Создайте нужные фигуры - в нашем случае это две буквы P. Выделите одну из них, на боковой панели настроек зайдите в свойства её цвета и вместо Solid выберите Linear.</li>
10
<li>Выделите образец цвета на градиенте и с помощью пипетки скопируйте цвета из квадрата.</li>
10
<li>Выделите образец цвета на градиенте и с помощью пипетки скопируйте цвета из квадрата.</li>
11
<li>На прямоугольнике настройте градиент так, чтобы на нём не было резких переходов из одного цвета в другой.</li>
11
<li>На прямоугольнике настройте градиент так, чтобы на нём не было резких переходов из одного цвета в другой.</li>
12
<li>Повторите то же самое и для второй фигуры.</li>
12
<li>Повторите то же самое и для второй фигуры.</li>
13
</ul><ul><li>Скачайте плагин Noise<a>по ссылке</a>.</li>
13
</ul><ul><li>Скачайте плагин Noise<a>по ссылке</a>.</li>
14
<li>Нажмите правой кнопкой мыши по макету, в выпадающем меню перейдите в пункт Plugins и выберите Noise. В появившемся меню настройте текстуру шума.</li>
14
<li>Нажмите правой кнопкой мыши по макету, в выпадающем меню перейдите в пункт Plugins и выберите Noise. В появившемся меню настройте текстуру шума.</li>
15
<li>Растяните текстуру на всю ширину и высоту любой фигуры.</li>
15
<li>Растяните текстуру на всю ширину и высоту любой фигуры.</li>
16
<li>На боковой панели настроек в блоке Layer вместо Normal выберите Overlay.</li>
16
<li>На боковой панели настроек в блоке Layer вместо Normal выберите Overlay.</li>
17
</ul><p>Если ваша фигура не квадрат и не круг, текстура будет вылезать за её пределы. Чтобы это исправить, нужно сделать слой-маску:</p>
17
</ul><p>Если ваша фигура не квадрат и не круг, текстура будет вылезать за её пределы. Чтобы это исправить, нужно сделать слой-маску:</p>
18
<ul><li>Слева на панели слоёв выделите фигуру с текстурой и сгруппируйте их с помощью сочетания Ctrl (⌘) + G.</li>
18
<ul><li>Слева на панели слоёв выделите фигуру с текстурой и сгруппируйте их с помощью сочетания Ctrl (⌘) + G.</li>
19
<li>Внутри новой группы выделите свою фигуру, сделайте её копию и поставьте в самый низ.</li>
19
<li>Внутри новой группы выделите свою фигуру, сделайте её копию и поставьте в самый низ.</li>
20
<li>Нажмите на копию фигуры правой кнопкой мыши и нажмите Use as mask - или нажмите Ctrl (⌘) + Alt (⌥) + G.</li>
20
<li>Нажмите на копию фигуры правой кнопкой мыши и нажмите Use as mask - или нажмите Ctrl (⌘) + Alt (⌥) + G.</li>
21
</ul><p>Все эти действия нужно повторить для обеих фигур.</p>
21
</ul><p>Все эти действия нужно повторить для обеих фигур.</p>
22
<p>Результат:</p>
22
<p>Результат:</p>
23
<em>Изображение:<a>Braley Design</a>/ Skillbox Media</em><p><a>Самоучитель по Figma</a></p>
23
<em>Изображение:<a>Braley Design</a>/ Skillbox Media</em><p><a>Самоучитель по Figma</a></p>
24
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
24
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
25
<a>Научитесь: Figma с нуля до PRO Узнать больше</a>
25
<a>Научитесь: Figma с нуля до PRO Узнать больше</a>