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>18 ноя 2022</li>
2
<ul><li>18 ноя 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 помогает добиваться очень интересных эффектов. Часто благодаря ей многие элементы интерфейса можно добавить сразу в макете, а не открывать Photoshop и делать там дополнительные PNG-картинки. В этой инструкции рассказываем, как с помощью функции маски сделать интересное пересечение цветов, которое не получится сделать с помощью эффектов наложения.</p>
7
<p>Функция маски в Figma помогает добиваться очень интересных эффектов. Часто благодаря ей многие элементы интерфейса можно добавить сразу в макете, а не открывать Photoshop и делать там дополнительные PNG-картинки. В этой инструкции рассказываем, как с помощью функции маски сделать интересное пересечение цветов, которое не получится сделать с помощью эффектов наложения.</p>
8
<ul><li>Сделайте по одной копии компонентов с текстом и фигурой. Затем расположите их так, чтобы часть текста выходила за пределы фигуры. На панели слоёв текст должен быть выше фигуры.</li>
8
<ul><li>Сделайте по одной копии компонентов с текстом и фигурой. Затем расположите их так, чтобы часть текста выходила за пределы фигуры. На панели слоёв текст должен быть выше фигуры.</li>
9
<li>Сгруппируйте получившуюся композицию и сделайте её копию. На панели слоёв поставьте копию группы выше оригинала.</li>
9
<li>Сгруппируйте получившуюся композицию и сделайте её копию. На панели слоёв поставьте копию группы выше оригинала.</li>
10
<li>Внутри скопированной группы выделите фигуру и нажмите , чтобы сделать маску. У текста поменяйте цвет, например на #FF4820.</li>
10
<li>Внутри скопированной группы выделите фигуру и нажмите , чтобы сделать маску. У текста поменяйте цвет, например на #FF4820.</li>
11
</ul><p>При необходимости фигуру и текст можно изменить в оригинальных компонентах, при этом основная композиция не пострадает.</p>
11
</ul><p>При необходимости фигуру и текст можно изменить в оригинальных компонентах, при этом основная композиция не пострадает.</p>
12
<p>Результат:</p>
12
<p>Результат:</p>
13
<em>Изображение: Skillbox Media</em><p><a>Самоучитель по Figma</a></p>
13
<em>Изображение: Skillbox Media</em><p><a>Самоучитель по Figma</a></p>
14
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
14
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
15
<p><strong>Больше коротких инструкций по Figma</strong></p>
15
<p><strong>Больше коротких инструкций по Figma</strong></p>
16
<a>Научитесь: Figma с нуля до PRO Узнать больше</a>
16
<a>Научитесь: Figma с нуля до PRO Узнать больше</a>