Jump to content
PhatMonkey

Better Shadow Control for Designer and Photo

Recommended Posts

I know this is not a clone of DrawPlus, but I cant deny the fact the shadow tool is very limited in 'Designer' and 'Photo' compared to DrawPlus and this is something I would really appreciate being worked on and implemented in the future.

Cheers

Ryan

Share this post


Link to post
Share on other sites

Welcome to the Serif Affinity Forums, Ryan. :)

 

What can we do with the Shadow Tool in DrawPlus that we can’t currently do in the Affinity apps? :/

 


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.2.471 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.2.153 • Designer for iPad 1.7.2.6 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Hi there, for example: SCALE Y this flattens the shadow, for example creating the effect that the shadow is on the ground, I know I could duplicate the image and create my own shadow, but that is extra work where a tool like in DP would come in handy, I have attached an image, the shadow is also highlighted so you can see the extra controls available in the menu bar above the image...

Cheers

Ryan

shadow.jpg

Share this post


Link to post
Share on other sites

I absolutely agree with this.  I just purchased affinity a couple days ago, and was disappointed that there aren't the same drop-shadow options that there are in DrawPlus.

It really limits the work I am doing.

Anj

Share this post


Link to post
Share on other sites

Not sure if you are on windows or a Mac, but this will work for text on both

Duplicate the text layer
Colour it light grey
Move it behind the black text layer

In the Transform panel..

Select the bottom/middle rotation point
Adjust the shear to about -65 or whatever angle you need
Reduce height of shadow to whatever looks right
Add some Gaussian Blur to the grey shadow layer

Maybe not as easy as DrawPlus but I suspect we are unlikely to see all DrawPlus features in Affinity for several years, so an acceptable workaround for now

The above is fine for text but for other objects see this thread

https://forum.affinity.serif.com/index.php?/topic/52186-sheared-shadows-please/&tab=comments#comment-263387

 

 

shadow.jpg


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be concerned about.

Share this post


Link to post
Share on other sites
3 hours ago, carl123 said:

Move it behind the black text layer

Alternatively, select the original instead of the duplicate.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.2.471 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.2.153 • Designer for iPad 1.7.2.6 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
3 hours ago, carl123 said:

Select the bottom/middle rotation point
Adjust the shear to about -65 or whatever angle you need
Reduce height of shadow to whatever looks right
Add some Gaussian Blur to the grey shadow layer

As mentioned in the thread you refer to, it is necessary to add a gradient, as the shadow with the distance fades.
A gaussian blur should also be applied with a rising intensity, as the shadow melts with distance (just behind the subject is sharp).


Affinity Store: Designer 1.7.2.471, Photo 1.7.2.471, Publisher 1.7.2.471.
Windows 10 Pro, Version 1903, Build 18362.295.
Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.

Share this post


Link to post
Share on other sites
6 minutes ago, Pšenda said:

As mentioned in the thread you refer to, it is necessary to add a gradient, as the shadow with the distance fades.
A gaussian blur should also be applied with a rising intensity, as the shadow melts with distance (just behind the subject is sharp).

And if the ground is uneven (or textured) that the shadow falls on you can use something like a displacement filter to reflect this

Or if the shadow falls on water you could add ripples to it

Or if there are 2 light sources in the room you may need to adjust the shadows intensity accordingly along it's path or add another shadow

Or if the shadow falls over a pool of blood you might need to add a red tinge to it or lower the opacity

etc

etc

etc

Today we are just covering the basics (the essential facts or principles of a subject or skill) after Brexit we can move onto the move complicated stuff


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be concerned about.

Share this post


Link to post
Share on other sites

Sure, correct shadow rendering is complicated issue, especially if it is solved in 3D (ie, respecting textures, light sources, etc.).
When solved in 2D (Affinity), it is enough to respect the "basic" physical laws - that is, the shadow on the perpendicular surface can not be the same, as the shadow cast on the parallel surface.

Shadow rendering in DrawPlus is not correct.


Affinity Store: Designer 1.7.2.471, Photo 1.7.2.471, Publisher 1.7.2.471.
Windows 10 Pro, Version 1903, Build 18362.295.
Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.

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

×