Media is too big
VIEW IN TELEGRAM
17.05 Как вырезать человека из фото
1. Введение:
01 - Введение
02 - Немного технических вопросов
03 - Скачиваем материалы для работы
2. Основы работы в Figma:
01 - Создаём первый макет
02 - Что такое Grid
03 - Немного про Wireframe
04 - Основы работы с изображениями
05 - Базовая работа с текстом
06 - Работа с иерархией элементов в документе
07 - Что такое UX и UI
3. Работа с цветом:
01 - Как заимствовать цвет из изображений
02 - Практика подбора цвета из изображений
03 - Углубленная работа с цветом + HSB
04 - Углубленная работа с фигурами
05 - Как использовать градиент
06 - Где искать вдохновение
4. Работа с изображениями:
01 - Как увеличить контрастность фото
02 - Как тонировать и затемнять фото
03 - Техника экстремальной обрезки изображений
04 - Техника мягкой обрезки изображений
05 - Практика по мягкой обрезке
06 - Удаляйте лишний фон
07 - Подбирайте классные фото
08 - Как работать с иконками
09 - Как создать собственную иконку
10 - Создаём кнопку и работаем с эффектами
11 - Разбираемся с форматами изображений
5. Работа с текстом:
01 - Углубленная работа с текстом
02 - Почему шрифты это важно
03 - Главные типы шрифтов
04 - Где искать шрифты ч.1
05 - Где искать шрифты ч.2
06 - Рыбный текст + установка плагинов
07 - Практика по поиску шрифтов
08 - Как использовать настройку шрифтов
09 - Создаём лист со стилями сайта
10 - Продолжаем создавать макет
6. Маски, линии, перо и карандаш:
01 - Как работать с масками слоя
02 - Как работать с линиями
03 - Практика по работе с пером
04 - Доделываем сайт с портфолио
7. Дизайнерские трюки:
01 - Трюки с наложением элементов друг на друга
02 - Одинаковые элементы на странице
03 - Трюки с повторениями
04 - Трюки с контрастом
05 - Трюки с пустым пространством
06 - Как развиваться в дизайне
8. Новый проект - подготовка:
01 - Пара слов и продолжаем!
02 - Бриф с заказчиком
03 - Создаём муд-борд
04 - Как делиться проектом
05 - Что такое FigJam
06 - Недавние обновления FigJam
07 - Создаём Wireframe нового проекта ч.1
08 - Создаём Wireframe нового проекта ч.2
09 - Создаём Wireframe нового проекта ч.3
10 - Создайте Wireframe
9. Введение в адаптивный дизайн:
01 - Введение в адаптивный дизайн
02 - Constraints + Grid
03 - Различие между фреймами и группами
04 - Применяем Constraints к макету портфолио
05 - Практика Constraints на макете портфолио
10. Дополнительные возможности Figma:
01 - Как работать с компонентами
02 - Как работать с Auto-layout
11. Стилизуем макет:
01 - Предисловие к блоку
02 - Стилизуем макет ч.1
03 - Стилизуем макет ч.2
04 - Подбираем шрифты
05 - Стилизуем макет ч.3
06 - Стилизуем макет ч.4
07 - Стилизуем макет ч.5
12. Адаптивный дизайн:
01 - Теория адаптивного дизайна
02 - Адаптивный дизайн под планшет ч.1
03 - Адаптивный дизайн под планшет ч.2
13. Ускорение рабочих процессов:
01 - Горячие клавиши
02 - Как создать компоненты с помощью плагинов
03 - Быстрый адаптив
04 - Полезные плагины
05 - Ускоряется в создании мобильной версии сайта
14. Прототипирование:
01 - Основы прототипирования
02 - Углублённые настройки прототипирования
03 - Анимируем подсказку
04 - Анимируем мобильную версию меню
05 - Анимируем кнопки
06 - Анимируем ручной слайдер
07 - Анимируем автоматический слайдер
08 - Анимируем красивый счётчик с помощью смарт-анимации
09 - Как взаимодействуют прототипы с компонентами
10 - Variants в компонентах
15. Библиотеки:
01 - Разница бесплатной и платной версий Figma
02 - Как работать с библиотеками
16. Экспорт:
01 - Экспорт файлов из Figma
02 - Передача проекта в разработку
17. Работа в Photoshop:
01 - Подготовка Photoshop
02 - Работа со слоями в Photoshop
03 - Расширяем границы изображений
04 - Удаляем ненужное из фото
05 - Как вырезать человека из фото
06 - Маски в Photoshop
07 - Экспорт файлов из Photoshop
01 - Введение
02 - Немного технических вопросов
03 - Скачиваем материалы для работы
2. Основы работы в Figma:
01 - Создаём первый макет
02 - Что такое Grid
03 - Немного про Wireframe
04 - Основы работы с изображениями
05 - Базовая работа с текстом
06 - Работа с иерархией элементов в документе
07 - Что такое UX и UI
3. Работа с цветом:
01 - Как заимствовать цвет из изображений
02 - Практика подбора цвета из изображений
03 - Углубленная работа с цветом + HSB
04 - Углубленная работа с фигурами
05 - Как использовать градиент
06 - Где искать вдохновение
4. Работа с изображениями:
01 - Как увеличить контрастность фото
02 - Как тонировать и затемнять фото
03 - Техника экстремальной обрезки изображений
04 - Техника мягкой обрезки изображений
05 - Практика по мягкой обрезке
06 - Удаляйте лишний фон
07 - Подбирайте классные фото
08 - Как работать с иконками
09 - Как создать собственную иконку
10 - Создаём кнопку и работаем с эффектами
11 - Разбираемся с форматами изображений
5. Работа с текстом:
01 - Углубленная работа с текстом
02 - Почему шрифты это важно
03 - Главные типы шрифтов
04 - Где искать шрифты ч.1
05 - Где искать шрифты ч.2
06 - Рыбный текст + установка плагинов
07 - Практика по поиску шрифтов
08 - Как использовать настройку шрифтов
09 - Создаём лист со стилями сайта
10 - Продолжаем создавать макет
6. Маски, линии, перо и карандаш:
01 - Как работать с масками слоя
02 - Как работать с линиями
03 - Практика по работе с пером
04 - Доделываем сайт с портфолио
7. Дизайнерские трюки:
01 - Трюки с наложением элементов друг на друга
02 - Одинаковые элементы на странице
03 - Трюки с повторениями
04 - Трюки с контрастом
05 - Трюки с пустым пространством
06 - Как развиваться в дизайне
8. Новый проект - подготовка:
01 - Пара слов и продолжаем!
02 - Бриф с заказчиком
03 - Создаём муд-борд
04 - Как делиться проектом
05 - Что такое FigJam
06 - Недавние обновления FigJam
07 - Создаём Wireframe нового проекта ч.1
08 - Создаём Wireframe нового проекта ч.2
09 - Создаём Wireframe нового проекта ч.3
10 - Создайте Wireframe
9. Введение в адаптивный дизайн:
01 - Введение в адаптивный дизайн
02 - Constraints + Grid
03 - Различие между фреймами и группами
04 - Применяем Constraints к макету портфолио
05 - Практика Constraints на макете портфолио
10. Дополнительные возможности Figma:
01 - Как работать с компонентами
02 - Как работать с Auto-layout
11. Стилизуем макет:
01 - Предисловие к блоку
02 - Стилизуем макет ч.1
03 - Стилизуем макет ч.2
04 - Подбираем шрифты
05 - Стилизуем макет ч.3
06 - Стилизуем макет ч.4
07 - Стилизуем макет ч.5
12. Адаптивный дизайн:
01 - Теория адаптивного дизайна
02 - Адаптивный дизайн под планшет ч.1
03 - Адаптивный дизайн под планшет ч.2
13. Ускорение рабочих процессов:
01 - Горячие клавиши
02 - Как создать компоненты с помощью плагинов
03 - Быстрый адаптив
04 - Полезные плагины
05 - Ускоряется в создании мобильной версии сайта
14. Прототипирование:
01 - Основы прототипирования
02 - Углублённые настройки прототипирования
03 - Анимируем подсказку
04 - Анимируем мобильную версию меню
05 - Анимируем кнопки
06 - Анимируем ручной слайдер
07 - Анимируем автоматический слайдер
08 - Анимируем красивый счётчик с помощью смарт-анимации
09 - Как взаимодействуют прототипы с компонентами
10 - Variants в компонентах
15. Библиотеки:
01 - Разница бесплатной и платной версий Figma
02 - Как работать с библиотеками
16. Экспорт:
01 - Экспорт файлов из Figma
02 - Передача проекта в разработку
17. Работа в Photoshop:
01 - Подготовка Photoshop
02 - Работа со слоями в Photoshop
03 - Расширяем границы изображений
04 - Удаляем ненужное из фото
05 - Как вырезать человека из фото
06 - Маски в Photoshop
07 - Экспорт файлов из Photoshop