Mobile app version of vmapp.org
Login or Join
Gloria351

: Merging Shapes to Create Gradient Icons in Sketch I've just started using Sketch and am aware that there are two ways to combine shapes: Layer > Combine > Union Layer > Covert to Outlines

@Gloria351

Posted in: #Icon #SketchApp

I've just started using Sketch and am aware that there are two ways to combine shapes:


Layer > Combine > Union
Layer > Covert to Outlines


I want to combine shapes to make one icon with one gradient across the shape. However, when I use either of these methods I can't achieve this.

When I use Layer > Combine > Union, the inner lines disappear.

When I use Layer > Covert to Outlines, the gradient is applied to each shape, not the shape as a whole (ex - fading smoothly from green to blue). This tells me that the shapes have not really merged into one shape.


Is there anyways I can combine the shapes to make one icon, and have a single gradient span across the icon?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Gloria351

1 Comments

Sorted by latest first Latest Oldest Best

 

@Kaufman565

So, this IS an interesting question :)
I was able to do what you want, although I wouldn't say this is a rule, rather -- a workaround. Adobe Illustrator can handle this way better and faster, and I would recommend creating the icons there and then recoloring/using them in Sketch. Anyhow, here's my solution:



Note:


I am making sure no lines overlap (otherwise it will create holes in said locations).
Convert to outlines DOES NOT combine shapes on its own. It does what it says - it converts a line with thickness of 5px to a shape(rectangle) that is 5px high. Or a font becomes a bunch of shapes.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme