HTML Diff
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>7 окт 2022</li>
2 <ul><li>7 окт 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 помогают ускорить работу и быстро добавить интересные эффекты в ваш проект. В этой инструкции рассказываем, как с помощью Beautiful Shadows и Noise сделать объёмную фигуру с текстурой для вашего макета.</p>
7 <p>Плагины в Figma помогают ускорить работу и быстро добавить интересные эффекты в ваш проект. В этой инструкции рассказываем, как с помощью Beautiful Shadows и Noise сделать объёмную фигуру с текстурой для вашего макета.</p>
8 <ul><li>Сделайте фрейм с заливкой тёмно-серого цвета - например #202020. И поместите в этот фрейм получившуюся фигуру с тенями.</li>
8 <ul><li>Сделайте фрейм с заливкой тёмно-серого цвета - например #202020. И поместите в этот фрейм получившуюся фигуру с тенями.</li>
9 <li>Внутри фрейма поверх фигуры сделайте "векторные кляксы". Для этого создайте круг и в режиме векторного редактора исказите его.</li>
9 <li>Внутри фрейма поверх фигуры сделайте "векторные кляксы". Для этого создайте круг и в режиме векторного редактора исказите его.</li>
10 <li>Сделайте две копии "кляксы" и расположите их внутри фрейма.</li>
10 <li>Сделайте две копии "кляксы" и расположите их внутри фрейма.</li>
11 <li>Выделите все "кляксы", затем в панели настроек в блоке Fill укажите любой яркий цвет и непрозрачность заливки 70%.</li>
11 <li>Выделите все "кляксы", затем в панели настроек в блоке Fill укажите любой яркий цвет и непрозрачность заливки 70%.</li>
12 <li>Не снимая выделение с "клякс", в блоке Effects добавьте Layer Blur - в настройках блюра укажите достаточно большое значение, чтобы кляксы превратились в свечение. Например, у нас получилось 621.</li>
12 <li>Не снимая выделение с "клякс", в блоке Effects добавьте Layer Blur - в настройках блюра укажите достаточно большое значение, чтобы кляксы превратились в свечение. Например, у нас получилось 621.</li>
13 <li>Кликните правой кнопкой мыши по фрейму и перейдите в Plugins → Noise.</li>
13 <li>Кликните правой кнопкой мыши по фрейму и перейдите в Plugins → Noise.</li>
14 <li>В появившемся окне нажмите галочку, растяните текстуру на весь свой фрейм и укажите у неё в панели настроек в блоке Fill 80%.</li>
14 <li>В появившемся окне нажмите галочку, растяните текстуру на весь свой фрейм и укажите у неё в панели настроек в блоке Fill 80%.</li>
15 </ul><p>Результат:</p>
15 </ul><p>Результат:</p>
16 <em>Изображение: Skillbox Media</em><p><a>Самоучитель по Figma</a></p>
16 <em>Изображение: Skillbox Media</em><p><a>Самоучитель по Figma</a></p>
17 <p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
17 <p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
18 <a>Научитесь: Figma с нуля до PRO Узнать больше</a>
18 <a>Научитесь: Figma с нуля до PRO Узнать больше</a>