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

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

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

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

Если вы не знакомы с Illustrator, вам действительно следует вернуться к дизайнеру и попросить доставить элементы, которые вы можете использовать.
@Scott - она ​​чрезвычайно темпераментна и не хочет работать с кем-то, кому нужны PNG вместо файла Illustrator. Я лучше найму кого-то еще, чтобы извлечь изображения для меня, чем снова найму ее. Надеюсь, это действительно так просто, как она предложила, и я смогу сделать это сам быстро.
Я не пользуюсь иллюстратором, поэтому не знаю, как лучше. Но если бы мне пришлось извлекать из него векторные слои, я бы, вероятно, скопировал их в другую программу (fireworks, photoshop) и использовал «Сохранить для Интернета».
Странно, разве в вашем контракте не указано, в каком формате вы хотите активы? Или хотя бы указать предполагаемое использование. В этом случае можно было бы возразить, что его часть договора в других случаях не так проста. Если вы запросили ресурсы для печати, неудивительно, что вы не получили изображения PNG.

Ответы (5)

  1. Выберите то, что вы хотите
  2. Ctrl+ G(групповой выбор)
  3. Ctrl+ C(копировать)
  4. Ctrl+ N(Новый файл)
  5. Ctrl+ V(Вставить)
  6. «Файл»> «Сохранить для Интернета и устройств », затем справа переключите .JPG на .PNG , затем вы также хотите снять флажок в самом низу под параметрами .PNG , где написано «Клип на монтажную доску».
Какая-то боль, я должен узнать точное разрешение или обрезать новый файл. Но в остальном именно то, что я ищу. Как обрезать?
На самом деле, это не кажется легким. В Иллюстраторе нет возможности кадрировать. Все вышеперечисленное прекрасно, за исключением шага 6, если я сохраняю файл, я получаю пробел (по крайней мере, прозрачный) вокруг объекта, который я пытаюсь сохранить. Я не могу легко угадать пиксели перед созданием нового файла (есть ли простой способ?).
Я нашел ширину и высоту выделения и могу создать новый файл такого размера. Вставленный дизайн не находится точно по центру этого нового холста, но достаточно близко, чтобы я мог легко перемещаться, я думаю.
Отредактировал ответ, чтобы объяснить, как легко выполнить обрезку. Дайте мне знать, если это решит это для вас.
Для пользователя, не использующего Illustrator, это, вероятно, лучшее решение. И я согласен с более ранним комментарием, что вам следует найти другого дизайнера, готового прислать вам файлы, с которыми вы действительно сможете работать.
это в меню Объект > Монтажная область > Подогнать к границам обложки.

Вы можете сделать это быстрее с помощью сценариев. Я только что создал этот 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)

Используйте инструмент «Разрез».

Создайте фрагменты с помощью инструмента, затем используйте диалоговое окно «Файл->Сохранить для Интернета...» (Ctrl-Shift-Alt S, Command-Shift-Alt S), чтобы экспортировать фрагменты. В диалоговом окне дважды щелкните созданные фрагменты, дав им разумное имя файла.

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

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

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

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