Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

207 785 чел. 399 346 работ 4 090 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

21 урок по FIGMA

Начните осваивать карьеру веб-дизайнера с новым онлайн-сервисом Figma. Даниил Волосатов — веб-дизайнер «Фотошоп-мастер», подготовил для вас подробные уроки. 

И принимайте участие в нашем Марафоне по веб-дизайну. Старт 11 мая в 19:00 мск. 

1. Скачиваем программу Figma

2. Обзор интерфейса

3. Frame

4. Move и Scale

5. Инструмент формы

6. Перо и карандаш

7. Инструмент текст

8. Комментарии

9. Экспорт

10. Смарт выравнивание

11. Маска слоя

12. Share

13. Модульная сетка

14. Режим смешивания

15. Стили для текста

16. Стили для цвета

17. Компоненты

18. Адаптивные элементы

19. Прототипирование

20. Плагины

21. Гифки в Figma

 

Комментарии 51

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Благодарю.
Просмотрела все уроки. Приложила картинку того, что сделала в программе Figma.

Aļona Suhačova, Начало положено) остальное дело практики)

Даниил, спасибо за курс! Я уже несколько месяцев дизайню в Фигме, и тем не менее с удовольствием просмотрела эти уроки. Нашла новые для себя фишечки. Класс!

Посмотрела эти видео и сразу Фигма стала близка и понятна. Мне она напомнила векторную программу, в которой я обычно работаю. Как я понимаю, она на все программы в чём-то похожа
Так вдохновили уроки, что я решилась на отрисовку (вот везде пытаюсь её делать, только не там где надо)
Конечно она коряво получилась, не совсем поняла как редактировать потом точки. И по маске тоже вопрос - почему она накладывается на контур, когда его нет?
Даниилу спасибо за вдохновение!

Благодарю, за уроки! Будем осваивать.

Спасибо за отличный курс! Благодаря ему многое упорядочилось. Мне было особенно полезно т. к. в основном изучала Figma "методом тыка". Знание Photoshop порой помогало, порой мешало. Теперь все стало по полочкам. Главное, чаще использовать эти знания на практике.

Годится! Будем осваивать!

Отличная задумка и воплощение! Спасибо!

Очень интересно ... переплюнете ли товарища Фимушкина с его 60К стоимости аналогичного ? )

AndrewP1975, Задача не стоит переплюнуть Авторов других курсов. Задача передать вам опыт наставника и помощь начать действовать.

Евгений Иванов, спасибо ! Классные ролики на твоем канале , Женя ! Заходи и ко мне в гости .

Это очень удобная программа, спасибо!

Oksana Boronenko, Пожалуйста)) осваивайте. Будут еще уроки!

Спасибо большое за курс!!!

Спасибо! У меня вопрос: когда я создаю фигуру прямоугольника, нажимаю на маску и добавляю картинку, у меня картинка отображается полностью в прямоугольнике. А как сделать как в уроке,чтоб отображалась часть картинки и нужную часть я передвигала внутри прямоугольника??

Evgenia Shekhovtsova, на маску надо нажимать после добавления картинки, которую ставим над прямоугольником.

Изучила все инструменты, спасибо!

Вот,что я натворила в Фигме..Я новичок)

Evgenia Shekhovtsova, Ну в любом случае это первые шаги! Здорово, продолжайте Евгения. За окном самая лучшая пора чтобы сажать семена, которые уже прорастут до весны!

Спасибо Даниил, за очень интересные уроки! Вдохновили на подвиг! Вот мой первый опыт в Фигме. Конечно много вопросов при построении возникают, но это дело практики. Буду дальше осваивать!
https://www.figma.com/file/zNBEDBQCZUVWq9cQMW3DTl/%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D1%8B%D0%B9?node-id=0%3A1
это презентация
https://www.figma.com/proto/zNBEDBQCZUVWq9cQMW3DTl/%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D1%8B%D0%B9?node-id=2%3A0&scaling=min-zoom

Большое спасибо! Попробую....

Спасибо! Коротко и понятно

https://www.figma.com/file/G1NXmQeOYuzoBDwFwGBtEMFl/Untitled?node-id=0%3A1

https://www.figma.com/file/Voag9P20AVAArpDBVBPhBu50/Frames?node-id=0%3A1

Еще 8
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

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

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules