Обводка текста. Как сделать в Adobe Muse?
⭐ Обводка текста в программе Adobe Muse – довольно частый вопрос. И, так как такого инструмента в программе нет, то приходится подходить к этому вопросу творчески и придумывать некоторые другие способы, используя доступные в программе инструменты.
Несколько способов – как осуществляется обводка текста в Adobe Muse используя только стандартные инструменты и эффекты программы – смотрите это видео:
Обводка текста. Нет такой функции.
В этом видеоуроке мы рассмотрим несколько способов, как осуществляется обводка текста в программе Adobe Muse. Как такового инструмента обводки текста в программе нет. Поэтому приходится использовать те способы, которые более-менее нам помогут это сделать. Конечно, вы можете сделать картинку в фотошопе и разместить ее у себя на сайте, но мы попробуем сделать это стандартными средствами Adobe Muse.
Обводка текста. Способ №1 – дублирование.
Первый способ, который когда-то я давно использовал, но использовать его не рекомендую, поскольку получается слишком много одинаковых текстовых блоков на сайте – это создание и дублирование текстового блока. Я напишу: «Adobe Muse Уроки». Сейчас сделаю заливку белым цветом, сделаю размер «60» – побольше поставим, поставим выключку «По центру» и немножко растянем данный блок. Я растяну его вот так и размещу его по центру. Все, блок мы создали и разместили данный текст.
Теперь давайте его сдублируем. Я зажимаю клавишу “Alt” и перетягиваю текст чуть-чуть ниже, таким образом, я сдублировал его. Теперь мы можем сделать немножко большим размер шрифта, например, поставить «64», сделать другой цвет для текста, например, сделаем зеленым. И разместим по слоям, второй тест мы разместим под первый. Таким образом, чтобы у нас этот белый текст располагался выше, чем зеленый. И теперь просто задвинем его на тоже место, где и первый текст. Мы видим, что у нас получилась вот такая белиберда.
И теперь для того, чтобы это все выровнять, мы выделяем наш зеленый текст вот здесь в слоях. Идем в «Текст», видим, что мы выделили зеленый текст. И вот здесь изменяем значение трекинга до тех пор, пока нас не устроит полученный вариант. Также мы можем изменять здесь смещение текста, расположить его чуть выше. И дальше изменяя также размер шрифта, например, я его поставлю чуть меньше, и подгоняя также трекинг, мы можем добиться более-менее интересного результата. Дальше мы можем просто сгруппировать данные два блока. Выделить и нажать правую кнопку мыши и выбрать «Группировать». И у нас это будет единым блоком, мы сможем перемещать его по сайту. Т. е. вот таким образом мы сможем сделать обводку текста. Существуют и другие варианты.
Обводка текста. Способ №2 – свечение.
Другой вариант. Сейчас я еще раз скопирую белый текст и сделаю ему обводку немножко другим способом. Поскольку наш текст туда пригруппировался, я сейчас нажму «Разгруппировать», чтобы у нас все блоки были отдельно. Я выделяю данный текстовый блок, иду в «Эффекты» и включаю здесь эффект «Свечение». Вы видите, что у нас появилось некое подобие обводки. Давайте изменим цвет свечения. Давайте выберем красный цвет, его хорошо будет видно. И теперь перейдем вот сюда в «Размытие» и уменьшим до 4 пикселей, а «Непрозрачность» выставим в 100 %.
Таким образом, мы получили на сайте обводку красным цветом. Правда она будет немножко вот так размыта. Если вы хотите более четкую линию. Вы идете снова в эффекты «Свечение» и выставляете вообще, например, 1 пиксель для размытия. Тогда будет обводка в 1 пиксель практически без размытия, т. е. сделав размытие в 1-2 пикселя, мы получаем вот такую обводку для текста.
Прошу также заметить, что если мы сейчас сделаем еще один дубликат данного текста и попробуем сделать заливку данному блоку, например, я сделаю заливку синим цветом, то данный эффект свечения будет применяться ко всему блоку, а не к буквам текста. Я захожу в «Эффекты», выбираю «Свечение» и если я сейчас увеличу размытие, чтобы было лучше видно, вы увидите, что размытие применяется ко всему блоку, а не к тексту.
Обводка текста. Способ №3 – размытие.
Еще один интересный эффект можно создать, используя этот эффект размытия. Для этого чтобы это увидеть, мы оставляем эффекты включенными здесь, т. е. размытие сделаем немножко больше, например, в 5 пикселей, чтобы у нас больше была видна эта красная обводка – пускай хоть и с размытием, но она есть. И дальше мы должны цвет текста сделать под цвет нашего фона, т. е. я выбираю цвет текста, беру пипетку и выбираю цвет фона. Таким образом, мы получаем вот такой эффект – как будто наши буквы черные и сзади светятся, т. е. получается эффект затмения. Далее выбирая различные цвета, мы можем экспериментировать. Например, поставить желтый и, в принципе, тоже очень хорошо смотрится.
Обводка текста. Выводы и рекомендации.
Вот таким образом вы можете делать обводку текста в программе Adobe Muse. Вот такие способы существуют. Первый способ я использовать не рекомендую, но в остальные уже выбирайте, как вам будет нужно. Конечно, получаем нечеткую обводку текста, а обводку с размытием. Но в некоторых случаях это выручает для того, чтобы не использовать программу PhotoShop и при этом текст оставить текстом, а не картинкой.
На этом я заканчиваю данный видеоурок. Обязательно ставьте лайк к данному видео, пишите комментарий внизу. С вами был Дмитрий Шаповалов, до встречи в следующих видеоуроках на канале!
Смотрите также:
Защита контента от копирования
Автор видеоуроков и курсов
Дмитрий Шаповалов
а как сделать свечение текста и картинки при наведении??
Для этого в программе есть инструменты работы с состояниями (при наведении курсора, при нажатии кнопки и т.д), в различных состояниях изменяйте эффекты для объекта.
Спасибо. Теперь смогу смело обводить то, на что нужно заострить внимание.
Пожалуйста, Полина. Рад, что это видео добавило уверенности в процессе обводки текста. 🙂