Редактор Studio: добавление и настройка текстовых эффектов.
4 мин.
Используйте текстовые эффекты, чтобы украсить сайт клиента захватывающими заголовками и фразами, привлекающими внимание. Эти полностью настраиваемые элементы позволяют сделать эффект настолько смелым или тонким, насколько того требует дизайн. Выбирайте из множества готовых эффектов и персонализируйте их дизайн в соответствии с остальной частью страницы.
Совет:
Если вы используете CMS (систему управления контентом), вы можете подключить текстовые эффекты к контенту коллекции, чтобы отображать динамичный текст в элементе.
Добавление эффекта текста
Ознакомьтесь с ассортиментом художественных текстовых эффектов в панели «Добавить элементы». Каждый эффект задает определенный тон и придает уникальный характер сайту клиента. Эти эффекты — только отправная точка: вы можете доработать и настроить их так, чтобы они идеально сочетались с остальной частью сайта.
Чтобы добавить эффект текста:
- Нажмите Добавить элементы
в левой части редактора. - Нажмите Текст или Декоративные элементы.
- Нажмите Текстовые эффекты.
- Перетащите выбранный эффект текста на страницу.
- Введите текст:
- Нажмите на элемент эффекта текста.
- Нажмите Изменить текст.
- Введите свой текст.
Настройка дизайна эффекта текста
Текстовые эффекты полностью настраиваются, что позволяет адаптировать дизайн к потребностям и видению вашего клиента. Каждый эффект имеет уникальный набор настроек дизайна, доступных в панели Инспектор. Используйте такие параметры, как цвета, слои и движение, чтобы выделить эффект.
Работа с размерами экрана?
Настройки дизайна передаются каскадом от самых больших размеров экрана, но при необходимости вы можете переопределить их на меньших экранах.
Чтобы настроить дизайн эффекта текста:
- Выберите элемент эффекта текста.
- Нажмите на иконку Открыть Инспектор
в правом верхнем углу редактора.
- В зависимости от выбранного текстового эффекта настройте доступные параметры в разделе Дизайн:
- Цвет / Цвета заливки: выберите цвета, из которых состоит эффект. В зависимости от конкретного эффекта можно выбрать один цвет, несколько цветов или применить градиент.
- Движение: активируйте переключатель, чтобы добавить анимированный эффект, который появляется при наведении. Установите скорость с помощью ползунка, чтобы сделать анимацию быстрее или медленнее.
- Текст: измените шрифт, размер, регистр и многое другое. Узнайте больше о параметрах форматирования текста в разделе ниже.
- Скручивание текста: активируйте переключатель, чтобы каждый символ или слово скручивались в разных направлениях. Вы можете выбрать узор и установить поворот и/или смещение (зависит от узора).
- Слои: настройте визуальные слои, чтобы создать глубину в дизайне. Установите желаемое число слоев, задайте их цвета, измените угол и интервал между ними для создания индивидуального эффекта.
- Фаска: отрегулируйте угол, чтобы управлять падением света и теней, создавая 3D-эффект на краях текста.
- Stripe: настройте размер, угол и толщину полос.
- Маска: измените положение маски и уровень размытия, чтобы контролировать, какая часть текста будет открыта или размыта.
- Свечение: сделайте свечение вокруг текста больше или меньше.
- Граница: установите цвет и ширину границы, чтобы создать обводку текста.
- Тень: измените цвет, угол, размытие и расстояние тени.
Примечание: в некоторых эффектах цвет тени автоматически соответствует выбранным цветам заливки.
Совет:
Вы можете добавить анимацию, чтобы сделать текстовый эффект еще более динамичным. Перейдите на вкладку Анимация и эффекты 
в панели Инспектор, чтобы добавить любую из следующих анимаций: Появление, при наведении, клик, прокрутка, зацикленный повтор или эффект курсора.
в панели Инспектор, чтобы добавить любую из следующих анимаций: Появление, при наведении, клик, прокрутка, зацикленный повтор или эффект курсора. Форматирование текста
Настройте шрифт, интервал, выравнивание и другие параметры форматирования, чтобы дизайн гармонично вписался в сайт клиента.
Чтобы настроить форматирование текста:
- Выберите элемент эффекта текста.
- Нажмите на иконку Открыть Инспектор в правом верхнем углу редактора.
- Нажмите Текст в разделе Дизайн.
- Настройте доступные параметры форматирования:
- Примените к этому текстовому элементу стиль типографики.
- Измените шрифт и его размер.
- Настройте горизонтальный и вертикальный межсимвольный интервал.
- Сделайте текст жирным или курсивом.
- Выровняйте текст.
- Измените регистр (например, сделайте весь текст строчным).
Совет по специальным возможностям:
Если этот элемент с текстовыми эффектами является чисто декоративным и не содержит важной информации для программ чтения с экрана, отметьте чекбокс рядом с Этот текст является декоративным.