Завершив работу над дизайном в Adobe Illustrator, выберите Файл > Сохранить как.
Последнее обновление
May 21, 2021 07:46:13 AM GMT
Узнайте, как размещать, копировать и импортировать графику SVG в Adobe Muse.
Примечание.
Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите раздел Часто задаваемые вопросы о прекращении обслуживания Adobe Muse.
Adobe Muse позволяет использовать векторные изображения, созданные с помощью таких инструментов, как Adobe Illustrator, в дизайне сайта. В настоящее время, Adobe Muse имеет встроенную поддержку формата Scalable Vector Graphics (SVG). Формат SVG можно использовать для создания логотипов, значков, заливки фона и браузера, а также многих других элементов. Затем эти элементы можно поместить прямо на холст веб-страницы в Adobe Muse.
Графические объекты в формате SVG имеют небольшой размер и не зависят от разрешения. Поэтому их можно масштабировать до больших размеров. Это не повлияет на время загрузки страницы и внешний вид сайта. Отображение файлов SVG также поддерживается дисплеями HiDPI.
Поскольку они не зависят от разрешения, Adobe Muse обрабатывает файлы SVG одинаково для версий веб-сайта со стандартным и высоким разрешением. При помещении файлов SVG на холст веб-страницы в представлении «Дизайн» их масштаб не уменьшается до 50% от исходного размера.
Настройки SVG в Adobe Illustrator
Для файлов SVG, созданных с помощью Adobe Illustrator, выполните указанные ниже действия.
-
-
В раскрывающемся списке Тип выберите SVG. Перейдите в папку, где необходимо сохранить файл, и нажмите кнопку Сохранить.
-
В диалоговом окне параметров SVG установите следующие атрибуты:
- Расположение изображения: Встроить
- Профиль SVG: SVG 1.1
- Шрифты - Тип: Преобразовать в контур
- Свойства таблиц CSS: Атрибуты представления
- Десятичные знаки: 3
- Кодировка: Unicode (UTF-8)
- Расположение изображения: Встроить
-
Нажмите кнопку «ОК», чтобы сохранить файл.
Импорт SVG
Перед импортом и помещением файла SVG в Adobe Muse выполните пошаговые инструкции, описанные в разделе Подготовка файлов SVG для вставки в Adobe Muse.
-
В Adobe Muse выберите Файл > Поместить (нажмите клавиши CTRL + D в Windows или CMD + D на компьютере MAC).
-
Перейдите к папке с файлом SVG, выделите его и нажмите Открыть.
-
В Adobe Muse при перемещении файла SVG рядом с указателем мыши отображается миниатюра для предварительного просмотра. На холсте веб-страницы нажмите там, где следует поместить файл SVG. Вставленный файл будет указан в списке на панели «Ресурсы».
После вставки файла SVG можно продолжить работу над дизайном сайта. Изображение SVG нельзя обрезать с помощью инструмента «Рамка». Однако можно изменить его размер нужным вам образом.
Можно привязать импортированный файл SVG к растровому изображению. Также можно повторно привязать импортированные изображения к файлам SVG.
Копирование SVG в Adobe Illustrator
Adobe Muse позволяет копировать содержимое из Adobe Illustrator на холсты веб-страниц. Копирование содержимого удобно в том случае, если не требуется сохранять и использовать все содержимое графического объекта в дизайне сайта.
Если вы копируете часть графического объекта, Illustrator преобразует выделенную часть в формат SVG и помещает его в буфер обмена для использования в Adobe Muse. Adobe Muse рассматривает скопированное содержимое как встроенный файл SVG и позволяет изменить размер графического объекта в соответствии требованиями пользователя.
-
В Adobe Illustrator выполните одно из следующих ниже действий.
- Изолирование группы элементов или выделенного контура: нажмите правой кнопкой мыши группу элементов или контур, который необходимо скопировать, и выберите в контекстном меню команду «Изолировать группу/выделенный контур».
- Выбор группы элементов или контура вручную: выделите группу элементов или контур, которые требуется скопировать.
-
Нажмите клавиши CTRL + C (Windows) или CMD + C (MAC), чтобы скопировать выделенное содержимое.
-
В программе Adobe Muse нажмите клавиши CTRL + V или CMD +V, чтобы вставить скопированную группу элементов или контур на холст веб-страницы в представлении «Дизайн».
Вставленный файл SVG будет указан в списке на панели «Ресурсы».
Импорт SVG в качестве фоновой заливки и заливки браузера
-
В зависимости от того, требуется ли заполнить фон или добавить заливку в браузере, воспользуйтесь командой «Заливка» или «Заливка в браузере» соответственно. Дополнительные сведения см. в статье Использование команд «Заливка» и «Заливка в браузере».
-
Нажмите кнопку «Добавить». Перейдите к расположению с нужным файлом SVG, выделите его и нажмите кнопку «Открыть».
-
Задайте соответствующие значения для атрибутов «Подгонка» и «Положение».
Примечание.
При добавлении файлов SVG в качестве фонового изображения или заливки в браузере изображение растрируется в представлении «Дизайн», если для атрибута «Подгонка» выбрано значение По размеру или Масштабировать с заполнением. Однако при предварительном просмотре в Adobe Muse или в браузере файл отображается должным образом.
Видеопособие
Вход в учетную запись