00:01:18 Где можно скачивать декоративные шрифты

00:08:24 Как делать разные геометрические фигуры в Фигме

00:13:34 Как сделать плавный переход между линейной и радиальной заливками

00:19:50 Как написать шрифтом Raleway под наклоном

Плагин SkewDat https://www.figma.com/community/plugin/741472919529947576/SkewDat

00:25:19 Как написать заголовок, уходящий в перспективу

Плагин Fig3D https://www.figma.com/community/plugin/946020080871644950/Fig3D

00:28:50 Как сделать неоновую надпись

00:41:05 Тренды в дизайне 2021

00:45:31 Разбор работ стажеров – основы верстки

На мастер-классе мы разбирались с тем, из чего состоит цепляющая картинка. Самые стильные референсы, присланные участниками, повторили из желудей и спичек в Фигме.

На мастер-классе мы разобрали следующие вопросы:

00:05:43 Что можно делать в Фигме из того, что нельзя делать в Power Point.

Работа с блубами, стилями, тенями, свечение.

Перекрашивание png-картинки

00:35:26 Как обрезать в Power Point части объектов, выходящие за края слайда

00:36:10 Какой размер фрейма в Фигме нужно делать для слайдов презентации

00:37:08 Как сделать полупрозрачные элементы фотографий, разбираем референс

00:56:29 Как делать кривые линии в Фигме

00:01:35 Какой размер фото наилучший для скачивания или это неважно, и как страдает фото при сжатии (растягивании)

00:03:19 Можно ли с картинки с https://www.klipartz.com/ru, на которой сразу несколько элементов, вытащить какой-то один

00:09:19 Сделала бесконечную ленту инстаграм с использованием картинок из Pinterest. Можно ли выставить её в качестве примера в портфолио и подписать, что в работе использованы фотографии из открытых источников

00:10:18 В уроке про блубы Вы говорите про то, что блубы есть в плагинах. А можете показать, как пользоваться этим инструментом?

Плагины для создания блубов:

1.https://www.figma.com/community/plugin/739208439270091369/Blobs

2. https://www.figma.com/community/plugin/740172168964577201/Make-blob

00:13:18 В уроке по клиентской практике вы говорите, что договориться с клиентом, в каком редакторе он сможет вносить правки в шаблон. А если клиент говорит, что ни в каких редакторах он не работает. И скажет, давайте это будете делать вы. Это уже дополнительная услуга, так?

Как сориентироваться по расценкам? От чего оттолкнуться?

00:17:04 Подскажите, как авторизоваться и работать с https://giphy.com/create/gifmaker

00:27:22 Добрый день, Илья! Можете посоветовать другую программу для создания gifimages

00:27:52 Илья, Вы как-то говорили, что если вдруг клиент захочет оформить и другие социальные сети, то нам достаточно трех клавиш и проект можно перенести на другие социальные сети, а цена соответственно за проект возрастет. Покажите пожалуйста на примере, как быстро можно перенести один проект на разные соцсети

00:44:58 Уже несколько раз натыкалась в инстаграм на дискуссию по поводу бесконечной ленты. Одни за то, что это уже антитренд и всем надоели «украшалки», другие с пеной у рта отстаивают ее необходимость для подачи визуала. Спорят с азартом рыночных торговцев))))

Ваше мнение, насколько оформление в виде бесконечной ленты «цепляет» потенциального подписчика

00:46:52 Как сделать 3D буквы в Фигме и есть ли для этого плагины

00:01:38 Можно ли сделать в Фигме оформление из подобранных референсов:

- рисунок и фото с рваной бумагой

- изображение с неоновыми градиентами и рваной надписью

- как отразить буквы

- текст, удаляющийся в перспективе

Для наклона надписи плагин SkewDat

https://www.figma.com/community/plugin/741472919529947576/SkewDat

00:23:51 Представление своего портфолио в соцсетях

00:24:18 Разбор предложенного проекта.

Где взять примеры оформления, от чего можно оттолкнуться

Как подбирать шрифты для кириллицы, которые уже есть в Фигме

Работа с текстом и цветами

00:41:29 Разбор креатива – загнутая лента вокруг объекта

Ctrl+Е – объединить фигуры

00:48:43 Как работать с материалами из учебного файла

00:02:41 Как определить, какой шрифт использован на референсе

Приложения для определения шрифтов

https://www.fonts.ninja/ - приложение для браузера

https://www.myfonts.com/WhatTheFont - сервис для определения шрифта на картинке

Приложение для скриншотов

https://app.prntscr.com/ru/

00:11:00 Скажите, что проходят на курсе "Презентолог", стоит ли после окончания обучения взять ещё этот курс

00:15:45 Как в Фигме сделать радужно переливающиеся блубы

00:31:07 Как вытаскивать картинки из кода страниц сайтов

00:02:08 Что делать, если файл в Фигме не открывается

00:06:30 Почему на платформе уроки низкого разрешения – неполадки с разрешением исправлены

00:08:42 Что нужно сделать, чтобы одна часть объекта оказалась на переднем плане, а другая на заднем

00:16:26 Как увеличить время трансляции гифок

Сайт для создания гифок https://giphy.com/

00:23:34 Где используется гиф-картинки

00:23:50 Как в многослойных проектах двигать одни объекты, не трогая другие

00:30:33 Где взять остальные стили написания шрифта Bebas

https://drive.google.com/file/d/19813jvTAgxbeikNw17COk6u2onT1HVcL/view

00:32:28 Рекомендации от Ильи Боронникова, работа с редактированием фигур

00:00:32 Как правильно войти на мастер-класс, чтобы писать комментарии в ютуб.

00:02:42 Изометрические искажения в Фигме. При работе над третьим уроком, что-то нажала и периметры объектов вдруг из квадратов стали ромбами - какая кнопка могла дать такой эффект. Плагин isometric https://www.figma.com/community/plugin/741184519069077841/Isometric

00:13:23 Как можно сгладить углы в готовой фигуре, чтобы они все стали плавными. Смотрим разные способы рисования кривых.

00:21:30 Какие ещё стили сейчас популярны, интересно посмотреть готовые примеры.

00:27:49 Где можно скачать красивые рукописные шрифты кириллицей - https://www.fonts-online.ru/fonts/handwritten?page=1

00:33:11 Почему текст через некоторое время превращается в картинку и его нельзя редактировать...Почему так случается?

Проект из урока: https://www.figma.com/file/XbWYcfGGMHJHC2bVguOBtO/%D0%9E%D0%B3%D0%BD%D0%B5%D0%BD%D0%BD%D0%B0%D1%8F-%D1%83%D0%BF%D0%B0%D0%BA%D0%BE%D0%B2%D0%BA%D0%B0.-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D1%8B?node-id=36%3A2

00:01:30 Есть ли в Фигме инструмент или плагин, который заменяет кисть фотошопа со всеми формами, способы рисования в программе

00:11:41 Работа с мокапами в Фигме, способы представления проектов заказчику.

Плагин Mockup https://www.figma.com/community/plugin/817043359134136295/Mockup

00:31:35 Разбор курсовых проектов студентов

01:10:55 Рекомендации по разработке проектов – взаимодействие с клиентами

00:01:00 С чем связано написание в Фигме шрифта Bebas Neue только Regular, а не Bolt

Ссылка на архив со шрифтом https://drive.google.com/file/d/1fisRSHVluSeOhHWT_W21Vhl6Jz5Fnruc/view

00:07:05 Как сделать тестовые страницы в соцсетях vк, инстаграм, фаейсбук

00:12:15 Что такое заглушки к вечным сторис

00:15:18 Какие есть особенности в оформлении фейсбука

00:19:18 Какие есть особенности в оформлении лендинга на тильде. Сетка тильды для Фигмы - https://tildoshnaya.com/grid

Гугл сайты - https://sites.google.com/new

00:02:10 Как в Фигме писать текст по окружности и по другим траекториям

00:13:12 Как после курса разбираться с остальными функциями и закладками в Фигме

00:17:00 Как фреймы перенести в Power Point с возможностью менять тексты и фото

00:24:48 Можно ли PNG картинку без фона использовать в качестве маски?

00:36:10 Законы порядка в Фигме (работа с логотипами)

00:42:00 Почему не получается скачать картинку без фона, остается клетка

00:42:41 Законы порядка в Фигме - продолжение

00:50:10 Почему не получается скачать картинку без фона с Google

00:02:13 Как поменять шаблон для оформления портфолио, чтобы была там живая обложка и другое

00:06:32 Есть ли в Фигме инструменты пересечения объектов, обрезка объектов, в том числе по форме, например, как в Power Point.

00:25:24 Как можно совместить разные стили - ярко дорого, динамично, но лаконично и минимализм, ретро, брутализм и т.д.

00:32:00 Как сделать обрезку объекта по диагонали

00:34:59 Как находить референсы в стиле isometric

00:03:40 – Где искать крутых дизайнеров (российских и зарубежных) для вдохновения (https://bureau.ru/)

00:10:39 – Разбор элементов дизайна https://prnt.sc/v8lgwi

00:22:36 – Как в Figma добавить объекту тень определенной направленности?

00:24:38 – Можно ли в Figma оформить презентацию, как в РР? Как это можно сделать?

00:27:51 – Как сжать Pdf-файл? (https://www.ilovepdf.com/ru)

00:28:59 – Можно ли в Figma настроить градиентный фон не прибегая к дополнительным фигурам?

00:31:01 – Можно ли из Figma сохранить или перенести фигуру без фрейма(фона), например вставить в презентацию?

00:35:32 – Figma подходит для совсем нулевых?

00:39:32 – Как увеличивать фрейм с объектами чтобы они тоже увеличивались одновременно с ним а не оставались того же размера?

00:46:16 – Как сделать неоновый эффект как на фото https://i.ytimg.com/vi/5eH36dyaID4/maxresdefault.jpg?

00:53:52 – Что такое компонента в Figma?

00:00:10 Как перенести и сделать инстапазл в Канву чтобы проект был изменяемым. IMGonline.com.ua

00:10:45 Можно ли в Фигме вставлять невидимые ссылки на кликабельные слова и объекты

00:17:05 При конвертации картинки с Фрипик, формат jpg, Клаудконверт не предлагает другой формат- svg. Как можно перевести картинку в вектор другим способом или какой выбрать формат из предлагаемых. ​https://www.freepik.com, Вектор и Растр https://vk.com/wall-150192768_2463, https://cloudconvert.com/

00:27:10 Вопросы от гостей мастер-класса - плагины Image tracer, SkewDat

0:01:45 – Как решить проблему с отсутствием кириллического написания в шрифте Bebas neue (ссылка на кириллическую версию шрифта: https://ofont.ru/view/4643)

0:06:24 – Какие сервисы для обработки фото в едином стиле есть для компьютера (сервисе Pixlr: https://pixlr.com/ru/e/)

0:09:08 – Насколько сложно создать дизайн, как на картинке к опроснику – цветной дым, цветная вуаль и подобное (сервис Рixabay: https://pixabay.com/ru/)

0:12:03 – Как убрать стиль в Figma

0:14:12 – Как повторить трюк с полупрозрачным стеклом на примере группы клубничек, зачем там нужна функция substract selection

0:20:30 – Рекомендации по публикации учебных работ в социальных сетях

0:22:55 – Будут ли отдельные уроки про плагины (Топ-5 плагинов Figma: https://youtu.be/4JdgBvBXoKE)

0:23:50 – Как делать баннеры в ленте Instagram, чтобы они составляли единую картинку (референсы в Pinterest: https://pin.it/7cAPd0U)

0:27:40 – Рекомендации по работе с разделом Community

0:01:20 – Как работать с инструментом точечной восстанавливающей кисти, просто восстанавливающей кистью, заплаткой для вырезания лишнего с восстановлением фона в сервисе Photopia (https://www.photopea.com/)

0:11:40 – Пара слов о сервисе Pixlr (https://pixlr.com/ru/e/)

0:12:56 – Как в Figma поставить в тексте буллиты или чем их заменить

0:13:39 – Сервис генерации текста Fishtext (https://fishtext.ru/)

0:14:16 – Продолжение работы с буллитами

0:17:40 – Как грамотно выкупить с иностранных сайтов нужные референсы: платный аккаунт Freepik (https://www.freepik.com/)

0:21:25 – Платный сервис Shutterstock (https://www.shutterstock.com/ru/)

0:25:00 – Работа с изображениями с водяным знаками

0:26:20 – Где можно поучиться разрабатывать логотипы: курс по брендингу «Айдентика своими руками» (https://orfografika.ru/identity-diy)

0:28:19 – Рекомендации по литературе и работе с онлайн-книгами (https://books.google.ru/). Хорошая и понятная книга по айдентике: Девид Эйри «Логотип и фирменный стиль. Руководство дизайнера. 2-е изд.»

0:30:21 – Сетка для рисования иконок в Figma как основа для логотипов Icon Template (https://www.figma.com/community/file/776913337659021541)

0:32:25 – Делаем логотип для дизайн-студии: поиск референсов на сервисе Shutterstock (https://www.shutterstock.com/ru/)

0:38:43 – Готовые темплейты на Creative market (https://creativemarket.com/)

0:40:44 – Как сделать объемные иконки в Figma: плагин SkewDat (https://www.figma.com/community/plugin/741472919529947576/SkewDat)

0:53:20 – Как перевести фото/изображение в вектор: плагины Roto и (https://www.figma.com/community/plugin/733184376355671573/Roto) Image tracer (https://www.figma.com/community/plugin/735707089415755407/Image-tracer)

0:57:55 – Где брать изображения в 3D: работа с сервисом Pixelsquid (https://www.pixelsquid.com/)

1:02:00 – Как работать с клиентом на клиентской практике

00.01.25 В чем разница между графическим и веб-дизайном. Какие еще виды дизайна существуют.

00.07.10 Можно ли на обложку группы поместить "живой"объект - https://www.canva.com/ru_ru/

00.15.25 Можно ли сделать сменную обложку для версии ПК, а не только на телефоне.

00.16.50 Будут ди отдельные мастер-классы вне рамок обучающих программ.

00.18.50 Как в Фигме сделать бесконечную ленту и дать доступ клиенту. Что делать, если не успеваю закончить обучение за месяц.

00.33.50 Как одновременно поменять цвет сразу в нескольких фигурах - https://ru.freepik.com/

00.44.25 Интересные трюки в Фигме

00.47.35 Как удалить фон - https://www.remove.bg/ru

00.54.20 Добавление 3д объектов в проект - https://www.pixelsquid.com/

На мастер-классе мы разобрали следующие вопросы:

00:01:03 Клиент перестал отвечать. Что делать - возможно, нужно позвонить.

00:08:02 Будут ли уроки про то, как в Фигме делать 3д изображения с объёмом. https://ru.freepik.com/

00:25:10 Как создать объект с летящей тенью, как у нас на сертификате буква О в названии Огненная упаковка. Плагин Filter https://www.figma.com/community/plugin/792025380269016893/Filter

00:40:53 Как отредактировать текст, чтобы он был без автоподбора, как в PowerPoint

00:42:57 Пользуетесь ли вы графическим планшетом, удобно ли им пользоваться для дизайна, а не иллюстрации.

00:50:10 Как в сообществе в ВК создать альбом своих работ, то есть портфолио с точки зрения автоматизации.

0:03:40 - Как сделать градиент внутри фигуры и снаружи

0:08:35 - Как создать живую обложку ВК со сменой изображений

0:17:50 - Какие типичные ошибки бывают в аватарках для соцсетей

0:22:47 - Как сделать картинку в проекции (плагин Vectary 3D: https://www.figma.com/community/plugin/769588393361258724/Vectary-3D)

0:28:50 - Продолжаем работу с перспективой и проекциями: возможности графического редактора Photopea (https://www.photopea.com/)

0:34:50 - Как сделать размытие краев картинки или переход одной картинку в другую

0:43:02 - Как расположить в обложке ВК квадраты с изображением под углом

0:50:06 - Можно ли вставить картинку на грань другой картинки, как мы делали с кубиком Рубика

0:50:30 - Можно ли в Figma сделать видео шаблон, как в канве

0:51:39 - Какие курс у вас еще есть (https://vk.com/prodprez)

0:53:24 - Как немного размыть края фигуры, чтобы она "вжилась" в другой фон

0:56:31 - Можно ли имея фирменный стиль из презентации в PowerPoint перенести в Figma и наоборот (сервис сжатия pdf: https://www.ilovepdf.com/ru)

1:01:08 - Как прикрепить разработанный дизайн ВКонтакте и Инстаграм для меню на само меню

1:03:40 - Как загрузить живую обложку в Инстарам

1:03:40 - Как быстро проверяются задания на курсе

На мастер-классе мы разобрали следующие вопросы:

- Доступ к урокам после окончания курса

- Копирование объектов, работа с группами объектов

- Какие есть программы на компьютере с фильтрами для фотографий

- Есть ли анимация в Фигме

- Нужно ли с проектом отправлять заказчику шрифты

- Как пользоваться сайтом https://www.behance.net/ для развития насмотренности

- Как выбирать проект - делать всё подряд, чтобы набраться опыта, или выбирать то, что по душе

- Плагин Pattern Hero поможет ли мне разделить фото на 25 частей, как пазл

- Как сделать направляющие на фрейме

- Как искать и применять плагины, есть ли описание на русском, кто их делает, сможем ли мы потом их сами делать

- Можно ли использовать плагины в браузерной версии программы

- Как добавить в портфолио видеообложку

- Можно ли убрать надписи с фотографии

Ресурсы мастер-класса:

Аналог Фотошопа для обработки фото онлайн https://www.photopea.com/

Онлайн-фоторедактор https://pixlr.com/ru/

Референсы https://www.behance.net/

Плагины для Фигмы https://www.youtube.com/watch?v=4JdgBvBXoKE

Удаление фона на изображениях https://www.remove.bg/ru

Конвертирование файлов для Фигмы https://cloudconvert.com/

На мастер-классе мы разобрали вопросы:

- Как убрать лишние проекты в Figma.

- Как отзеркалить изображение.

- Какие типы линий бывают.

- Почему в 7 задании картинки искали в Google, а не в HotPNG.

- Как разместить объекты на живой обложке с учетом границ отображения в разных форматах.

- Что означает значок компоненты.

- Как объединять фигуры (обрезка, маска).

Бонусы мастер-класса:

- Перенос плагинов в общий раздел наработок Community Figma.

- Типы контуров текста.

- Работа с линиями (изгиб, окончания, пунктир, скругление).

- Работа с компонентами.

- Редактура аватарки и имени.

1. Как в Фигме сделать и сохранить презентацию?

2. Работа с масками - как сохранить цвет исходного рисунка?

3. Можно ли смешивать стили в проекте?

4. Как работать с палитрами цветов от основного цвета?

5. Как правильно установить поля?

6. Как автоматически выровнять объекты на фрейме?

7. Как перемещать объекты?

8. Разные способы обрезки и вставки картинок

9. Работа с тенями

10. Применение стилей текста и теней в проекте

00:03:50 Не получается окраска фигур в цвета референсов

00:07:55 Как в Фигме поставить направляющие и сетку

00:09:37 Как разгруппировать объекты

00:12:33 Можно ли редактировать волнистую линию после ее сохранения

00:14:38 В каком формате возможна передача проекта клиенту

00:20:53 Можно ли в Фигме поворачивать фигуры вокруг своей оси

00:21:39 Какие шрифты чаще всего используются

00:25:30 Как делаются следующие элементы – литые полоски, хаотичные мазки красок, тени в углах изображений

00:39:00 Вопросы из чата, рекомендации к домашним заданиям 1 недели обучения