Sketch 48 (beta) released today finally brings colour management to the app. It only took them 4 years but hey better late than never.
"A shadow’s spread can be set to a negative value to decrease the size of the object casting the shadow"
Oooo. Been hoping for this kind of update.
I don’t understand. Can you explain when this festure could be useful?
In CSS, it's possible to set the spread to a negative value. I use this effect most often for adding a subtle shadow below elements like cards that is visible beneath the elements — but not out the sides as the default spread value of 0 would render.
Example CSS with values for horizontal offset, vertical offset, blur radius, spread radius, and colour:
box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);
Sketch previously only allowed positive values for the spread. This not only meant that this effect wasn't possible without hacking it with extra elements, but that Sketch files didn't match coded pages and/or the intended design was more difficult to communicate to developers.
Holy shit, TIL!
I'm guessing it is so you can do this:
This is an exaggerated example of what you'd like want to do, but I could see using it for making a stronger appearance of distance between the object casting the shadow and the background.
Currently, you cannot set spread as negative, so the shadow is the same size or larger than the object casting the shadow, so #1. In image 2, I had to create a second smaller element with a transparent fill to fake the smaller shadow.
Thanks for your very helpful answers thumbs up!
Thank you Marc Edwards ;)
They need to text styles in symbols the same way they made nested symbols. I should be able to use the same text but a different color or weight.
This needs to be higher! I feel that having to convert text to symbols is so freaking crazy. I wish that could also apply to alignment. I want to have one text style that can be aligned differently! :( Sorry, random rant :)
I’m very glad to see Sketch getting colour management. Here’s some notes and additional info for their help page on the topic: Sketch colour management page notes
WOW, they probably heard the latest podcast, lol https://www.designernews.co/stories/88828-marc-edwards-eli-schiff-and-mike-rundle-on-design-tools
Exactly, thought the same about colour management :)
Also...SYMBOL SCALING! Finally.
HOLY SHIT. AWESOME! It would drive me crazy that sketch would duplicate symbols when I scaled them.
+1 for this! This is a big help!
Can't wait to design in P3. Does this mean we need to we start exporting to sRGB and P3? How does the app or appstore know to swap the images?
You’ll likely only want some images to be P3. And yep, both iOS and Android use multiple sets of images when you’re also supporting Display P3.
I think I need to dive into color management. Care to point me to your articles?
Article 1 is here: Colour management and gamut
Articles 2 and 3 are currently being written. Trying to cover all the important stuff, but make it as accessible as possible. Colour management is pretty complex, until it all clicks. Then it seems simple. Then if you dive deeper, you realise it’s complex. :D
Just read it. Superpedagogical!
Huge. How stable is using a beta?
From the stories I usually see on DN? The stable version is hardly ever stable. I’d give it s few .1 versions.
Find & replace color is far from how I want to manage the colors globally in my design system / libraries. doh :o/
Looking forward for this!!!