Jump to content

Recommended Posts

Hello all!

I'm trying to make shadows that follow Google's Material Design (Like in the lightning logo attached). I know to make a curve with a darker color, but I cant get it to snap perfectly- with the same diagonals, etc. Another picture below is something I'm trying to make, but as you might be able to see, the diagonals from the bottom part of the plus and the top part are not the same. Let me know. Thanks!

download.jpeg

Screen Shot 2018-05-22 at 10.25.29 PM.png

Share this post


Link to post
Share on other sites

Hi mannyc, 

 

Welcome to the forums. 

It would be a lot easier if you attach a full-size image, as the one you posted is only 300px and it's hard to see what you describe. The .afdesign project file will help as well. 

 

Thanks,

Gabe. 

Share this post


Link to post
Share on other sites

I think the OP is saying that the top and bottom edges of the shadow should be parallel. If that’s the case, this is fairly easily achieved by rotating and skewing a rectangle nested/pasted inside the circle.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.4 (iPad Air 2)

Share this post


Link to post
Share on other sites
5 hours ago, GabrielM said:

Hi mannyc, 

 

Welcome to the forums. 

It would be a lot easier if you attach a full-size image, as the one you posted is only 300px and it's hard to see what you describe. The .afdesign project file will help as well. 

 

Thanks,

Gabe. 

PLUS.thumb.jpg.70ced84ecd9ce62cc25bff0d88f62d19.jpgHere they are

PLUSAFDESIGN.afdesign

Share this post


Link to post
Share on other sites

Step 3 variant 1 makes sense. :D


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, 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 Instagram & Flickr - Affinity Live 19th June 2019

Share this post


Link to post
Share on other sites

These simple "shadows" are no problem. What we are waiting for is a vector morph/blend that creates a shadow that fades in the contour of the original. This would help make the lightening bolt shadow more convincing. In any case, while the results look interesting and attractive, they look like extrusions rather than shadows which is OK. But this will improve when AD is able blend vector shapes. That's something Macromedia's Freehand could do. One day, AD will be able to also.

Share this post


Link to post
Share on other sites
45 minutes ago, Nivrams said:

These simple "shadows" are no problem. What we are waiting for is a vector morph/blend that creates a shadow that fades in the contour of the original. This would help make the lightening bolt shadow more convincing. In any case, while the results look interesting and attractive, they look like extrusions rather than shadows which is OK. But this will improve when AD is able blend vector shapes. That's something Macromedia's Freehand could do. One day, AD will be able to also.

Add transparency to the shadow


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, 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 Instagram & Flickr - Affinity Live 19th June 2019

Share this post


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

These simple "shadows" are no problem. What we are waiting for is a vector morph/blend that creates a shadow that fades in the contour of the original. This would help make the lightening bolt shadow more convincing. In any case, while the results look interesting and attractive, they look like extrusions rather than shadows which is OK. But this will improve when AD is able blend vector shapes. That's something Macromedia's Freehand could do. One day, AD will be able to also.

You can add a transparency gradient. Also, create a blurred version of the shadow and gradually fade it out. The real fun starts when You start to push the tools already available to You.

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

×