Make the Stroke White … When the hover icon changes a bit, click again to close the shape. Create the largest one. Select “Inner Glow” from the Effect dropdown menu. Finally, stylize our moon by adding a 10pt colour stroke in bright yellow. You may want to vary their sizes for a better looking effect. It’s subtracted from the underlying shape. 2. You’ll do this by using a smaller 64 x 64 px circle, which we will then color using #C1CDE5. Go to Effects -> Blur -> Gaussian Blur and then add a value of 50 or more at the window that opens. Then we open the panel via Window > Pathfinder, which opens a few stacked panels. Select this shape along with the symbols element and click Make Clipping Mask from the right click menu. Use a Radial style gradient to have a brighter yellow centre for your moon. All tip submissions are carefully reviewed before being published. This will be perfect for our web and print designs that need some more “night styled” imagery and symbolism. Now, you're going to use the moon shape to create a clipping path. We use cookies to make wikiHow great. First, we're going to make the sun in the background. 3. In this quick guide, I will teach you now you can create nice, glossy looking moon and stars vector graphics which you can include in your designs when postcard printing or poster printing. Every day at wikiHow, we work hard to give you access to instructions and information that will help you live a better life, whether it's keeping you safer, healthier, or improving your well-being. Alt + Eraser. Then create the smallest one via Edit > Copy (Ctrl/Option+C) -> Edit > Paste in front (Ctrl/Option+F) -> scale down. 13. Artboards are placed on the canvas starting from a point called the Global ruler origin . Select the shapes that you want to combine. Click on the vector shapes icon in the toolbar and navigate down to custom shape tool. First we’ll create the yellow moon shape shown here on the right. Select the Shape Builder tool in the Tools panel.Either drag across the shapes you’d like to combine or press Alt (Windows) or Option (macOS) and drag across or click parts of shapes … Create a moon shape by selecting two overlapping circles and clicking Exclude in the Pathfinder panel. The crescent moon is an iconic and enduring image. This will cut a moon-shaped path into your floral wallpaper layer, leaving the rest of the canvas blank. Creating the moon and some stars is pretty easy when you use Adobe Illustrator. 5. What you learned: Combine shapes. 12. Just click on the "Make/Release Clipping Mask" button at the bottom of the Layers palette (the icon looks like a tiny rectangle and circle). First, let us open a … You can do this with a transparency mask. Set stroke width wide enough to cover widest part of crescent. Move it a little bit to the left, and reduce its height a little bit. Create a black background by drawing a rectangle with the Fill set to Black. The beautiful thing about this guide is that we are only using basic shapes. Get insider tips about printing, design, marketing, and more on your favorite social network. Step 7: Drawing the Nest. Select the Shape Builder tool in the Tools panel. It’s a video tutorial full of practical tips on using shapes, gradients, and clipping masks to produce an attractive icon for your mobile app. This will cut the shape of the shape at the back based on the front shapes’ intersecting area. Finally, use one blue star, increase its width but not its height too much. Create a black background by drawing a rectangle with the Fill set to Black. Select the shapes you want to combine with the Selection tool in the Tools panel. Send this shape to the back of all other shapes except our background shape. Next, we shall add some stars. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c9\/Draw-a-Moon-in-Adobe-Illustrator-Step-1.jpg\/v4-460px-Draw-a-Moon-in-Adobe-Illustrator-Step-1.jpg","bigUrl":"\/images\/thumb\/c\/c9\/Draw-a-Moon-in-Adobe-Illustrator-Step-1.jpg\/aid1678100-v4-728px-Draw-a-Moon-in-Adobe-Illustrator-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/73\/Draw-a-Moon-in-Adobe-Illustrator-Step-2.jpg\/v4-460px-Draw-a-Moon-in-Adobe-Illustrator-Step-2.jpg","bigUrl":"\/images\/thumb\/7\/73\/Draw-a-Moon-in-Adobe-Illustrator-Step-2.jpg\/aid1678100-v4-728px-Draw-a-Moon-in-Adobe-Illustrator-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7b\/Draw-a-Moon-in-Adobe-Illustrator-Step-3.jpg\/v4-460px-Draw-a-Moon-in-Adobe-Illustrator-Step-3.jpg","bigUrl":"\/images\/thumb\/7\/7b\/Draw-a-Moon-in-Adobe-Illustrator-Step-3.jpg\/aid1678100-v4-728px-Draw-a-Moon-in-Adobe-Illustrator-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6b\/Draw-a-Moon-in-Adobe-Illustrator-Step-4.jpg\/v4-460px-Draw-a-Moon-in-Adobe-Illustrator-Step-4.jpg","bigUrl":"\/images\/thumb\/6\/6b\/Draw-a-Moon-in-Adobe-Illustrator-Step-4.jpg\/aid1678100-v4-728px-Draw-a-Moon-in-Adobe-Illustrator-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c8\/Draw-a-Moon-in-Adobe-Illustrator-Step-5.jpg\/v4-460px-Draw-a-Moon-in-Adobe-Illustrator-Step-5.jpg","bigUrl":"\/images\/thumb\/c\/c8\/Draw-a-Moon-in-Adobe-Illustrator-Step-5.jpg\/aid1678100-v4-728px-Draw-a-Moon-in-Adobe-Illustrator-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2e\/Draw-a-Moon-in-Adobe-Illustrator-Step-6.jpg\/v4-460px-Draw-a-Moon-in-Adobe-Illustrator-Step-6.jpg","bigUrl":"\/images\/thumb\/2\/2e\/Draw-a-Moon-in-Adobe-Illustrator-Step-6.jpg\/aid1678100-v4-728px-Draw-a-Moon-in-Adobe-Illustrator-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/83\/Draw-a-Moon-in-Adobe-Illustrator-Step-7.jpg\/v4-460px-Draw-a-Moon-in-Adobe-Illustrator-Step-7.jpg","bigUrl":"\/images\/thumb\/8\/83\/Draw-a-Moon-in-Adobe-Illustrator-Step-7.jpg\/aid1678100-v4-728px-Draw-a-Moon-in-Adobe-Illustrator-Step-7.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f6\/Draw-a-Moon-in-Adobe-Illustrator-Step-8.jpg\/v4-460px-Draw-a-Moon-in-Adobe-Illustrator-Step-8.jpg","bigUrl":"\/images\/thumb\/f\/f6\/Draw-a-Moon-in-Adobe-Illustrator-Step-8.jpg\/aid1678100-v4-728px-Draw-a-Moon-in-Adobe-Illustrator-Step-8.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/Draw-a-Moon-in-Adobe-Illustrator-Step-9.jpg\/v4-460px-Draw-a-Moon-in-Adobe-Illustrator-Step-9.jpg","bigUrl":"\/images\/thumb\/0\/0f\/Draw-a-Moon-in-Adobe-Illustrator-Step-9.jpg\/aid1678100-v4-728px-Draw-a-Moon-in-Adobe-Illustrator-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}. Every dollar contributed enables us to keep providing high-quality how-to help to people like you. If you use the white arrow tool you can select each of the little points by them self and play around until it looks the way you want. Use the ellipse tool (Shortcut L) and just create a … Send path to back. To create the stars you can choose a custom shape from the shapes menu. 1. Look for your new offers and updates in your inbox soon. To find your pathfinder window, go to window > pathfinder. Use the same yellow radial gradient on this star. You'll do this by using a smaller 64 x 64 px circle, which we will then color using #C1CDE5 . Step 11. Raster Effects in Illustrator is easy to … The beauty of this technique is that you can change it … 2. With the Pen Tool, draw a path that more or less follows the middle of the crescent shape. Now, select the pair of shapes from the right side and go to Object > … wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. Center align to the underlying background. Change the fill color as you see in the image below. This article has been viewed 88,271 times. Hold down the Alt (Windows) or Option (Mac) key and click and drag across the newly added shape, as shown in this figure. Learn how to create basic shapes using the shape tools. Step 2. 4. Capitalize on high quality postcard printing at low prices every day. For this example I’ve drawn a flamingo. Using the Pen tool (or if you prefer to draw free-handed, the Pencil or the Brush tool), create a simple outline shape. How to make a moon shape in Adobe Illustrator (for beginners) Using the pathfinder tool, we can make the perfect moon shape in a few easy steps. To create the stars you can choose a custom shape from the shapes menu. Please consider making a contribution to wikiHow today. How to Create Sailor Moon's Front Bow Step 1. Simply hold down the ALT key and then just click and drag the shape of the star. You will see that you would have duplicated the shape this way. How to make a moon shape in Adobe Illustrator (for beginners) Using the pathfinder tool, we can make the perfect moon shape in a few easy steps. Shape Subtracting. Select the Shape Builder tool again. Select the shapes you want to combine with the Selection tool in the Tools panel. 6. But with the arrival of COVID-19, the stakes are higher than ever. We'll send offers and updates about our latest products just for you. This shape tool lets you customize what kind of shape you want and the number of sides. This tutorial focuses on creating blueprint style illustrations. Ungroup the result and delete the top shape. Create text; Fonts and typography; Format type; Import and export text; Format paragraphs; Special characters; Create type on a path Draw shapes in rich black to cover the areas you want to mask - then group those two shapes together. © 2006-2021 PrintPlace.com All Rights Reserved. New print products. How to create simple vector moon Choose a shade of orange, and select the Ellipse tool (L). 7, Menu Object > Clipping Mask > Make Now you know how to create Moon and Star vectors using Adobe Illustrator. Just create a large rectangle in illustrator and colour the shape in this gradient way. Start working on your sleepy satellite by creating the main shape for the moon’s body. First, setup the background for your document. Tutorial Details: How to create a moon emoji icon. Your support helps wikiHow to create more in-depth illustrated articles and videos and to share our trusted brand of instructional content with millions of people all over the world. Continue with a small ellipse as the middle part (2) and a moon-like shape as the tip of the ponytail (3). Make another point at the other end of the crescent, then another curve for the inside and then hover around on top of the first point you made. Either way, your moon shape needs to be placed in its own layer, and it needs to be located above the floral wallpaper in the Layers palette. % of people told us that this article helped them. In the dialog box that appears, set the number of sides to three. 6. Illustrator & Photoshop Tutorials Friday, 17 February 2017. PrintPlace.com can take your business to new heights! Final Moon Shape. Just click on the "Make/Release Clipping Mask" button at the bottom of the Layers palette (the icon looks like a tiny rectangle and circle). Look for your new offers and updates in your email soon! Hold down the ALT key and then click and drag onto this new yellow circle. Illustrator: How to create a Blueprint style illustration. It is a mix of different dark colours depending on where you are in the world. If you’ve been tasked with the creation of a mobile app icon, this tutorial will come in handy. Choose custom shape Build new shapes with Shaper and Shape Builder tools; Work with Live Corners; Enhanced reshape workflows with touch support; Edit clipping masks; Live shapes; Create shapes using the Shape Builder tool; Global editing; Type. Explore how to combine shapes in different ways using the Shape Builder tool. 9. Either drag across the shapes you’d like to combine or press Alt (Windows) or Option (macOS) and drag across or click parts of shapes to remove them. [Window > Pathfinder] it should look like this: Great! To move shapes with no fill color, use the Selection tool to drag them by their stroke. How to Create the Moon and the Beams of Light Step 1. To create this article, volunteer authors worked to edit and improve it over time. After placing the shape, go to Transparency window and select HUE option, as shown in image below. 1. This article has been viewed 88,271 times. Put the pen tool down and create this vector starry scene in Illustrator the easy way. 11. Illustrator & Photoshop Tutorials Friday, 17 February 2017. Use the Pen Tool (P) to draw a shape like the one in the image below as the main piece of the ponytail (1). In this vector graphic, we will use the gradient tool to add a purple and dark blue background. To create an almond shape, use your pen tool by clicking “P” on your keyboard and deleting the … Make a copy in front of each shape, scale them down, and replace the fill color with pink (2). Take note that BLACK is the most boring idea for the background. Please consider making a contribution to wikiHow today. Follow these steps to create your own unique shape using the Shape Builder tool: Create several overlapping shapes. After placing the shape over the house, it will look something like this. Copy the shape and place it on top of each other, where the one below is slightly peeking through the other. By using our site, you agree to our. If you’re creating a retro ’80s dreamscape or the light of a neon moon, Illustrator’s inner and outer glow effects make things easy. Duplicate as many stars as you need. Start working on your sleepy satellite by creating the main shape for the moon's body. the yellow piece of the bangs and then Copy and Paste in Place (Shift-Control-V) to make a copy of it in front of everything. Final Moon Shape. 2. The design we’ll be creating uses a mix of heavy grainy textures and clear sharp vector elements to produce a cold dark poster based on the moon. With that, let us create our moon. DO not forget to adjust their opacity to make some starts look faded and further away. Drag the “nest symbol” group into the Symbols panel. Change its colour so that it is easier to see (it does not matter what colour). Duplicate your star to make more stars. How to Create a Mobile App Icon . Step 3 Your Inbox. Make the Stroke White for now, and the Fill should be set to None. Exclusive coupons. I found a scripty font that looked “radical” and turned it to outlines (Command + O) to join it as one shape.This also allows you to align the stroke to the outside in the Stroke window, as well as giving the outer a little separation so things don’t get too fuzzy. A black, or otherwise dark-colored, background will set off the neon effect very nicely. You now have a sleeping crescent moon created using Adobe Illustrator.