Illustrator не открывает svg
Bitmap image formats for the web—GIF, JPEG, WBMP, and PNG—describe images using a grid of pixels. The resulting files tend to be bulky, limited to a single (often low) resolution, and consume large amounts of bandwidth on the web. SVG, on the other hand, is a vector format that describes images as shapes, paths, text, and filter effects. The resulting files are compact and provide high-quality graphics on the web, in print, and even on resource-constrained, handheld devices. Users can magnify their view of an SVG image on‑screen without sacrificing sharpness, detail, or clarity. In addition, SVG provides superior support for text and colors, which ensures that users will see images as they appear on your Illustrator artboard.
The SVG format is entirely XML-based and offers many advantages to developers and users alike. With SVG, you can use XML and JavaScript to create web graphics that respond to user actions with sophisticated effects such as highlighting, tooltips, audio, and animation.
You can save artwork in SVG format using the Save, Save As , Save A Copy, or Save For Web & Devices command. To access the complete set of SVG export options, use the Save, Save As , or Save A Copy command. The Save For Web & Devices command provides a subset of SVG export options which are applicable to web-oriented work.
How you set up your artwork in Illustrator will affect the resulting SVG file. Keep in mind the following guidelines:
Use layers to add structure to an SVG file. When you save artwork in SVG format, each layer is converted to a group () element. (For example, a layer named Button1 becomes in the SVG file.) Nested layers become SVG nested groups, and hidden layers are preserved with the display="none" SVG styling property.
If you want objects on different layers to appear transparent, adjust the opacity of each object instead of each layer. If you alter opacity at the layer level, the resulting SVG file will not display transparency as it appears in Illustrator.
Raster data is not scalable in the SVG Viewer and cannot be edited like other SVG elements. If possible, avoid creating artwork that will be rasterized in the SVG file. Gradient meshes and objects that use the Rasterize, Artistic, Blur, Brush Strokes, Distort, Pixelate, Sharpen, Sketch, Stylize, Texture, and Video effects are rasterized when saved in SVG format. Similarly, graphic styles that include these effects also produce rasterization. Use SVG effects to add graphic effects without causing rasterization.
Use symbols and simplify the paths in your artwork to improve SVG performance. Also avoid using brushes that produce a lot of path data, such as the Charcoal, Fire Ash, and Scroll Pen, if performance is a high priority.
Use slices, image maps, and scripts to add web links to an SVG file.
A scripting language, such as JavaScript, opens unlimited functionality to an SVG file. Pointer and keyboard movements can invoke scripting functions such as rollover effects. Scripts can also use the document object model (DOM) to access and modify the SVG file—inserting or deleting SVG elements, for example.
You can use SVG effects to add graphic properties such as drop shadows to your artwork. SVG effects differ from their bitmap counterparts in that they are XML-based and resolution-independent. In fact, an SVG effect is nothing more than a series of XML properties that describe various mathematical operations. The resulting effect is rendered to the target object instead of the source graphic.
Illustrator provides a default set of SVG effects. You can use the effects with their default properties, edit the XML code to produce custom effects, or write new SVG effects.
To modify Illustrator’s default SVG filters, use a text editor to edit the Adobe SVG Filters. svg file in the Documents and Settings//Application Data/Adobe/Adobe Illustrator Settings/ folder. You can modify existing filter definitions, delete filter definitions, and add new filter definitions.
To apply an effect with its default settings, select the effect from the bottom section of the Effect > SVG Filters submenu.
To apply an effect with custom settings, choose Effect > SVG Filters > Apply SVG Filter . In the dialog box, select the effect, and click the Edit SVG Filter button . Edit the default code and click OK .
To create and apply a new effect, choose Effect > SVG Filters > Apply SVG Filter . In the dialog box, click the New SVG Filter button , enter the new code, and click OK .
When you apply an SVG filter effect, Illustrator displays a rasterized version of the effect on the artboard. You can control the resolution of this preview image by modifying the document’s rasterization resolution setting.
Note: An SVG effect must be the last effect when an object uses multiple effects; in other words, it must appear at the bottom of the Appearance panel (just above the Transparency entry). If other effects follow an SVG effect, the SVG output will consist of a raster object.
Всем привет. Очень нужна ваша помощь - нужно создать набор иконок из старых образцов путем экспортирования их из фотошопа в svg, пересохранения файла (после доработки или же проверки) через иллюстратор. Проблема такая: открываю только что созданный свг-файл в иллюстраторе, двигаю буквально одну точку или же ничего не делаю и просто пересохраняю. Открываю заново - в файле полный ад - фигуры или покорежены (формы совсем не те или же вообще выходят за границы), часть их отсутствует вообще, часть не отображается хоть и есть соответствующий слой.
Если начинаешь все исправлять, пересохранять - есть опять 2 пути развития - оно откроется снова побитым, либо же при открытии иллюстратор выбросит тебя непредвиденным завершением работы в проге.
Что может быть не так.
в фотошопе слои только векторных фигур, формы объеденены (слиты в один шейп). без масок и стилей.
проги лицензионные, 2017. настройки как и у других ребят, что сидят спокойно рисуют и не парятся. ПОМОГИТЕ у меня уже истерика)
Оценить 4 комментария
Никита Полевой: спасибо, Никита. да, имелась и такая незначительная, на фоне серьезного изменения вида иконки, проблема. Попробую решить этот пункт, но вопрос по-прежнему открыт.
unosorsha: я не особо умею в адобы, но большинство подобных проблем появлялось в результате неправильных настроек экспорта/импорта. Может у вас есть возможность куда-нибудь залить исходный файл? Тот, который был еще до экспортирования их из фотошопа в svg
Никита Полевой: поняла.
https://drive.google.com/file/d/0B8tH2tQffE-aZ1R2a. вот ссылка на архив. там 2 псд файла - один как есть, исходный, 2й с окончанием "for svg" - подготовлен к экспорту. и соответственно получившийся svg файл, который я никак не изменяла и не пересохраняла в иллюстраторе, потому что он сразу "ломается". Если вам интересно, можете попробовать его открыть в иллюстраторе, подвигать что-то, пересохранить и открыть заново, чтобы посмотреть как получится. Может у вас всё пройдет гладко.
спасибо!
Не совсем понял в чем проблема. Открыл svg, посмотрел, подвигал закрыл с сохранение, открыл снова — всё также и никаких проблем. Что-то у вас с софтом или, простите, руками))
Как вариант, можно проверить в Аи настройки привязки объектов к сетке, настройки экспорта, а также попробовать разные варианты эскпорта/сохранения svg. Опишите пошагово действия по экспорту svg, открытию в Аи и пересохранении svg после (куда нажимаете, через какие пункты меню, плагины, скрипты и т.п.). Может где-то в процессе ошибка, попробую повторить.
PS От себя скажу что перерисовывать иконки в Фш (как это сделали вы, я посмотрел оба psd-файла) это извращение. В Иллюстраторе это сделать гораздо проще и быстрее. Приучите себя работать с иконками сразу в векторном редакторе.
или\или - допускаю. но файл открываем на другом компе - то же самое, значит надо понять что с руками)
насчет перерисовки из фш в свг - согласна, мы сами пытаемся донести до лида, что это полный изврат: приходится упрощать (ухудшать) иконку и тратить время\нервы. Исходник я получаю уже таким какой он есть, сначала убираю стили, обводки, оставляю голые формы (контуры слиты, чтобы в люстре не было съеденных областей на пересечении). Далее Файл-Экспортировать-как-svg.
Потом открытие: и через непосредственную команду, и через Файл-Открыть..
Затем, если что-то было изменено Сохранить как.
Настройки Аи при сохранении свг:
стили SVG: SVG1.1
тип: SVG
расположение изображения (.) Связать
качество: 1000000 кодировка: Unicode (UTF-8)
5 пунктов, в которых надо проставлять галки - и полностью сняты, и 3 первых включены, и только 1 на "адаптивном" - ничего не меняют.
не понятен момент - если я просто открыла файл и закрыла - все ок, но если только пересохранила - всё, аут.
Pavel Designer: 1. было. равнозначно.
2. было, но по причине того что новый создать не получается (см. скрин ниже), беру "здоровый" файл без глюков, в него копирую, сохраняю как новый и тут 2 развития: а) корежит б) закрывается Аи.
НО иногда получалось в норм. файле удалить всё и с нуля нагромоздить квадратов (для эксперимента), сохранить и открыть без казусов. Что-то с настройками получается, если при том же экспорте с фш открывает нормально, но стоит пересейвить и оно кошмарит.
3. я этот пункт не контролирую, значение не редактируется (пробовала менять на стандартные 1 и 3) и подозреваю, что в данной версии это равно 1, но это всё философия, к правде мало относится я думаю.
4. Большое спасибо за терпение и отзывчивость ))
unosorsha: ну я, хотя бы, попытался помочь)
Если уж сама программа так чудит, то остается вычистить полностью ото всех следов Adobe, перезагрузиться и установить заново. Не поможет — переустановить систему. К сожалению, это проблема Adobe. Я из-за технических неполадок и ужасной техподдержки даже вернулся к пиратским версиям — работает прекрасно))
G-Rom84
Просмотр профиля
Пишет This SVG File is not valid, Validate it чтото такое там. Причем дибилизм, в Svg я сохранял из Illustrator, и он сам же теперь не может открыть этот файл.
Paul Oblomov
Просмотр профиля
G-Rom84
Просмотр профиля
согласен, не следят нихрена ни за чем похоже уже давно.
сохраняю я из CS 5.5
___
а что скайп щяс не пашет? постоянно выкидывает что-то
G-Rom84
Просмотр профиля
блин еслиб не по-дурацки сделанные слои в Inscape, то делал бы все в нем, а так приходится изза них этот долбаный иллюстратор держать.
roco.constantin.
Просмотр профиля
G-Rom84
Просмотр профиля
G-Rom84
Просмотр профиля
кстати можно еще открыть этот битый файл инскейпом и пересохранить его в свг, после етого он станет нормально открываться, у меня вроде прокатило.
Битовые форматы изображения для Интернета (GIF, JPEG, WBMP и PNG) описывают изображения с помощью сетки пикселей. Файлы получаются большими с одним (часто низким) разрешением и занимают значительную часть полосы пропускания. В отличие от этого, SVG — это векторный формат, описывающий изображения как фигуры, контуры, текст и эффекты фильтра. Полученные файлы компактны и обеспечивают качественную графику в Интернете, на печати и даже портативных устройствах с ограниченными ресурсами. Пользователи могут увеличить изображение SVG на экране без потери резкости, деталей или четкости. Кроме того, формат SVG отлично поддерживает текст и цвета, и пользователи всегда видят изображения таким, как оно выглядит в монтажной области Illustrator.
Формат SVG полностью основан на XML и дает много преимуществ разработчикам и пользователям. С форматом SVG можно использовать XML и JavaScript для создания веб-графики, отвечающей на действия пользователя такими сложными эффектами, как подсветка, всплывающие подсказки, звуки, анимация и т. п.
Можно сохранить работу в формате SVG, используя команду «Сохранить», Сохранить как , «Сохранить копию» или Сохранить для Web и устройств . Для доступа к полному набору параметров экспорта в формате SVG используйте команды «Сохранить», Сохранить как или «Сохранить копию». Команда Сохранить для Web и устройств предоставляет ограниченный набор параметров экспорта в формате SVG (только те, которые используются для работы в Интернете).
Настройки объекта в Illustrator влияют на то, каким будет файл SVG. Помните следующие рекомендации.
Используйте слои для добавления структуры в файл SVG. Если объект сохраняется в формате SVG, каждый слой преобразуется в групповой элемент (). (Например, слой «Button1» становится .) Вложенные слои становятся вложенными группами SVG, а скрытые слои сохраняются со свойством «отображение: нет» стиля SVG.
Если нужно, чтобы объекты на разных слоях выглядели прозрачными, корректируйте непрозрачность каждого объекта, а не каждого слоя. Если непрозрачность меняется на уровне слоя, итоговый файл SVG не покажет прозрачность так, как она выглядит в Illustrator.
Растровые данные не масштабируются в средстве просмотра SVG и не могут отредактироваться, как другие элементы SVG. Старайтесь не создавать объекты, которые будут растрироваться в файле SVG. Сетчатые градиенты и объекты с градиентной заливкой, использующие эффекты «Растрировать», «Имитация», «Размытие», «Штрихи», «Искажение», «Оформление», «Резкость», «Эскиз», «Стилизация», «Текстура» и «Видео», растрируются при сохранении в формате SVG. Графические стили с этими эффектами также вызывают растрирование. Добавляя графические объекты, используйте эффекты SVG, не вызывающие растрирования.
Для повышения производительности файла SVG используйте символы в объекте и упрощайте контуры. Кроме того, если в первую очередь требуется производительность, старайтесь не пользоваться кистями, которые производят большое количество данных контура («Угольно-серый», «Пепел», «Ручка»).
Используйте фрагменты, карты ссылок и сценарии для добавления веб-ссылок в файл SVG.
Язык сценариев (например, JavaScript) открывает неограниченные функциональные возможности для файла SVG. Перемещения с помощью курсора и клавиатуры могут вызвать сценарные функции (например, эффекты прокрутки). Сценарии могут также использовать объектную модель документов (DOM) для обращения к файлу SVG и внесения изменений (например, для вставки или удаления элементов SVG).
Эффекты SVG можно использовать для добавления в объект таких графических свойств, как тени. Эффекты SVG отличаются от битовых эквивалентов тем, что они основаны на XML и не зависят от разрешения. Фактически, эффект SVG — это не что иное, как серия свойств XML, описывающих различные математические операции. Полученный эффект визуализируется для целевого объекта, а не для исходной графики.
Illustrator предоставляет набор эффектов SVG по умолчанию. Можно использовать эффекты с их свойствами по умолчанию, отредактировать код XML для создания пользовательских эффектов или написать код для новых эффектов SVG.
Чтобы изменить фильтры SVG, которые Illustrator использует по умолчанию, используйте текстовый редактор для редактирования файла Adobe SVG Filters.svg в папке Documents and Settings//Application Data/Adobe/Adobe Illustrator CS5 Settings/. Можно изменить или удалить существующие определения фильтра, а также добавить новые.
Для применения эффекта с параметрами по умолчанию выберите эффект в нижней части вложенного меню Эффект > Фильтры SVG .
Для применения эффекта с параметрами пользователя выберите Эффект > Фильтры SVG > Применить фильтр SVG . Выберите эффект в диалоговом окне и нажмите кнопку «Редактировать SVG-фильтр» . Отредактируйте код по умолчанию и нажмите кнопку ОК .
Для создания и применения нового эффекта выберите Эффект > Фильтры SVG > Применить фильтр SVG . В диалоговом окне нажмите кнопку «Новый фильтр SVG» и новый код и нажмите ОК .
Если применяется эффект «Фильтр SVG», Illustrator отображает растрированную версию эффекта на монтажной области. Можно контролировать разрешение миниатюры, изменяя параметр разрешения растрирования документа.
Примечание. Если объект использует несколько эффектов, эффект SVG должен быть последним. Другими словами, он должен отображаться в нижней части палитры «Отображение» (над записью «Прозрачность»). Если SVG-эффект сопровождается другими эффектами, вывод SVG будет осуществлен в виде растрового объекта.
У вас возникают проблемы при открытии или размещении файла в Illustrator? Узнайте о возможных причинах и способах решения этих проблем.
Неполадки на уровне системы могут привести к возникновению ошибок и некорректной работе. Прежде чем предположить, что документ поврежден, рекомендуется запустить утилиту восстановления диска.
Программа Illustrator не может открыть файл, если для чтения файла недостаточно системной памяти (ОЗУ). Одной из причин недостаточного объема памяти может быть слишком большое количество приложений, открытых на вашем компьютере.
Попробуйте выполнить следующее.
- Убедитесь, что ваш компьютер соответствует указанным системным требованиям.
- Выполните очистку диска, чтобы уменьшить количество неиспользуемых файлов, и убедитесь, что временная папка в вашей версии Windows пуста.
- Закройте некоторые приложения, чтобы освободить системную память.
- При возможности увеличьте объем ОЗУ в системе.
У вас нет прав на открытие этого файла, или требуемые права доступа не предоставлены.
Получите права доступа к файлу от владельца файла и повторите попытку входа.
Совет. Перед началом работы с общим файлом создайте локальную копию, если это возможно.
Файл уже открыт или заблокирован (используется) другим пользователем.
Закройте файл в других приложениях или профилях пользователей.
Файл защищен паролем, или неправильный пароль или имя пользователя для файла.
Убедитесь, что указаны правильные учетные данные для входа.
Файл размещен в сетевой папке, местоположение которой недоступно.
Проверьте подключение к сети и попробуйте снова получить доступ к файлу.
Illustrator не может открыть файл, если он уже открыт в другой версии Illustrator.
Попробуйте выполнить следующее.
- Закройте файл, открытый в другой версии Illustrator.
- Если не удается закрыть файл, принудительно закройте все версии Illustrator или перезагрузите компьютер.
- Если вы столкнулись с этой проблемой при сохранении файла, попробуйте изменить имя и местоположение этого файла. Подробнее о решении проблем, связанных с сохранением файлов, см. в разделе Устранение проблем с сохранением файлов.
Программа Illustrator не может открыть файл, если процесс чтения прерван или если этот файл недоступен/не найден.
Вот несколько ситуаций, когда возможно прерывание процесса чтения файла, и способы решения данной проблемы:
Съемные устройства (накопитель USB, внешний диск, флеш-накопитель и т. д.)
Устройство извлечено из компьютера небезопасным способом
После выполнения операции чтения-записи устройство необходимо извлечь безопасным способом.
Потеряно подключение к сети
Проверьте сетевое подключение.
Папка с общим доступом
Файл с открытым общим доступом больше недоступен
Убедитесь, что общая папка доступна.
При перезапуске Illustrator файл автоматически восстановится:
- В автоматически восстановленном файле может отсутствовать или быть измененной часть содержимого.
- Процесс автоматического восстановления не изменяет исходный файл, потому что он выполняется на копии файла.
Выполните следующие действия для восстановления
Когда файл .ai оказывается поврежден, вы можете попытаться восстановить его PDF-версию и сохранить документ PDF с расширением .ai. Однако восстановление возможно только при условии, что параметр Создать PDF-совместимый файл был включен во время сохранения файла и содержимое PDF файла .ai существует.
Выполните следующие действия, чтобы восстановить поврежденный файл .ai:
- Откройте поврежденный файл .ai в приложении Acrobat Reader.
- Сохраните файл в формате PDF.
- Откройте сохраненный файл PDF в программе Illustrator и снова сохраните его с расширением .ai.
Помимо описанных выше ситуаций, Illustrator не может открыть и восстановить файл в следующих случаях:
- Неожиданные или неизвестные ошибки.
- Файл поврежден и не подлежит восстановлению.
- Illustrator не поддерживает расширение файла, который вы пытаетесь открыть.
Что можно сделать
Во всех случаях рекомендуется предоставить нам доступ к файлам, которые затронула проблема, чтобы наши специалисты службы поддержки могли ее изучить.
Предоставляя нам доступ к файлам, вы не только позволяете специалистам Adobe найти решение вашей проблемы, но также помогаете нам улучшить саму программу благодаря выявлению и устранению аналогичных проблем.
Мы гарантируем конфиденциальность ваших файлов — они будут использованы только для изучения проблемы.
Мы сделаем все возможное, чтобы помочь вам, но так как восстановление зависит от многих факторов, мы не можем предоставить стандартное решение.
Читайте также: