Caruso
Интересующийся
Caruso
Интересующийся
- Статус
- Оффлайн
- Регистрация
- 9 Июл 2019
- Сообщения
- 25
- Реакции
- 5
Всем привет дорогие юзеры данного форума, и его команда.
Многие хотят купить уник, но не знают как сделать "крутой" уник на их вкус, на заморачиваясь с кодами 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, и вместо черного, поставить нужный вам цвет свечения.
Также можем настроить процент прозрачности и т.п.
После этого в боковой панели мы заходим во вкладку "Code".
И нажимаем на вторую иконку которая появилась у нас сверху, чтобы получит более подробный код.
Нам нужно показать только самые последние кода Грише - чтобы он вам поставил суперский уник который вы сделали =)
Многие хотят купить уник, но не знают как сделать "крутой" уник на их вкус, на заморачиваясь с кодами 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, и вместо черного, поставить нужный вам цвет свечения.
Также можем настроить процент прозрачности и т.п.
После этого в боковой панели мы заходим во вкладку "Code".
И нажимаем на вторую иконку которая появилась у нас сверху, чтобы получит более подробный код.
Нам нужно показать только самые последние кода Грише - чтобы он вам поставил суперский уник который вы сделали =)