Mordi Posted February 9, 2020 Posted February 9, 2020 I am remaking a user interface design which is based on vector rendering. In this user interface, I noticed that they use quite nice dithering. It looks really sharp and nice, but I can't recreate it inside Affinity Designer. Here's an example: The above shape is made in AD. The bottom shape comes from the user interface reference I am using. They use blue and red to smooth out the shape, which gives a really nice effect when viewed at normal zoom levels. Is there any way to get this type of dithering inside Affinity Designer? Does it have a name? Quote
Pšenda Posted February 9, 2020 Posted February 9, 2020 I tried to duplicate the object and set two outer shadows (different colors, different direction). But you would have to experiment a lot with their settings. Shadow.afdesign Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.7.2948 (Retail) Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.
GarryP Posted February 10, 2020 Posted February 10, 2020 Attached (image and file) is the nearest I have been able to get with some limited experimentation. It uses duplicate layers – each moved half a pixel left/right – with Colour Overlay Effects with an Average Blend Mode and 0% Fill Opacity. Quite a hassle if you need to do this many times and probably not a great way of doing it anyway. Zooming to Pixel Size and switching the duplicate layers on/off doesn’t seem to make much difference to me. The image you gave from your reference UI looks like how the fonts of the Affinity UI look when in Dark Mode. Try grabbing a Colour Picker and moving it over the names of the menu items and panel title bars. This might help you to figure out how to get what you want. red-blue-offset-shapes.afdesign Quote
Recommended Posts
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.