Jump to content
BenjiGameDev

How to apply shadow on multiple object layers (AD)

Recommended Posts

Hi,

Say I'm drawing a character, who's made of several body parts, each being a vector object in a separate layer. Then I want to add self-shadow to this character, using yet another vector object (black with low opacity).

I currently have to apply the shadow to each body part individually, duplicating the master shadow and clipping it under each body part layer.

Is there a way to apply this shadow to the whole character in one go?

As I tested: it seems impossible to clip the shadow to a group of objects. When sliding the shadow below the group, it is added as a member to the group instead.

Share this post


Link to post
Share on other sites

Have you tried...

  1. Grouping all the elements together
  2. Duplicating that group
  3. Boolean adding all the elements together to create a shadow
  4. Place the shadow below the original group of elements.

Screen-Shot-2019-12-06-at-07-36-22.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

As far as I can see you would need to Add all the elements of the figure to create a single curve. Then you can Clip the shadow to the figure:

 

Which doesn't help if you then want to move the individual body parts...


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3

macOS 10.15

MacBook Pro

Share this post


Link to post
Share on other sites

Right that would work, but that wouldn't be practical. The example above is simple, but I'm talking in practice about advanced design with 100s of objects in different layers, transparency, masks and clips and they cannot be converted to a single shape.

I'm hoping there's a solution to clip an object to a group of objects.

Share this post


Link to post
Share on other sites

Duplicate the grouped figure>rasterize>apply shade as clipped object to the new pixel layer
Or
Duplicate the group>ungroup>geometry>add>apply shade as clipped object to the new object.

shadow-in-groupEdit.afdesign


-------------------------------------------------------------------------------------------------------------------------------
Win10(1909)Home / Photo / Designer / Publisher & latest (beta) versions

Share this post


Link to post
Share on other sites

BenjiGameDev: That’s a shame. I tried putting all the layers in another group and then placing that document inside another document (which contained a coloured background) but that doesn’t work either. Neither does putting the ‘shadow curve’ inside the original group. Maybe it just needs more experimentation.

Share this post


Link to post
Share on other sites
On 12/6/2019 at 4:26 PM, haakoo said:

Duplicate the grouped figure>rasterize>apply shade as clipped object to the new pixel layer


Nice trick! The use of the rasterize is smart. It won't change with further modification of the parent shape though, but I guess it can do for now.

Share this post


Link to post
Share on other sites

The problem with compound paths in Affinity is it removes the individual properties of elements and homogenises them into a shape with singular properties.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

I think the complexity of the project is beyond the technical abilities of Affinity and a dedicated 2D/3D animation app would be more appropriate to the project. It would be interesting to see what @BenjiGameDev is actually working on, this would help focus the search for a solution more accurately.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
33 minutes ago, PixelPest said:

A Compound Path (hold alt-key while Boolean-add) may work for you then:



Oh! Do you mind sharing the file? I'd like to see how you did that.

Share this post


Link to post
Share on other sites
9 minutes ago, firstdefence said:

I think the complexity of the project is beyond the technical abilities of Affinity and a dedicated 2D/3D animation app would be more appropriate to the project. It would be interesting to see what @BenjiGameDev is actually working on, this would help focus the search for a solution more accurately.

Thanks. Nothing too complicated. Here are examples of my work.I just want the shadow to be on the character surface--without hassle. I was hoping I could cast the shadow on a group like I can on a single object.

Bonnetarte.png

Share this post


Link to post
Share on other sites

I personally can't see a way round this, to shadow en masse, all of the components.

I think a shadow would have to be done per component and the shadow would be a translucent component in itself, either clipped or butted to the component the shadow represents.

Great characterisation by the way.

I'm having flashbacks to Capt Pugwash me hearty's lol!


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
5 minutes ago, firstdefence said:

I think a shadow would have to be done per component and the shadow would be a translucent component in itself, either clipped or butted to the component the shadow represents.

 

This can get quite tedious.

Here I'm applying the shadow on the head, which covers about 3 dozens of components. I may just decide to reshape the head differently and would need to re-do the shadow on all elements if it were applied on each separately.

More logically I want to group these elements in single component (the head) and apply a shadow to that group. Here, since I work with almost exclusively straight lines, I can butt nodes to one another and save the day. But working with curves would be more critical. 

So for now it's merging components in Boolean Addition. But Wouldn't it just be a lot cooler if a shadow could simply be masked by its parent group?

2020-01-02 (3).png

Share this post


Link to post
Share on other sites
49 minutes ago, firstdefence said:

The problem with compound paths in Affinity is it removes the individual properties of elements and homogenises them into a shape with singular properties.

I was misdirected by your example. ;)

Share this post


Link to post
Share on other sites

Well I've tried several ways to shadow and or mask but the result never comes out as you would intuitively think it would. The problem is the shading becomes a component of the group which does make sense. You could group a group but the addition of the shading to a group with a group still does not clip the shading to the group below. The logic applied to groups, layer and compound paths just doesn't give you what you want. 

Using Layer FX and adding an inner shadow doesn't give the right look as it won't follow contours created by other shapes.

 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

I´d make a shape for the face for instance and put any content/detail inside (masked by the shape) and the shadow shape at first in the hierarchy with either transparent grey or/and additional blend mode.

Share this post


Link to post
Share on other sites

A workaround may be, duplicate the group select everything in that group do a boolean add give the new shape no fill or stroke and create the shadow inside that shape.

Clumsy but it works


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites
14 minutes ago, dutchshader said:

A workaround may be, duplicate the group select everything in that group do a boolean add give the new shape no fill or stroke and create the shadow inside that shape.

Clumsy but it works

+Give it a white fill and set the layer blend to darken or multiply


-------------------------------------------------------------------------------------------------------------------------------
Win10(1909)Home / Photo / Designer / Publisher & latest (beta) versions

Share this post


Link to post
Share on other sites
1 hour ago, dutchshader said:

A workaround may be, duplicate the group select everything in that group do a boolean add give the new shape no fill or stroke and create the shadow inside that shape.

Clumsy but it works

That's the default workaround for now yes.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.