If there’s one thing designs and designers have in common, it’s having many, many layers! Some people are serious about naming their layers™️, while others are fine figuring out the difference between “Rectangle” and “Rectangle 1234”.
Whatever it may be, layers tell us a lot about a designer and the design itself — making them a great learning tool. So we have a proposal…Let’s reveal our layers
This was an interactive Prototype we showed at a convention (La Feria del Diseño 2022 — Medellin, Colombia) to showcase Sketch, its very intuitive UI and get people familiarized with it!
Fun Fact: Some people asked to see the app outside of the Prototype, and they were curious about the folders with “Screen Shot…”
It was the perfect opportunity to tell them about Masks, how the Prototype works, and the other many cool things you can do with Sketch!
Now, it’s your turn . Drop a screenshot of your design (Layer List included!) below
Great idea! I’d love to join in.
I thought I’d share a recent app icon that I did – or rather, that I re-did in sketch, from one done a looooong time ago in another app whose name I won’t mention. * cough, Photoshop, cough *
Anyway, it was a lot easier to do in Sketch.
Have a look at some of the techniques involved, including:
Gradients on paths.
Motion blurs for directional shadows.
Off-centered radial gradients.
Masking.
I’ve included the Sketch file here, so you can have a closer look for yourself.
I thought I’d share another Sketch doc, showing the layers.
Creating the soft rounded edges was something new for me.
Ideally, I would have liked to have spent more time on it, but it was something of a rush job back on Valentine’s Day earlier this year.
Colombia) to showcase Sketch, its very intuitive UI and get people familiarized with it!
Fun Fact: Some people asked to see the app outside of the Prototype, and they were curious about the folders with “Screen Shot…”
. Drop a screenshot of your design (Layer List included!) below 
