Jump to content
You must now use your email address to sign in [click for more info] ×

Shading in a design


Recommended Posts

For each shape that you want to add shading to, either duplicate the shape or add a smaller shape (depending on how localized you want the shading to be) and change the fill to black. Apply elliptical transparency to the black duplicate and adjust until you get a pleasing result.

You can employ a similar method to add highlights, using a white shape instead of a black one.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

27 minutes ago, Josie said:

What if the shading is a brown or a red, something like that what do I do?

The principle is exactly the same! Just use brown or red for shading, and use yellow for highlights.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

20 minutes ago, Josie said:

What do you mean use yellow for highlights?

We were discussing the use of black for shading and white for highlights, so when you asked about using something more muted like brown or red instead of black for the shading, I suggested using yellow instead of white for the highlights.

22 minutes ago, Josie said:

And also when I do the shading how do I align it with the design I’m doing exactly so it looks like part of the design?

If you use a black copy of the shape (or a brown or red one) it will align exactly with the original, and then you can apply more or less transparency depending on how much shading you want.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

27 minutes ago, Josie said:

do I reduce opacity for shading and if so by what percent?

 

1 hour ago, Alfred said:

apply more or less transparency depending on how much shading you want.

 

StudioLink 256gb 11’ M1 iPad Pro

iPadOS 17 Public Beta 1

iPad Magic Keyboard

Link to comment
Share on other sites

59 minutes ago, Josie said:

Does it matter what brown or red color I use and so on depending on the design?

Only if it matters to you or your client. After all, Josie, you’re the designer!

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

  • 1 month later...

How do I make sure the shading fits or align with the design? And how would I blend the color in the design so it looks like shading?

This is what some of the designs my friend did with shading, am trying to figure out how to do it exactly like 👍 this.

F5FFEF3E-76D1-49F6-BA05-6DC3A09AFD3C.jpeg

1CD8A6E7-AC61-4F8F-A715-044881B11A95.jpeg

11C0E963-0CA9-4DBD-B6AD-152E8AEBC084.jpeg

D91F8C36-FE53-45A2-A4BF-6DFE29FA4C1C.jpeg

21DFFC36-F290-4FD8-87F9-9320ABEDAB86.jpeg

Link to comment
Share on other sites

1 hour ago, Josie said:

How do I make sure the shading fits or align with the design? And how would I blend the color in the design so it looks like shading?

Discussed here:

 

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | 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.