Дополнения

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

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

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

184 924 чел. 379 923 работы 4 022 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

21 урок по FIGMA

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

В период с 29 октября по 4 ноября уроки будут доступны бесплатно.

И принимайте участие в нашем Марафоне по веб-дизайну. 1 этап уже запущен и продлится до 3 ноября.

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

 

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

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

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

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

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

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

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

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

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

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

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

Не понимаю, а не пробовали Corel Photo Paint - почти тот же фотошоп, но нет всяких заморочек, прост как трехлинейка и делать можно все тоже, что и в фотошопе!!!?? Да и стоит НАМНОГО дешевле!!! На худой конец - возьмите ГИМП - тоже бесплатная - это уже РЕАЛЬНЫЙ фотошоп, только бесплатный и намного ПРОЩЕ!!!

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

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

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

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

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

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

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

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

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

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

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

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

Как то так landing page!
https://www.figma.com/proto/LITIsfMVlrxBQe1KzEtDXb9O/Untitled?node-id=1%3A2&viewport=449%2C492%2C0.5&scaling=min-zoom

Большое спасибо за уроки! Вот мой первый опыт: https://www.figma.com/file/20n9QENPy1Dsr5EARsTZwk/1?node-id=0%3A1 Возник вопрос - как вставить ссылку?

Здравствуйте !!!
ПОДСКАЖИТЕ КАК СКАЧАТЬ УРОКИ ДЛЯ АВТОНОМНОГО ПРОСМОТРА ???
С огромным уважением Сергей Алексеевич.
Мой адрес pristenskiy51@yandex.ru

FotoMAST, Здравствуйте. Автономный просмотр будет позже, на онлайн-платформе.

Здравствуйте! Смотреть можно будет до 4 включительно? Не успел сегодня( Завтра смогу досмотреть?

https://www.figma.com/proto/Ov9RrhVCCUA74xBVcgtQfM/1?node-id=13%3A1&viewport=245%2C411%2C1&scaling=min-zoom
https://www.figma.com/file/Ov9RrhVCCUA74xBVcgtQfM/1?node-id=0%3A1
https://www.figma.com/proto/WuUwQnP6bNTTEHh1jF4tvA/2?node-id=7%3A48&viewport=734%2C758%2C1&scaling=min-zoom
https://www.figma.com/file/WuUwQnP6bNTTEHh1jF4tvA/2?node-id=3%3A45Спасибо!:)

Спасибо за уроки.К сожалению, не всегда понятны операции, так как не совпадают с маком. На пример, не понятен урок Share. Как перейти в браузер? И почему там вдруг откроется мой проект? Совсем не понятно)

Добавить комментарий / работу
Наверх

Авторизация

Забыли?

Регистрация

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

Оставить комментарий

(до 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