Skip to main content
I
Ido27014544in19
Participant
December 10, 2022
Answered

Help with Artboard Tool

  • December 10, 2022
  • 3 replies
  • 1985 views

Hello everyone, Im trying to understand the Artboard tool.

Im working on a big artboard with many icons on it, with transparent background.

Each time I want to export one icon, Im using the artboard tool, but the problem is that when I cut out one icon it makes the background of it white color and not transparent.

How do I solve it, or maybe you have a better idea for exporting each icon every time.

thank you!

  

This topic has been closed for replies.
Correct answer Stephen Marsh

Properties panel > Artboard Background Color = Transparent (with the Artboard tool and artboard active).

3 replies

Stephen Marsh
Community Expert
Stephen MarshCommunity Expert
Community Expert
December 10, 2022

The following script will set the active artboard to transparent. Once installed in the apps presets/scripts folder, it will become available in Edit/Keyboard Shortcuts where a custom keycut can be applied for easy access (or you could record the script into an action for use with a mapped F-key).

 

/* https://community.adobe.com/t5/photoshop-ecosystem-discussions/setting-artboard-background-to-transparent/m-p/12438157 */
var ideditArtboardEvent = stringIDToTypeID("editArtboardEvent");
var desc520 = new ActionDescriptor();
var idnull = stringIDToTypeID("null");
var ref129 = new ActionReference();
var idlayer = stringIDToTypeID("layer");
var idordinal = stringIDToTypeID("ordinal");
var idtargetEnum = stringIDToTypeID("targetEnum");
var desc521 = new ActionDescriptor();
var idartboard = stringIDToTypeID("artboard");
var idchangeBackground = stringIDToTypeID("changeBackground");
ref129.putEnumerated(idlayer, idordinal, idtargetEnum);
desc520.putReference(idnull, ref129);

var idartboardBackgroundType = stringIDToTypeID("artboardBackgroundType");
desc521.putInteger(idartboardBackgroundType, 3);

desc520.putObject(idartboard, idartboard, desc521);
desc520.putInteger(idchangeBackground, 1);
executeAction(ideditArtboardEvent, desc520, DialogModes.NO);

 

https://prepression.blogspot.com/2017/11/downloading-and-installing-adobe-scripts.html

 

    Stephen Marsh
    Community Expert
    Stephen MarshCommunity ExpertCorrect answer
    Community Expert
    December 10, 2022

    Properties panel > Artboard Background Color = Transparent (with the Artboard tool and artboard active).

      I
      Ido27014544in19Author
      Participant
      December 11, 2022

      Wow, thank you very much, solved itt

      Stephen Marsh
      Community Expert
      Stephen MarshCommunity Expert
      Community Expert
      December 11, 2022

      @Ido27014544in19 – If my answer is a correct answer, please mark it as so.

      Bojan Živković11378569
      Community Expert
      Bojan Živković11378569Community Expert
      Community Expert
      December 10, 2022

      So you have multiple icons inside same artboard? You want to export each individual icon? How you cut out icon? Can you post screenshot of entire window with Layers panel expanded and visible?

      I
      Ido27014544in19Author
      Participant
      December 10, 2022

      Hey thank you! Im not in-front of the computer, but yes, all the icons are in the same artboart, and each time I finish twiking one icon Im using the artboard tool, mark the area around the icon and its croppes in like the second screenshot I have uploaded, buttt with a white background and not transparent. 

      Bojan Živković11378569
      Community Expert
      Bojan Živković11378569Community Expert
      Community Expert
      December 10, 2022

      I can not reproduce. Try to reset tool or even preferences what can solve starnge problems.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices