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

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

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



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