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 недели обучения