Gradients messed up with artboards

Community Beginner ,
Sep 16, 2019

Copy link to clipboard

Copied

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.

TOPICS
Bug, Problem or error

Views

782

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Gradients messed up with artboards

Community Beginner ,
Sep 16, 2019

Copy link to clipboard

Copied

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.

TOPICS
Bug, Problem or error

Views

783

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 16, 2019 1
LEGEND ,
Sep 16, 2019

Copy link to clipboard

Copied

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. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 16, 2019 1
Community Beginner ,
Sep 17, 2019

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 17, 2019 0
LEGEND ,
Sep 17, 2019

Copy link to clipboard

Copied

It seems you do misunderstand. 

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 17, 2019 0
LEGEND ,
Sep 17, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 17, 2019 0
LEGEND ,
Sep 17, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 17, 2019 0
LEGEND ,
Sep 17, 2019

Copy link to clipboard

Copied

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/

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 17, 2019 0
Community Beginner ,
Sep 19, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 19, 2019 0
Adobe Community Professional ,
Sep 17, 2019

Copy link to clipboard

Copied

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

2019-09-17_08-29-03.jpg

Dave

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 17, 2019 1
LEGEND ,
Sep 17, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 17, 2019 1
Community Beginner ,
Sep 17, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 17, 2019 0
Community Beginner ,
Sep 19, 2019

Copy link to clipboard

Copied

Thanks, that worked. 🙂

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 19, 2019 0
Adobe Employee ,
Sep 19, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 19, 2019 0
Community Beginner ,
Sep 19, 2019

Copy link to clipboard

Copied

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.

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 19, 2019 0
Community Beginner ,
Sep 19, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 19, 2019 0
Adobe Community Professional ,
Sep 19, 2019

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 19, 2019 1
Community Beginner ,
Sep 26, 2019

Copy link to clipboard

Copied

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 🙂

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 26, 2019 1
Community Beginner ,
Dec 08, 2020

Copy link to clipboard

Copied

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. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 08, 2020 1
Community Beginner ,
Dec 26, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 26, 2020 0
LEGEND ,
Dec 28, 2020

Copy link to clipboard

Copied

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«

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 28, 2020 0