#Sketch app icon generator sketch mac

I change the color and the opacity to the new rectangle to make the task easier. Here I have to admit that I just use the logo you provided (dragged and dropped into the Sketch file) as an overlay to reflect its shape. While our rectangle is still selected, we can select the transform menu Layer в†’ Transform в†’ Transform and manipulate our shape to reflect the skewed Bootstrap logo. We're also going to rotate the rectangle using the same panel (go with 45В°) We can then remove the border of the freshly created square on the right panel (uncheck the border checkbox) and add accentuate the rounded corners on the same panel (I set it to 35 but that was a total guess). Tip: holding alt forces your rectangle to actually be a square. ShapeДЇirst, we'll insert a rounder corner rectangle into our blank Sketch page using Insert в†’ Shape в†’ Rounded. Since you stated that you could use either Photoshop or Sketch, I wanted to answer but using Sketch this time.Дisclaimer: The result is far from perfect, I'll just explain the different steps I've taken to almost recreate the Bootstrap logo.

Unlink the mask clicking the chain icon and press Shift + в†‘ to move up the content.

Double click the layer to change the Color Overlay.

#Sketch app icon generator sketch mac

Duplicate the Volume Layer and press Cmd Mac or Ctrl Win while clicking the Volume thumbnail to load the transparency selection and click the Mask Icon.

Double click the Volume Layer to add a Color Overlay, Overlay blending mode and a Gradient Overlay from dark grey to light grey.

Press Cmd + J Mac or Ctrl + J Win to create a Layer Via Copy.

Menu Select в†’ Color Range в†’ Shadows to get the volume selection.

Press Cmd + L Mac or Ctrl + L Win to open the Levels Panel and move the midtones slider to the right.

Press Enter + Delete Mac or Win to fill and choose White, 100% mode Behind:.

Click the layer with the right mouse button and choose Rasterize Layer.

Duplicate the main shape layer, fill it with 100% black.

Double click the layer to open the Effects Panel and add the Drop Shadow Effect

Duplicate the layers and change the colors to get the other two. Press Cmd + T Mac or Ctrl + T Win to transform and hold Alt to scale the shape from the top to the center.Press Cmd + T Mac or Ctrl + T Win to transform and hold Shift to rotate the shape 45Вє.Click the Rounded Rectangle Tool and at the top options menu set Shape and 40px corner.Anyway, here is an approach in a 300px x 300px RGB Photoshop document. Photoshop is not the right tool to do this kind of jobs because the limitation in shape editing tools, it would be better to use a vector program like Illustrator.