![]() If you end up creating some sleek design, share it with us using the #MadeWithSketch hashtag. ![]() For most people, GIMP is the best Photoshop equivalent. For more details, here is a full step-by-step guide on how to make the image background transparent with Photoshop. Then, its just a matter of picking Remove Background from Properties. To bring them back, Control-click on the missing layers and select Ignore Underlying Mask.Īnd done! We hope this gave you some ideas about how to use alpha masks for your projects. First, youll need to duplicate your current layer. Here you can see a few layers disappeared when we applied the mask. This will create bottom fade-out, but you can play around with it.īefore masking, make sure your shape is beneath the layers you want to mask in the Layer List. Then, drag the top point down until you’re happy with the result. To give you a visual reference, you can change the top point to black and set the bottom point’s alpha to 0. Then, head to the Style section of the Inspector and apply a linear gradient fill to your shape. Cover the layer - or group of layers - you want to mask with a shape. To create this effect, we’ll follow almost the same steps as before. ![]() In this example, we’re fading the last comment so that it’s ‘hidden’ behind the comment box. For today, we’ll be applying it to a comments thread we borrowed from a Sketch 101 assignment. It can also come in handy when editing images. This is useful for creating scrolling effects for your mockups or prototypes. You can decrease the opacity of one end of your layer or group to fade it out. How to create a fade-out effect using alpha masks When working with alpha masks, be weary of straight edges peeking out. You can choose which color and tones of the image to turn into a transparent color, as well as adjust the edges of non-transparent parts of the image and their smoothness. You can always turn it back into an outline mask by selecting Layer > Mask > Mask Mode from the Menu Bar. Just drag and drop your image here and it will automatically get a transparent background. Now, because the layer already has transparency, Sketch will automatically set it to be an alpha mask. Select the oval and press ^ ⌘ M or Control-click on the layer and select Mask Image from the menu. There’ll be a pointing to your mask layer next to the layers it contains. Pro tip: You can peek at the Layer List to check if you masked the right layers.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |