Создание красивого уника без КОДИНГА как в ФОТОШОПЕ

ฺฺฺฺฺฺBig Dick’n’son

Проверенный
13 Июл 2019
63
48
Всем привет дорогие юзеры данного форума, и его команда.
Многие хотят купить уник, но не знают как сделать "крутой" уник на их вкус, на заморачиваясь с кодами CSS.
Данная тема для вас. Сегодня я вас научу создавать уники, прямо как в фотошопе, и получать CSS код - ничего не написав.
Это легко и просто, а самое главное - нечего скачивать не надо. Лишь простенькая регистрация и ваша фантазия.

Сайты которые мы будет использовать для создание уника:
Figma


1.1 Регистрация на сайте Figma.
Для того чтобы зарегистрироваться на сайте Figma
Вам надо будет нажать на зеленую кнопку в правом верхней углу сайта и заполнить все нужные строки.


2.2 Создание проекта и текста
После того как вы зарегистрировались в Figma, наша задача создать новые проект.
Для этого мы нажимаем на "New File".

У нас открылся проект.
Для того чтобы создать "место" где мы будем создавать свой уник, нам надо выбрать инструмент "Frame" в верхней части сайта.
После этого выбрать любой нам нужный и удобный для работы и вставки текста размер.


3.3 Покраска фона и создание текста
Первым делом, нам надо покрасить фон в цвет лолза, чтобы понять как он будет выглядеть на самом LOLZTEAM.
Для этого вам надо нажать на ваш Frame, и в боковой панели, во вкладке "Background" ввести цвет под кодом 272727 .

После покраски фона, вам нужно создать текст на котором вы будете показывать свой уник.
Шрифт желательно брать Roboto, т.к он если не ошибаюсь юзается на лолзтим.
Там мы настраиваем также в боковой панели его размер, цвет и т.п


4.4 Добавление градиента, свечения на текст(создание уника)
Теперь мы приступаем к самому интересному - созданию уника.
Для этого мы нажмем в боковой панели, по нашему цвету, и там-же наверху выставляем тип "Linear".
После этого мы должны поставить на всех цветах прозрачность "100 процентов".
И уже вот тут, вы можете оригинальничать и придумать что-то свое.
Вы можете добавить очень много цветов на ваш текст, просто кликните по свободному место в полоске с градиентом - и получите новый цвет.

Также вы можете добавить "Свечение" на ваш текст, как и в других униках.
Для этого вам нужно перейти в раздел "Drop Shadow", значение Y - поставить на 0, и вместо черного, поставить нужный вам цвет свечения.
Также можем настроить процент прозрачности и т.п, но это уже на ваш вкус и цвет.

 
  • Like
Реакции: Goracio