-
Автор темы
- #1
Всем привет
С вами я Сережа граф
Это гайд на Figma (только не надо писать - хвх)
тут будет самая база, если хотите сделаю вам большой гайд попозже
1. Регистрация и скачивание фигмыС вами я Сережа граф
Это гайд на Figma (только не надо писать - хвх)
тут будет самая база, если хотите сделаю вам большой гайд попозже
зарегистрироваться можно тут:
Пожалуйста, авторизуйтесь для просмотра ссылки.
скачивать не обязательно, но мне больше нравится апп, чем в браузере
2. После загрузки
авторизуемся
после авторизации нас встречает
Пожалуйста, авторизуйтесь для просмотра ссылки.
нажимаем на кнопку New design file
готово
3. Начинаем PastDesign133
Нас встречает
Пожалуйста, авторизуйтесь для просмотра ссылки.
сейчас нам надо только Курсор(Move), квадратик(RectAngle) и текст
Выбираем квадрат
делаем любой квадратик
4. Разбираемся с правой панелью
во вкладке Position мы можем увидеть, на удивление позицию квадрата, больше нам от сюда и не надо
Во вкладке Layout есть wight и height
Во вкладке Appearance мы видим Corner radius, это закругление, что касается opacity, оно нам не надо
Во вкладке Fill есть цвет, подробнее о нем в пункте 5
Во вкладке Stroke есть обводка, подробнее о нем в пункте 7
Во вкладке Effect есть эффекты, подробнее о них в пункте 6
5. Цвет
цвет есть Solid, Gradient, image, video
С solid все понятно, просто цвет
Вкладка Gradient
Дополнительная вкладка Stops отвечает за цвета, которые будут в градиенте, а также там есть %, допустим 0 на 99 будет выглядеть
Пожалуйста, авторизуйтесь для просмотра ссылки.
Как изменить градиент?
на фото выше была такая палочка, хз как называется
ее можно
Пожалуйста, авторизуйтесь для просмотра ссылки.
Image как можно догадаться вставляет картинку, а video видео
6. Эффекты
Inner shadow делает так:
Пожалуйста, авторизуйтесь для просмотра ссылки.
/
Пожалуйста, авторизуйтесь для просмотра ссылки.
(настройки 50 / прозрачность 100%)Drop shadow создает тень от нашего кубика
Layer blur делает вот так
Пожалуйста, авторизуйтесь для просмотра ссылки.
(настройки 50)Background Blur хз чо делает лол
7. Обводка
Тут есть настройки, но все что нам тут надо это цвет и wight
8. Эффекты на картинке
тут все просто
закидываем картинку
первый вариант:
Создаем квадратик и растягиваем его на всю картинку
делаем любой цвет квадратику и указываем прозрачность, советую 25-50%
Второй вариант:
тыкаем на картинку
Effect > layer blur
На этом наш гайд подходит к концу
Всем спасибо за просмотр этой темы
Upd: фигма - это большое приложение с множеством функций для создания дизайна, в том числе и для кубов (худ, гуи, маин меню) и тд.
Последнее редактирование:
