Как извлечь PNG из файла Adobe Illustrator

13

Мой графический / веб-дизайнер оставил мне файл Adobe Illustrator моего сайта. Она сказала, что будет легко извлечь изображения в формате PNG, чтобы я мог использовать их в своем HTML. Но я не могу понять это слишком легко.

Изображения, кажется, много векторных рисунков. Я могу отделить их от окружающего искусства и выбрать все части. Но тогда как мне сохранить этот выбор как файл PNG?

Кстати: я использую Adobe Illustrator CS6.

в.
источник
Если вы не знакомы с Illustrator, вам следует вернуться к дизайнеру и попросить доставить предметы, которые вы можете использовать.
Скотт
@ Скотт - она ​​очень темпераментная и не хочет работать с кем-то, кому нужны PNG вместо файла Illustrator. Я бы предпочел нанять кого-то другого, чтобы извлечь изображения для меня, чем нанять ее снова. Надеюсь, это действительно так просто, как она предложила, и я могу сделать это сам быстро.
в.
I don't use illustrator, so I don't know the best approach. But if I had to extract vector layers from it I would probably copy-paste them in a different program (fireworks, photoshop) and use "Save for web".
Yisela
Странно, а в вашем контракте не указано, в каком формате вы хотите получить активы? Или хотя бы указать предполагаемое использование. В этом случае можно утверждать, что его часть договора в других случаях не так просто. Если вы попросили печатные материалы, не удивительно, что вы не получите изображения в формате PNG.
joojaa

Ответы:

18
  1. Выберите то, что вы хотите
  2. Ctrl+ G(Выбор группы)
  3. Ctrl+ C(Копировать)
  4. Ctrl+ N(Новый файл)
  5. Ctrl+ V(Вставить)
  6. File> Save for Web & Devices, затем на правом переключателе .JPG в .PNG , затем вы также хотите снять галочку в самом низу под опциями .PNG , где написано «Clip to Artboard»
Райан
источник
1
Что-то вроде боли, я должен знать точное разрешение или обрезать новый файл. Но в остальном именно то, что я ищу. Как мне обрезать?
в.
На самом деле, это не кажется легким. Разве нет возможности обрезать в Illustrator. Все выше замечательно, кроме шага 6, если я сохраняю файл, я получаю пробел (по крайней мере, прозрачный) вокруг объекта, который я пытаюсь сохранить. Я не могу легко угадать пиксели перед созданием нового файла (есть ли простой способ?).
в.
Я нашел ширину и высоту выделения и могу создать новый файл такого размера. Вставленный дизайн не центрирован точно на этом новом холсте, но достаточно близко, чтобы я мог легко двигаться.
в.
Отредактировал ответ, чтобы объяснить, как сделать обрезку легко. Дайте мне знать, если это решит это для вас.
Райан
2
это в меню под Объектом> Артборд> Подгонка под Границы Работы
vahanpwns
5

Вы могли бы сделать это быстрее с помощью сценариев. Я только что создал этот js-скрипт для Illustrator CS4. Надеюсь, CS6 тоже сможет это выполнить.

  1. Скопируйте приведенный ниже код в новый файл с расширением ".jsx", сохраните его.
  2. Теперь в AI выберите, что должно быть экспортировано (только один элемент за раз; сгруппируйте несколько, если необходимо)
  3. Выполнить скрипт (с помощью перетаскивания или Файл / скрипты / Другой скрипт ...)
  4. Готово - экспортированные изображения были сохранены в папке, где находится ai-файл.

НОТА:

  • позиция экспортируемого объекта будет округлена! Так что будьте осторожны при сохранении
  • работает также для PNG24 ... просто заменить PNG8 на PNG24

    function exportFileToPNG(dest, artBoardIndex)
    {
        var exportOptions = new ExportOptionsPNG8(); // or ExportOptionsPNG24
        var type = ExportType.PNG8; // or ExportType.PNG24
        var file = new File(dest + ".png");
    
        exportOptions.artBoardClipping = true;
        exportOptions.antiAliasing = true;
        exportOptions.transparency = true;
        exportOptions.qualitySetting = 72;
        exportOptions.saveMultipleArtboards = false;
        exportOptions.artboardRange = "" + artBoardIndex;
        app.activeDocument.exportFile( file, type, exportOptions );
    }
    
    function execute()
    {
        if (app.documents.length == 0)
        {
            alert('No document open', 'Error');
            return;
        }
    
        if (app.activeDocument.selection.length == 0)
        {
            alert('Nothing selected', 'Error');
            return;
        }
    
        var selectedStuff = app.activeDocument.selection[0];
    
        // snap position to pixels
        selectedStuff.position = [ Math.round(selectedStuff.position[0]), Math.round(selectedStuff.position[1]) ];
    
        // create temporary artboad for exporting
        var docRef = app.activeDocument;
        var rect = selectedStuff.visibleBounds;
    
        try
        {
            docRef.artboards.add(rect);
        }
        catch(e)
        {
            alert('Could not create Artboard as step of export.', 'Failure');
            return;
        }
    
        // determine destination
        var destFolder = docRef.path;
        if(destFolder == "")
            destFolder = Folder.selectDialog('Select the folder to export to:');
    
        if(destFolder)
        {
            try
            {
                exportFileToPNG(destFolder + "/" + docRef.name, docRef.artboards.length);
            }
            catch(e) {}
        }
    
        // delete temp-artboard
        docRef.artboards.remove(docRef.artboards.length - 1);
    }
    
    execute();
    

У меня хорошо работает, и у меня не было (больше) ошибок до сих пор. Но поддерживать вещи не может повредить.

Ив
источник
Ого! Работает отлично.
Деннис Дж
Суть кода для облегчения загрузки: gist.github.com/koiyu/b53e3a186fb1158eb9b7 (NB изменил PNG8 на PNG24)
Яри ​​Кейнянен,
2

Используйте Slice Tool.

Создайте фрагменты с помощью инструмента, затем используйте диалоговое окно File-> Save for Web ... (Ctrl-Shift-Alt S, Command-Shift-Alt S) для экспорта фрагментов. В диалоговом окне дважды щелкните мышью на созданных срезах, указав им разумное имя файла.

Убедитесь, что выбран пункт «Экспорт-> Пользовательские фрагменты», и нажмите «Сохранить». Выберите каталог (мне нравится использовать «пустую» папку для любого экспорта). Illustrator создаст в этой папке каталог с именем «images», и в нем будут фрагменты, которые вы определили в формате, выбранном вами при сохранении. Для веб-экрана.

reor
источник
0

Сохраните для Интернета и убедитесь, что «Клип на артборде» не выбран. Это подойдет для Adobe CC, я не уверен, что CS6 имеет эту функцию.

Ремко
источник
-2

используйте эту команду Ctrl + Shift + Alt + S

user14577
источник
Добро пожаловать в GD.SE! Это позволит сохранить все изображение, а не только выбранные части, нет?
Брендан