Adobe muse добавить шрифт
Как добавить новые шрифты в Adobe Muse?
В этом уроке вы узнаете все о добавлении новых шрифтов в программу Adobe Muse, помимо тех, которые уже установлены в программу. Как добавить новые шрифты в Вашу операционную систему, а также как добавить новые web-шрифты и как правильно работать со шрифтами в программе Adobe Muse.
Как добавить новые шрифты. Об уроке.
В сегодняшнем видеоуроке мы рассмотрим очень интересную тему – тему работы со шрифтами в программе Adobe Muse. Я вам покажу, где можно найти интересные шрифты, в том числе и латинские, и кириллические шрифты, так же покажу, как добавить новые шрифты и web-шрифты в программу Adobe Muse, как конвертировать шрифты из обычного формата в web-формат и как сделать из обычных шрифтов web-шрифты и какие сервисы для того можно использовать.
Как добавить новые шрифты. Виды шрифтов в Adobe Muse.
Итак, поехали. Открываем программу Adobe Muse. Для того, чтобы добавить или удалить шрифты из программы, нужно зайти в меню File -> Добавить и удалить web-шрифты. Перед нами открывается следующее окошко, в котором Adobe Muse дает нам информацию о том, какие шрифты мы можем использовать на каких условиях в программе.
Первое: шрифты доступны в составе подписки на Creative Cloud, здесь находятся тысячи профессиональных web-шрифтов из ведущих шрифтолитейных мастерских для Adobe Muse. Если вы подписаны на Creative Cloud, то эти шрифты будут вам доступны.
Следующий набор шрифтов – это бесплатные шрифты от Adobe. Здесь нет никаких ограничений, можно выбирать из сотен бесплатных шрифтов и использовать их на совем web-сайте и при этом не требуется никаких подписок ни на какие сервисы.
Следующий вид – это локальные web-шрифты, то есть вы можете добавлять ваши собственные web-шрифты в программу и вставлять их в дизайны и публиковать в интернете с помощью Adobe Muse.
Если вы не хотите, чтобы больше при каждом обращении к сервису добавления или удаления шрифтов, не выскакивало это окошко, вы можете поставить тут галочку и нажать “Приступить к работе”.
Как добавить новые шрифты. Шрифты Creative Cloud.
Итак, первый вид шрифтов – это шрифты, доступные в составе подписки на Creative Cloud. Здесь, как вы видите, очень много различных шрифтов, самых разных, и выбор может казаться очень долгим, если не использовать фильтры. В программе Adobe Muse очень удобно использовать фильтры для поиска необходимых web-шрифтов. Фильтры представляют собой такую вот закладочку, где мы можем по классификации выбрать необходимые нам web-шрифты, будь то шрифты без засечек, с засечками или с широкими засечками или какие-нибудь декоративные шрифты, рукописные. Мы можем отфильтровывать их по классификациям.
Поиск шрифтов по области применения.
Так же мы можем отфильтровывать шрифты по рекомендуемой области применения, то есть либо шрифты используются в заголовках, либо в абзацах. Например, мы хотим использовать шрифты без засечек. Я нажимаю вот на ту клавишу, она подсвечивается синим цветом, и все шрифты без засечек – вот они у нас предлагаются в программе. Далее, например, мне нужны шрифты для абзацев и, как мы видим, вот программа Adobe Muse отфильтровала все шрифты, которые могут использоваться в абзацах, либо в заголовках. Вот я сейчас отключу.
Поиск шрифтов по свойствам.
Далее мы можем выбирать шрифты по их свойствам. Это светлые или жирные, узкие шрифты или широкие, с высокой контрастностью или с низкой контрастностью, так же низкие или высокие по высоте, так же прописные и строчные буквы либо только заглавные. Так же можем отсортировать шрифты по тому, как отображаются в них цифры. Вот такой вот широкий диапазон мы можем использовать для отфильтровки ненужных нам web-шрифтов или наоборот, для поиска необходимых шрифтов.
Поиск шрифтов по начертанию.
Я, например, выбрал шрифт без засечек для того, чтобы использовать их в абзаце, и с нормальным начертанием. Далее я просто нажимаю на данный шрифт, и он автоматически добавляется в мою коллекцию web-шрифтов. Все выбранные web-шрифты хранятся в закладке “Выбранные web-шрифты” и мы видим, что они здесь выбраны. Для того, чтобы сохранить, мы нажимаем клавишу “окей” и эти шрифты сохраняются у нас в программе Adobe Muse для использования в своих проектах.
Как добавить новые шрифты. Бесплатные веб-шрифты Adobe.
Следующий вид web-шрифтов – шрифты бесплатные, на которые не требуется никакой подписки в программе. Здесь так же довольно широкий выбор и так же можно использовать фильтр для поиска необходимых web-шрифтов. Единственное, что немножко здесь скуднее – фильтр поиска. Мы видим, что можно отфильтровать только по начертанию (без засечек или с засечками) или декоративные шрифты, то есть по классификации, либо по рекомендуемой области применения. Остальные функции поиска здесь у нас недоступны.
Как и в предыдущей вкладке мы можем выбрать несколько шрифтов и посмотреть, какие шрифты у нас выбраны. Я уже ранее выбирал шрифты и вот те шрифты, которые я иногда использую в своих проектах из тех бесплатных шрифтов, которые предлагает Adobe Muse.
Как добавить новые шрифты. Локальные веб-шрифты.
Следующая закладка – это локальные web-шрифты, которые вы видите у меня уже здесь есть несколько шрифтов. Это шрифты, которые я добавил в программу сам, это web-шрифты. С помощью закладочки “Управление” я могу здесь удалять либо добавлять, либо настраивать свои шрифты. Так же можно нажать на клавишу “Добавить web-шрифты” и выбрать папку, где хранится мой web-шрифт. Он будет в виде трех файлов с расширениями, указанными вот здесь. Вот эти три фала должны быть обязательно для того, чтобы использоваться в программе. Чтобы добавить локальный web-шрифт в программу, шрифт должен быть установлен в системе!
Шрифты – тексты 🙂
Мы видим, что сейчас Adobe Muse добавляет в мою коллекцию шрифтов те шрифты, которые я выбрал, и далее мы можем использовать данные web-шрифты в Adobe Muse. Давайте попробуем теперь выбрать какой-либо шрифт. Мы видим, что из тех шрифтов, которые есть у меня в закладках, – web-шрифты. Их довольно много, поскольку я уже добавлял их в программу. Чуть позже я покажу, как это делается. А сейчас давайте выберем, например, B20 SANS. Мы видим, что данный шрифт является web-шрифтом, и программа будет его отображать в виде символов, букв и цифр.
Шрифты – картинки 🙁
Если же мы выбираем для нашей надписи какой-либо шрифт, не являющийся web-шрифтом, но имеющийся в нашей системе, то есть в системе Windows, например, у меня есть множество различных шрифтов, которые не являются web-шрифтами, например, шрифт Calibri если я выберу, то мы видим, что шрифт Calibri не является web-шрифтом и Adobe Muse при размещении его на сайте будет конвертировать эту надпись в виде картинки. Это, конечно же, увеличит нагрузку страницы, то есть увеличит ее размеры, она будет дольше грузиться, если мы будем использовать стандартные шрифты, находящиеся в нашей системе. То, что этот шрифт не является web-шрифтом мы видим по небольшому значку, который Muse указывает при использовании шрифтов. Давайте я снова выберу какой-нибудь web-шрифт b20 sans, и мы видим, что значок исчез и теперь программа Adobe Muse будет отображать нам шрифт в виде символов, букв и цифр. Вот так вот.
Как добавить новые шрифты. Где брать WEB-шрифты?
Как добавить новые шрифты. Конвертация обычных шрифтов в Web-шрифты.
Что здесь мы можем сделать? Здесь мы обязательно должны поставить “Yes”. Здесь все на английском, но в принципе, все интуитивно и понятно. Дальше мы нажимаем на вот эту синюю кнопочку “Pick Font File” и мы должны выбрать тот шрифт, который только что скачали. Он у нас находится в папке “Загрузки”. Нам нужно распаковать тот архив, который мы скачали. Для этого я снова иду сюда, распакую этот архив прямо сюда – в папку Airport. Мы видим, что у нас здесь уже есть web-шрифты. В принципе, можем его не конвертировать, а сразу добавить в Muse.
Важно! Добавление системного шрифта в ОС Windows.
Для того, чтобы добавить шрифт в программу Adobe Muse, мы должны добавить этот шрифт в свою систему!
Для этого я 2 раза кликнул на файл шрифта с буковкой “А”, и у меня автоматически выскочило такое окошко. Я нажимаю клавишу “Установить” и шрифт устанавливается в мою систему. Все, шрифт установлен в моей системе.
Добавление готового веб-шрифта в Adobe Muse.
Далее я иду в программу Adobe Muse, нажимаю File -> Добавить/удалить web-шрифты -> Локальные шрифты -> Добавить шрифты -> Обзор. Иду в папку “Загрузки”. Мы должны выбрать папку, в которой хранятся наши web-шрифты. Я выбираю папку Airport, нажимаю “Выбор папки” и сама программа Adobe Muse нашла в ней 2 файла с web-шрифтами. Здесь мы должны согласиться с тем, что данные шрифты лицензированы для использования на web-сайте, ставим галочку и нажимаем “Продолжить”.
Далее мы видим, что наш шрифт Airport regular успешно добавлен и теперь, например, мы можем его выбрать. Посмотрим, вот файл Airport теперь находится в списке web-шрифтов, которые мы можем использовать в программе Adobe Muse. Я нажимаю на этот шрифт, и мы успешно добавили свой web-шрифт на сайт в программу Adobe Muse.
Добавление веб-шрифта в Adobe Muse с конвертацией на сервисе.
Давайте попробуем проделать со шрифтом Airport конвертацию шрифта. Для этого мы нажимаем “Pick Font File”, заходим в Airport. Допустим, что у нас нет вот этих всех файлов, я их даже удалю, допустим, у нас есть один файл, который уже установлен в системе и у нас есть только файл, который мы можем использовать в системе, он не является файлом web-шрифта и нам необходимо его конвертировать в web-формат. Мы выделяем этот файл, нажимаем “Открыть”, видим, что сайт подхватил этот шрифт и нажимаем “Convert”. Проходит некоторое время, необходимое для конвертации шрифта, и далее сам сайт предлагает нам сохранить уже сконвертированный шрифт в какую-либо папку. Я нажимаю “Окей”.
Давайте перейдем в “Загрузки” и вот в этой папке у нас сохранился шрифт. Мы видим, что программа создала кроме стандартного шрифта Windows еще несколько файлов. Теперь мы идем снова в программу Adobe Muse. File -> Добавить или удалить web-шрифты -> Добавить web-шрифты. Нажимаем обзор и теперь давайте добавим вот эту папку и видим, что теперь программа подхватила целых три файла. Соглашаемся с условиями, нажимаем “Продолжить”. Наш шрифт Airport regular успешно добавлен.
Как добавить новые шрифты. Заключение.
Вот так, дорогие друзья, мы можем добавить новые шрифты или удалить web-шрифты в программе Adobe Muse. Надеюсь, что данный видеоурок был для вас полезен и вы сможете теперь свободно добавлять понравившиеся вам web-шрифты и использовать их в своих дизайнах.
На этом все, дорогие друзья. В этом видеоуроке мы рассмотрели как добавить новые шрифты, а также способы добавления и удаления шрифтов в программе Adobe Muse. Подписывайтесь на мой канал, смотрите предыдущие и следующие видеоуроки. Я желаю вам всего доброго, хорошего настроения и до связи, друзья.
Из данной статьи вы узнаете, как пользоваться шрифтовым оформлением и шрифтами в Adobe Muse.
При проектировании веб-страниц в приложении Adobe Muse к тексту можно применить один из трех типов шрифта. Используемый тип шрифта определяет отображение текста при публикации или экспорте страниц. Кроме того, каждый из трех типов шрифта в той или иной степени влияет на работу сайта, поэтому необходимо понимать результаты выбора каждого типа.
Добавить текст на веб-страницу можно следующими способами:
- ввести текст прямо на страницу с помощью инструмента «Текст»;
- поместить текстовое содержимое из внешнего файла TXT с помощью меню «Файл» > «Поместить»;
- скопировать текст из внешнего источника и вставить его на страницу.
Создав текстовый фрейм с текстом, можно использовать параметры на панели «Текст» или на панели элементов управления, чтобы задать цвет, размер, стиль шрифта, выравнивание и другие параметры форматирования. В меню «Шрифт» также можно выбрать шрифт (например, Arial или Helvetica), соответствующий дизайну страницы.
В этой статье мы рассмотрим три различных типа шрифтов, доступных в меню «Шрифт». Вы узнаете о преимуществах и возможных проблемах, связанных с использованием каждого типа шрифтов, а также о способах управления текстом и редактирования текстовых фреймов.
При применении шрифта для форматирования текстовых материалов можно выбрать один из трех вариантов.
- Веб-шрифты
- Стандартные шрифты
- Системные шрифты
Ниже приведено краткое описание каждого из этих вариантов.
Веб-шрифты приложения Adobe Muse включают в себя шрифты Typekit, веб-шрифты Edge и локальные веб-шрифты. Они предоставляют доступ к обширной библиотеке с сотнями шрифтов, которые можно применить к страницам в приложении Adobe Muse. При применении веб-шрифтов к текстовым материалам в приложении Adobe Muse на странице автоматически добавляется код для создания ссылок на семейство шрифтов. При открытии страницы в браузере выполняется загрузка веб-шрифтов, необходимых для визуализации страницы и отображения содержимого в виде текста. Это обеспечивает значительные преимущества, так как позволяет применять разнообразные шрифты для оформления заголовков и других важных текстовых материалов, а также обеспечивает визуализацию текста на опубликованных и экспортированных страницах с возможностью выбора фрагментов текста. Однако применение большого количества шрифтов на одной веб-странице нежелательно. Как и в случае перегруженности изображениями, большое количество связанных файлов приводит к замедлению загрузки страницы в браузере. При оформлении веб-страниц рекомендуется применять не более трех веб-шрифтов на каждой странице и следить за тем, чтобы размер шрифтов был достаточным для удобного чтения текста. Подробную информацию см. в разделе Typekit и другие веб-шрифты.
Стандартными шрифтами (с резервными символами) называются шрифты, которые с большой вероятностью установлены на всех компьютерах, используемых для доступа к сайту. К ним относятся шрифты стандартных семейств, таких как Arial, Georgia и Times New Roman. Набор стандартных шрифтов ограничен, однако каждый из них поддерживает функциональные возможности работы с текстом. Стандартные шрифты быстро загружаются, но не предназначены для декоративного оформления. Поскольку стандартные шрифты оптимизированы для удобства чтения на веб-страницах, их рекомендуется выбирать при форматировании длинных абзацев текста. Для быстрой загрузки сайта и удобной работы с ним следует по возможности применять стандартные шрифты.
Для применения шрифта любого из трех типов выберите текст с помощью инструмента «Текст», затем выберите требуемый пункт в меню шрифтов.
В верхней части меню Шрифт отображается список последних использованных шрифтов. Это упрощает их повторное применение при оформлении страниц. Если позднее вам потребуется сократить список последних использованных шрифтов или удалить его, настройки можно будет изменить в разделе «Установки» приложения Adobe Muse.
В следующих разделах приведено более подробное описание каждого типа шрифтов, а также влияние каждого из них на отображение текстового содержимого на опубликованном веб-сайте.
Для наилучшего отображения шрифтов выберите шрифт, подходящий для целей его использования. Например, при применении шрифта к абзацам (большие отрывки непрерывного текста с более мелким размером шрифта) избегайте использования витиеватых, декоративных шрифтов (которые главным образом предназначены для заголовков, имеющих более крупный размер шрифта).
Одним из наиболее важных аспектов, которые необходимо учитывать при создании текста для веб-сайта, это обеспечить его удобочитаемость. Декоративные шрифты небольшого размера имеют некачественное отображение, поскольку разрешение веб-сайтов недостаточно высокое для передачи всех визуальных деталей шрифта.
Кроме того, шрифт абзаца должен иметь обычный стиль, курсив, полужирный или полужирный курсив, позволяя выделять определенные части текста, например имена людей, названия книг и фильмов и другое специальное содержимое абзаца. Большинство семейств декоративных и высоко стилизованных шрифтов не имеют таких стилей.
Кроме того, шрифты можно технически оптимизировать для определенных целей. Шрифт может использовать контурный формат, который лучше отображается при крупном размере, или может содержать хинтинг шрифта, обеспечивающий оптимальное отображение шрифта небольшого размера на любых платформах. Как упоминалось выше, при доступе к веб-шрифтам в приложении Adobe Muse в библиотеке веб-шрифтов можно использовать фильтр, чтобы отобразить шрифты, рекомендуемые для абзацев или заголовков. Если вы не уверены в том, как будет отображаться тот или иной шрифт в заголовке или абзаце, выберите рекомендуемые шрифты из этих списков и можете быть уверены, что созданные страницы будут удобно читаться.
Для оформления текста веб-шрифтами используется такой же процесс, что и при использовании системных и стандартных шрифтов. Чтобы применить веб-шрифты к тексту, выполните следующие действия.
Adobe Muse больше не добавляет новые функции, поддержка этой системы будет прекращена 26 марта 2020 г. Для получения подробной информации см. раздел Часто задаваемые вопросы о завершении поддержки Adobe Muse.
Adobe Muse — это приложение для настольных ПК, позволяющее быстро создавать веб-страницы с помощью интуитивно понятных визуальных инструментов. В нем не используются коды, поэтому оно будет особенно удобным для людей без опыта работы с HTML или CSS.
Шрифты Adobe Fonts (ранее Typekit) интегрированы с Muse, это позволяет пользователям выбирать собственные веб-шрифты при разработке своих веб-сайтов. Дополнительные сведения об оформлении в Muse см. в разделе Справочная документация Muse.
Чтобы добавить новые веб-шрифты в Muse, сначала выберите «Файл»> «Добавить/удалить веб-шрифты».
Вы также можете выделить текст, перейти в раскрывающееся меню шрифтов и выбрать «Добавить веб-шрифты» в разделе «Веб-шрифты».
В окне просмотра шрифтов перечислены веб-шрифты, включенные в вашу подписку Creative Cloud.
В браузере шрифтов вы можете использовать элементы управления фильтрами, чтобы сузить выбор и указать характеристики шрифта, которые вы ищете.
Вы можете выбрать нужные шрифты прямо на этой странице, щелкнув галочку в правом верхнем углу карты шрифта. После нажатия кнопки «ОК» они будут добавлены в меню «Веб-шрифты» в Muse.
Щелкните имя семейства в нижней части карты, чтобы увидеть все значения насыщенности и стили, включенные в семейство.
Чтобы добавить шрифт к выбранному шрифту в подробном представлении стиля, нажмите «Выбранные» в правом верхнем углу, а затем выберите «ОК» внизу.
Веб-шрифты появятся в меню шрифтов в Muse и могут быть применены к любому тексту на вашей странице.
Затем при экспорте веб-сайта в формате HTML, при подключении к FTP-серверу или при выполнении публикации на Business Catalyst Muse предложит вам подключиться к вашей учетной записи Adobe.
По умолчанию веб-сайты, созданные в Muse, будут использовать набор языков по умолчанию, который включает в себя английский, французский, немецкий, итальянский, португальский и испанский языки.
Чтобы включить все языки, поддерживаемые в выбранных шрифтах, выберите «Все» в меню «Набор символов» на вкладке «Свойства страницы» > «Параметры».
В этой статье вы узнаете, как использовать шрифты Adobe Typekit Web Fonts, Edge Web Fonts и локальные веб-шрифты на веб-страницах.
Веб-шрифты Adobe Typekit теперь доступны в меню «Добавить/удалить шрифт» приложения Adobe Muse.
В отличие от локальных веб-шрифтов Typekit размещает шрифты, которые вы выбрали для использования на веб-сайте. Это означает, что если вы выбираете шрифты из библиотеки Typekit и затем публикуете ваш сайт в приложении Adobe Muse, Typekit автоматически разместит эти шрифты на сервере Typekit и подключит вашу учетную запись Typekit к вашему веб-сайту.
Добавление шрифтов Typekit на сайт
В приложении Adobe Muse выберите Файл > Добавить/удалить веб-шрифты .
Вкладка Typekit в диалоговом окне Add Web Fonts содержит список всех веб-шрифтов Typekit, доступных для вашего типа учетной записи Creative Cloud.
Найти шрифт, который наиболее соответствует вашим дизайнерским потребностям. Для выбора подходящего шрифта можно использовать параметры сортировки и фильтрации.
- Нажмите Фильтр , чтобы воспользоваться следующими фильтрами:
- Классификация: шрифты Typekit можно фильтровать по их классификациям, например, шрифты с засечками, без засечек, рукописные стили и т. д.
- Рекомендуется для: фильтрация шрифтов на основе рекомендаций Typekit для абзаца или заголовка.
- Свойства: фильтрация на основе таких свойств, как толщина, ширина, высота и т. д.
Найдя необходимый шрифт, просто нажмите его. Флажок рядом со шрифтом обозначает, что шрифт выбран. При необходимости одновременно можно выбрать несколько шрифтов для добавления. На вкладке Выбранные шрифты отображаются все выбранные шрифты.
Теперь при следующем выборе параметра «Веб-шрифты» в меню «Шрифты» будет отображаться список добавленных шрифтов.
Применение шрифтов Typekit к тексту
В приложении Adobe Muse выберите текст, к которому необходимо применить шрифт Typekit.
Пока текст выбран, в меню «Шрифт» выберите шрифт Typekit, который необходимо применить.
К преимуществам использования веб-шрифтов можно отнести следующие:
Соблюдайте осторожность при добавлении веб-шрифтов в свой проект. Добавление слишком большого количества веб-шрифтов может увеличить время загрузки сайта и замедлить его работу в целом, что повлияет на взаимодействие пользователя с сайтом. В связи с этим рекомендуется применять не более 1–2 семейств шрифтов с 4 стилями на каждую семью. Поскольку веб-шрифты являются удаленными ресурсами (как изображения и видео), они должны загружаться в кэш браузера посетителя при просмотре им страниц сайта.
Еще одна функция приложения Adobe Muse — отслеживание всех веб-шрифтов, используемых на сайте. Если вы удалите веб-шрифт, который используется в файле .muse, он сохранится в списке в меню «Шрифт» при следующем открытии файла .muse. Поэтому случайное удаление необходимого для сайта шрифта исключено, и вам не нужно вручную отслеживать шрифты, используемые при проектировании страниц.
Обводка текста. Как сделать в 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 и при этом текст оставить текстом, а не картинкой.
На этом я заканчиваю данный видеоурок. Обязательно ставьте лайк к данному видео, пишите комментарий внизу. С вами был Дмитрий Шаповалов, до встречи в следующих видеоуроках на канале!
Читайте также:
- Классификация: шрифты Typekit можно фильтровать по их классификациям, например, шрифты с засечками, без засечек, рукописные стили и т. д.