So you can just drag over everything, and go to Object > Group to group it all together. You'll see that our cloud is ever so slightly off the pixel grid. And the last thing that we can do is drag over everything and go to Object > Group so that we can move it around as one object. Then select that same #4A4A4A swatch from the color picker. Select the Pen Tool and just left-click, left-click again to create a curve, and press Escape to complete it. The last thing that we're going to do is add a little curve, just to give the cloud a bit more detail. You can see it shuffles it a little bit, so you may need to adjust some of the shapes again, as we did before. Scale it up a little, holding Alt-Shift and scaling from the center.Īgain, go to Object > Align to Pixel Grid if you need to. And from the color picker, select the color #4A4A4A, and deselect the fill. Then drag over everything and give it a Border of 2. Just moving that circle a little bit will help smooth out the curve. But that's fine-just zoom in, double-click, and try to adjust that path a little bit. You can see that at the bottom, we've got a little bit of an anomaly. Simply drag over everything, and from the options at the top of the Property Inspector, select Add, and it will combine all of the shapes together into one shape.

However, in Adobe XD we can combine multiple shapes into a single shape. Now, this does look like a mess of different shapes at the moment. Create a Single Cloud Shape and Adjust It That just helps everything snap in place and line up at the bottom in particular.ĭrag this rectangle out a little, and then double-click the shape and select the top two corners and drag them in if they're extending outside of the cloud icon. Then drag over everything and go to Object > Align to Pixel Grid. Now select the Rectangle Tool and draw a horizontal rectangle. Make this new circle a little bit bigger by holding Shift, left-clicking, and scaling from one of the corners. Hold Shift and left-click and drag it to the right so it stays perfectly in line. And then select the smaller circle, and go to Edit > Duplicate again. Then go to Edit > Duplicate, move the copy up and to the right, and hold Shift and scale it up.ĭrag over both of them and deselect the fill. Select the Ellipse Tool and just left-click and hold Shift to draw a fairly small circle. The grid is set to 1, so every one pixel there will be a horizontal and vertical guideline. It does not store any personal data.To start, set up a 60 x 60 px artboard, and then select it and turn on the Grid in the toolbar on the right. The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. The cookie is used to store the user consent for the cookies in the category 'Performance'. This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category 'Other. The cookies is used to store the user consent for the cookies in the category 'Necessary'. The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category 'Functional'.

The cookie is used to store the user consent for the cookies in the category 'Analytics'. These cookies ensure basic functionalities and security features of the website, anonymously. Necessary cookies are absolutely essential for the website to function properly.

Adobe xd icons