1 added
1 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#подборки</a></p>
1
<p><a>#подборки</a></p>
2
<ul><li>8 окт 2021</li>
2
<ul><li>8 окт 2021</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Как быстро добавить на макет реалистичный мокап, иллюстрацию и написать текст в стиле WordArt.</p>
4
</ul><p>Как быстро добавить на макет реалистичный мокап, иллюстрацию и написать текст в стиле WordArt.</p>
5
<p>OlyaSnow для Skillbox Media</p>
5
<p>OlyaSnow для Skillbox Media</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
7
<p>Стандартные функции Figma не позволяют работать с 3D. Например, вы не сможете превратить плоский объект в трёхмерный или редактировать объёмный мокап. В этом вам помогут плагины, которые расширяют функционал графического редактора.</p>
7
<p>Стандартные функции Figma не позволяют работать с 3D. Например, вы не сможете превратить плоский объект в трёхмерный или редактировать объёмный мокап. В этом вам помогут плагины, которые расширяют функционал графического редактора.</p>
8
<p>Рассказываем, какие плагины для Figma помогут вам работать с 3D-иллюстрациями.</p>
8
<p>Рассказываем, какие плагины для Figma помогут вам работать с 3D-иллюстрациями.</p>
9
<p>Иногда для портфолио дизайнеры искажают перспективу своих макетов так, чтобы они выглядели трёхмерными. Это можно быстро сделать в Photoshop, но пройдёт целая вечность, пока его откроешь. Эту же задачу можно решить прямо в Figma с помощью плагина Attention Insight.</p>
9
<p>Иногда для портфолио дизайнеры искажают перспективу своих макетов так, чтобы они выглядели трёхмерными. Это можно быстро сделать в Photoshop, но пройдёт целая вечность, пока его откроешь. Эту же задачу можно решить прямо в Figma с помощью плагина Attention Insight.</p>
10
Изображение: дизайн<a>Ilia Utkin</a>/ Skillbox Media<p><strong>Как пользоваться</strong></p>
10
Изображение: дизайн<a>Ilia Utkin</a>/ Skillbox Media<p><strong>Как пользоваться</strong></p>
11
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
11
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
12
<li>Зайдите в Figma, нажмите правой кнопкой мыши на любой фрейм, в выпадающем меню перейдите в пункт Plugins и выберите 3D Transformer.</li>
12
<li>Зайдите в Figma, нажмите правой кнопкой мыши на любой фрейм, в выпадающем меню перейдите в пункт Plugins и выберите 3D Transformer.</li>
13
<li>Измените настройки перспективы и нажмите на кнопку Insert Layer.</li>
13
<li>Измените настройки перспективы и нажмите на кнопку Insert Layer.</li>
14
</ul>Изображение: дизайн<a>Ilia Utkin</a>/ Skillbox Media<p>На презентации проекта дизайнеры стараются показать, как работа будет выглядеть в жизни. Для этого используют мокапы, но найти подходящий и бесплатный бывает не так просто.</p>
14
</ul>Изображение: дизайн<a>Ilia Utkin</a>/ Skillbox Media<p>На презентации проекта дизайнеры стараются показать, как работа будет выглядеть в жизни. Для этого используют мокапы, но найти подходящий и бесплатный бывает не так просто.</p>
15
<p>Коллекция мокапов в плагине Vectary 3D Elements поможет показать, как ваш дизайн выглядит в деле - хоть на экране айфона, хоть на балончике с краской, хоть на худи, хоть на скафандре!</p>
15
<p>Коллекция мокапов в плагине Vectary 3D Elements поможет показать, как ваш дизайн выглядит в деле - хоть на экране айфона, хоть на балончике с краской, хоть на худи, хоть на скафандре!</p>
16
Изображение: Skillbox Media<p><strong>Как пользоваться</strong></p>
16
Изображение: Skillbox Media<p><strong>Как пользоваться</strong></p>
17
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
17
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
18
<li>Зайдите в Figma, нажмите правой кнопкой мыши макет, в выпадающем меню перейдите в пункт Vectary 3D Elements.</li>
18
<li>Зайдите в Figma, нажмите правой кнопкой мыши макет, в выпадающем меню перейдите в пункт Vectary 3D Elements.</li>
19
<li>В открывшемся окне выберите подходящий мокап.</li>
19
<li>В открывшемся окне выберите подходящий мокап.</li>
20
<li>Выберите на макете фрейм, который нужно поместить на мокап, и нажмите кнопку Load Frame.</li>
20
<li>Выберите на макете фрейм, который нужно поместить на мокап, и нажмите кнопку Load Frame.</li>
21
-
<li>Поставьте элемент в нужное положение, настройте свет и нажмите кнопк�� Export Image.</li>
21
+
<li>Поставьте элемент в нужное положение, настройте свет и нажмите кнопку Export Image.</li>
22
</ul><p>Также плагин позволяет выгрузить раскладку текстуры для макета и использовать собственную 3D-модель.</p>
22
</ul><p>Также плагин позволяет выгрузить раскладку текстуры для макета и использовать собственную 3D-модель.</p>
23
Изображение: Skillbox Media<p>Если вам вдруг понадобятся 3D-надписи, не обязательно делать их в сторонних сервисах или в Blender. Решить эту задачу в Figma поможет плагин Roto, который делает объёмными любые фигуры и текстовые блоки.</p>
23
Изображение: Skillbox Media<p>Если вам вдруг понадобятся 3D-надписи, не обязательно делать их в сторонних сервисах или в Blender. Решить эту задачу в Figma поможет плагин Roto, который делает объёмными любые фигуры и текстовые блоки.</p>
24
Изображение: Skillbox Media<p><strong>Как пользоваться</strong></p>
24
Изображение: Skillbox Media<p><strong>Как пользоваться</strong></p>
25
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
25
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
26
<li>Зайдите в Figma, нажмите правой кнопкой мыши на любую фигуру или текстовый блок, в выпадающем меню перейдите в пункт Plugins и выберите Roto.</li>
26
<li>Зайдите в Figma, нажмите правой кнопкой мыши на любую фигуру или текстовый блок, в выпадающем меню перейдите в пункт Plugins и выберите Roto.</li>
27
<li>Измените настройки перспективы и нажмите на кнопку OK. Все изменения объекта отображаются прямо на макете.</li>
27
<li>Измените настройки перспективы и нажмите на кнопку OK. Все изменения объекта отображаются прямо на макете.</li>
28
</ul>Изображение: Skillbox Media<p>В любом лендинге есть акцентные иллюстрации, которые помогают читателю понять структуру статьи и направляют его внимание. Если у вас нет под рукой иллюстратора, а лендинг нужно скоро показывать клиенту, попробуйте использовать коллекцию рук из плагина Handz 3D Illustration.</p>
28
</ul>Изображение: Skillbox Media<p>В любом лендинге есть акцентные иллюстрации, которые помогают читателю понять структуру статьи и направляют его внимание. Если у вас нет под рукой иллюстратора, а лендинг нужно скоро показывать клиенту, попробуйте использовать коллекцию рук из плагина Handz 3D Illustration.</p>
29
Изображение: Skillbox Media<p><strong>Как пользоваться</strong></p>
29
Изображение: Skillbox Media<p><strong>Как пользоваться</strong></p>
30
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
30
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
31
<li>Зайдите в Figma, нажмите правой кнопкой мыши макет, в выпадающем меню перейдите в пункт Handz 3D Illustration.</li>
31
<li>Зайдите в Figma, нажмите правой кнопкой мыши макет, в выпадающем меню перейдите в пункт Handz 3D Illustration.</li>
32
<li>В появившемся меню выберите цвет кожи рук и одежду. Нажмите на любую из них, и она появится на макете.</li>
32
<li>В появившемся меню выберите цвет кожи рук и одежду. Нажмите на любую из них, и она появится на макете.</li>
33
</ul>Изображение: дизайн<a>Eric</a>/ Skillbox Media<p>Ещё один набор 3D-иллюстраций, но уже с сортировкой по категориям - соцсети, абстракции, руки, примитивы. У каждой можно изменить цвета, перспективу и размер.</p>
33
</ul>Изображение: дизайн<a>Eric</a>/ Skillbox Media<p>Ещё один набор 3D-иллюстраций, но уже с сортировкой по категориям - соцсети, абстракции, руки, примитивы. У каждой можно изменить цвета, перспективу и размер.</p>
34
<p>Бесплатно доступны не все настройки. Доступ ко всем функциям обойдётся в 12 долларов в месяц.</p>
34
<p>Бесплатно доступны не все настройки. Доступ ко всем функциям обойдётся в 12 долларов в месяц.</p>
35
Изображение: Skillbox Media<p><strong>Как пользоваться</strong></p>
35
Изображение: Skillbox Media<p><strong>Как пользоваться</strong></p>
36
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
36
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
37
<li>Зайдите в Figma, нажмите правой кнопкой мыши макет, в выпадающем меню перейдите в пункт Addjust.</li>
37
<li>Зайдите в Figma, нажмите правой кнопкой мыши макет, в выпадающем меню перейдите в пункт Addjust.</li>
38
<li>В появившемся меню выберите нужную категорию и иллюстрацию.</li>
38
<li>В появившемся меню выберите нужную категорию и иллюстрацию.</li>
39
<li>Укажите размер, перспективу и цвета. Первый цвет - блики, второй - заливка. Меняться иллюстрация будет прямо на макете.</li>
39
<li>Укажите размер, перспективу и цвета. Первый цвет - блики, второй - заливка. Меняться иллюстрация будет прямо на макете.</li>
40
</ul>Изображение: Skillbox Media<a>Практический курс: "Figma с нуля до PRO" Узнать о курсе</a>
40
</ul>Изображение: Skillbox Media<a>Практический курс: "Figma с нуля до PRO" Узнать о курсе</a>