2

I am using Photoshop CC 2015. It recently added an art board feature. I love it, but now issue I want to send my customer PSD file but they don't use CC 2015 so how they can see all of my artboards? So I am wondering if there is any way to save each art board as a separate PSD.

  • 1
    I don't think you can do this out of the box. The nearest thing you have is Export > Artboards to PDF ... You'd probably be able to script it. – KJP Jun 28 '15 at 19:41
  • I don't know about Photoshop because I'm not on my work computer right know but in illustrator, when you use the Save As function there is an option where you can save each artboard to a separate .ai file Maybe there is a similar one for that new feature in Photoshop – ekclone Jun 28 '15 at 20:11
9

Maybe you can help script artboardsToPSD.jsx

#target photoshop

app.bringToFront();

var docRef = app.activeDocument,
allArtboards,
artboardsCount = 0,
inputFolder = Folder.selectDialog("Select a folder to process");

if (inputFolder) {
function getAllArtboards() {
    try {
        var ab = [];
        var theRef = new ActionReference();
        theRef.putProperty(charIDToTypeID('Prpr'), stringIDToTypeID("artboards"));
        theRef.putEnumerated(charIDToTypeID('Dcmn'), charIDToTypeID('Ordn'), charIDToTypeID('Trgt'));
        var getDescriptor = new ActionDescriptor();
        getDescriptor.putReference(stringIDToTypeID("null"), theRef);
        var abDesc = executeAction(charIDToTypeID("getd"), getDescriptor, DialogModes.NO).getObjectValue(stringIDToTypeID("artboards"));
        var abCount = abDesc.getList(stringIDToTypeID('list')).count;
        if (abCount > 0) {
            for (var i = 0; i < abCount; ++i) {
                var abObj = abDesc.getList(stringIDToTypeID('list')).getObjectValue(i);
                var abTopIndex = abObj.getInteger(stringIDToTypeID("top"));
                ab.push(abTopIndex);

            }
        }
        return [abCount, ab];
    } catch (e) {
        alert(e.line + '\n' + e.message);
    }
}

function selectLayerByIndex(index, add) {
    add = undefined ? add = false : add
    var ref = new ActionReference();
    ref.putIndex(charIDToTypeID("Lyr "), index + 1);
    var desc = new ActionDescriptor();
    desc.putReference(charIDToTypeID("null"), ref);
    if (add) desc.putEnumerated(stringIDToTypeID("selectionModifier"), stringIDToTypeID("selectionModifierType"), stringIDToTypeID("addToSelection"));
    desc.putBoolean(charIDToTypeID("MkVs"), false);
    executeAction(charIDToTypeID("slct"), desc, DialogModes.NO);
}

function ungroupLayers() {
    var desc1 = new ActionDescriptor();
    var ref1 = new ActionReference();
    ref1.putEnumerated(charIDToTypeID('Lyr '), charIDToTypeID('Ordn'), charIDToTypeID('Trgt'));
    desc1.putReference(charIDToTypeID('null'), ref1);
    executeAction(stringIDToTypeID('ungroupLayersEvent'), desc1, DialogModes.NO);
}

function crop() {
    var desc1 = new ActionDescriptor();
    desc1.putBoolean(charIDToTypeID('Dlt '), true);
    executeAction(charIDToTypeID('Crop'), desc1, DialogModes.NO);
}

function saveAsPSD(_name) {
    var psd_Opt = new PhotoshopSaveOptions();
    psd_Opt.layers = true; // Preserve layers.
    psd_Opt.embedColorProfile = true; // Preserve color profile.
    psd_Opt.annotations = true; // Preserve annonations.
    psd_Opt.alphaChannels = true; // Preserve alpha channels.
    psd_Opt.spotColors = true; // Preserve spot colors.
    app.activeDocument.saveAs(File(inputFolder + '/' + _name + '.psd'), psd_Opt, true);
}

function main(i) {
    selectLayerByIndex(allArtboards[1][i]);
    var artboardName = app.activeDocument.activeLayer.name;
    executeAction(stringIDToTypeID("newPlacedLayer"), undefined, DialogModes.NO);
    executeAction(stringIDToTypeID("placedLayerEditContents"), undefined, DialogModes.NO);
    app.activeDocument.selection.selectAll();
    ungroupLayers();
    crop();
    saveAsPSD(artboardName);
    app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
}

allArtboards = getAllArtboards();

artboardsCount = allArtboards[0];

for (var i = 0; i < artboardsCount; i++) {
    docRef.suspendHistory('Save Artboard as PSD', 'main(' + i + ')');
    app.refresh();
    app.activeDocument.activeHistoryState = app.activeDocument.historyStates[app.activeDocument.historyStates.length - 2];
}
| improve this answer | |
  • thanks. .. how to run this script ? – pagol Jun 29 '15 at 13:24
  • download this script and place it somewhere on your computer, then go to Files > Scripts > Browse, then you select this script and run it i.imgur.com/jk3yGL1.png – ekclone Jun 29 '15 at 14:44
  • wow.. wow.. it work so nicely.. thanks @artemfedorov for your nice and quick script – pagol Jun 29 '15 at 15:58
  • worked like a charm, thank you a lot for this. I had 12 artboards of a website and it was getting too heavy to do anything – Angelos Arnis Nov 4 '15 at 11:36
7

I'm not sure since which update but Photoshop CC does this out of the box. You can export all artboards to PSDs or just the selected ones.

Just go to File > Export > Artboards to Files... and give it a go.

File > Export > Artboards to Files...

| improve this answer | |
  • 1
    thanks. for your answer. artboards to files new option in cc 2015.1 . i think i wasn't in cc 2015. adobe realize this option need :) – pagol Jan 25 '16 at 5:58
2

I haven't looked but I thought it was just right clicking on the artbord and then export as.

UPDATE

  • Select all layers inside the artboard
  • Right click and Convert to Smart Object
  • File > Export > Layers to Files

When you do this you will end up separate files for each artboard as psds.

If you want to convert back to layers, once you've made the originals smart objects, double click and then drag back over to the original, or just let them be—layer stacks as smart objects can come in handy.

Hope this helps!

| improve this answer | |
  • You're right except there's no option to export as PSD – KJP Jun 29 '15 at 5:10
  • yes this we can do .. as photoshop don't give us direct easy way.. thanks again – pagol Jun 29 '15 at 13:23
  • 1
    This is because the purpose of artboards is not to make more photoshop files. They are best used for size variations or separate concepts then exported as PDFs for review. Though even saying that, Illustrator does let you export artboards by selecting an artboard range at export. – Eddie Adolf Jun 29 '15 at 13:55
1

What I normally do is: Click on the Artboard Layer with right mouse > Duplicate Artboard > New

And Boom! A New window with this artboard will appear and you can save separately.

| improve this answer | |
0

You can share the whole file via creative cloud with extract enabled. This will allow your customer to view the file as is, and switch layers on and off etc.

| improve this answer | |
0

I think you can duplicate your selection to new psd file. This is easy way to export the artboard as separate layer :)

  1. Choose the layer you want to export
  2. Right click and choose Duplicate layer
  3. Choose New and type the name of file
  4. Click OK
| improve this answer | |
  • OP asks specifically about artboards, not layers – Luciano Jan 25 '16 at 10:40
-1

I recommend you to check these tips for Adobe Artboards http://designmodo.com/photoshop-artboards/. They are very useful for beginners.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.