Gradients messed up with artboards

[Techinator]

I have multiple copies of an artboard to create variations of an idea. There is a gradient fill layer acting as a background for the artboards. Each artboard is supposed to have full gradient range but its acting as if the gradient is shared across all the artboards, thus each artboard getting a part of the gradient. Also moving the artboards is further screwing up the gradient where it seems to be re-sharing the gradient based on the new locations of the artboards.

I am attaching the psd file as well as a video of how moving the artboards is behaving.

[c.pfaffenbichler]

It does not seem as if you applied the appropriate Layer Masks to the Gradient Layers. 

Though it might be better to use instances of a Smart Object in the ArtBoards. 

[Techinator]

How would layer masks affect the behavior of gradients across artboards? I thought layers are nested under artboards so thelayer masks should affect onlyu the layer its applied to.. not layers in other artboards. Duplicating an artboard should duplicate all its layers as well right ? May be i am understanding the concept of artboards wrong.

[c.pfaffenbichler]

It seems you do misunderstand. 

Edit: Sorry, it should have been »do«, not »so«. 

[c.pfaffenbichler]

A Gradient Layer without a Layer Mask or Vector Mask references the Canvas.

[c.pfaffenbichler]

Sorry about the piecemeal posts, have to get used to the new Forum and the shortcuts … 

[c.pfaffenbichler]

If you think the Gradient Layer behaviour should be changed to incorporate Artboard bounds you could post a Feature Request over on: 

https://feedback.photoshop.com/photoshop_family/products/

[Techinator]

I just checked the file again. All the gradient layers have layer masks, they all just white but they are there. I agree with you that smart objects here would be a better idea (casual user, didnt think of it at the time, it was a quick design). I will read up on layer mask more, never knew they could affect the bounds of the layer. I thought they were just to control alpha. Thanks for your replies

[davescm · Accepted solution]

Hi

To have the full gradient on each artboard, rather than across the canvas, use a traditional pixel layer and add the gradient in Layer Styles

Dave

[c.pfaffenbichler]

A good option, I would still prefer using Smart Object instances

[Techinator]

Thanks. I will use that. Just for my knowledge, this is a workaround right or is the behavior i experience intended by design ?

[Techinator]

Thanks, that worked. 🙂

[Yellow Cat Design]

Why has this been voted as the correct answer? It's a workaround. Surely a gradient should move with the artboard?! In what scenario would you want a gradient, and nothing else, to not move with the artboard?

[Yellow Cat Design]

Surely this isn't right?

[c.pfaffenbichler]

Surely this isn't right?

Could you please post screenshots taken at View > 100% with the pertinent Panels (Toolbar, Layers, Options Bar, …) visible? 

Why has this been voted as the correct answer? It's a workaround. Surely a gradient should move with the artboard?! 

Sometimes a work-around is as good as it gets and setting up one’s own files prudently is up to oneself. 

Not that »Export As« may not be buggy in its own but it seems I can currently not reproduce your issue. 

[Sahil.Chawla]

Hi there,

That does sound like a strange issue, I have tried downloading the file you've shared and tested it at my end. I am able to reproduce this issue.

Does this happen with any other file?
What version of Photoshop and the operating system you're working with?

Could you try the suggestion shared by Dave and let us know how it goes?

Regards,
Sahil

[Techinator]

Hi

I have not seen this with other files but i am a casual user. I can try recreating another file but you mentioned you can reproduce it on your end. I am using Windows 10 with photoshop 20.0.6 release which is the latest as per my CC app. 

Dave's workaround did work and got me out of my jam, but i would still consider basic gradient layers not adhering to artboard a bug, unless i am misunderstanding the usecase of artboards of course.

[Techinator]

Also, its NOT as if the gradient is just shared between the bounds of the artboards and artboards are acting as clipping masks into the gradient. If you move artboards vertically it just resets the gradient at some point and the appearance of the gradient in that artboard just changes suddenly

[davescm]

The gradient fill layer is sized to the canvas not the artboards within it. So if you move an artboard across the canvas or add an artboard, to extend the canvas, the part of the gradient visible on each artboards changes. As far as I'm aware it has always done this.

[Techinator]

May be they have always done this but i still see it as a bug or bad implementation.

Going by https://helpx.adobe.com/photoshop/using/artboards.html .. it says "Visually, artboards serve as individual canvases within a document." Taking the example mentioned on that help page - "Artboards help streamline your design process by giving you an infinite canvas on which you can lay out designs for different devices and screens" .. why would someone want their artboard nested gradient layers to share the same canvas. My designs would change based on just how i wanna layout my artboards. 

Anyways, the workaround worked and i dont know how much i wanna make this argument. Its in the devs' court now 🙂

[ralphc37960410]

I was having this same issue. I'm new to using Artboards. I'm sure having a gradient work across multiple Artboards is useful for some projects, it just seems weird to me at the moment. 

So my fix is, fill the mask black, so the gradient is invisible. Then hit command "i" (invert it). Then it causes the mask to be bound by the individual Artboard. 

[HayPro]

Let's be honest. It's just a bug and nothing more. I have the same issue and it's creating problems instead of speeding up work.

Every artboard copy just ignores the position of it's original instances' gradient layers. All artboards share the same position.

[c.pfaffenbichler]

It may deserve to be called a bug but @davescm already posted a work-around: 

»To have the full gradient on each artboard, rather than across the canvas, use a traditional pixel layer and add the gradient in Layer Styles«

[defaultg28d9hz199xx]

That doesnt work for me. I apply gradients as layer styles and still does that thing. Definitely bad behaviour 

[c.pfaffenbichler]

How about posting meaningful screenshots including all pertinent Panels and Dialogs instead of a vague complaint? 

Did you uncheck »Align with Layer«?