how to make a moon shape in illustrator


2. The stars will currently appear over the top of the planet and moon, so alter the stacking order by selecting Arrange > Send to Back, followed by Bring Forward so they sit above the background rectangle. 8. Capitalize on high quality postcard printing at low prices every day. Select the shapes that you want to combine. Step 7: Drawing the Nest. Set stroke width wide enough to cover widest part of crescent. Just create a large rectangle in illustrator and colour the shape in this gradient way. Change the fill color as you see in the image below. Click and drag the tool to the canvass to create some stars. Note: also convert the anchor point of the ellipse's left side to a corner. 11. Now, you're going to use the moon shape to create a clipping path. 4. Exclusive coupons. wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. 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. To do this, have the Symbols panel open by going to Window > Symbols (Shift + Ctrl/Command + F11). Look for your new offers and updates in your inbox soon. Raster Effects in Illustrator is easy to … Create three copies of the resulting shape. You now have a sleeping crescent moon created using Adobe Illustrator. PrintPlace.com can take your business to new heights! In this tutorial, I will teach you how to create a fantastic night scene on Illustrator. Make the Stroke White … Use the Pen Tool (P) to draw a shape like the one in the image below as the main piece of the ponytail (1). Take the Pen Tool (P) and draw the two halves of the bow filled with a dark shade of pink (1). By doing so, the color of the house gets darker. Get insider tips about printing, design, marketing, and more on your favorite social network. Duplicate your star to make more stars. 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. First we’ll create the yellow moon shape shown here on the right. Convert "Moon" shape to "Static Symbol" Duplicate it in-place above snake; Create 3 polygons overlapping areas to hide; Convert these shapes to a "Compound Path" Select Compound Path and top Moon Symbol instance; Make Clipping Mask; I've offset the duplicate Symbol Instance in the "Outline" view to make clear what is happening. We'll send offers and updates about our latest products just for you. This article has been viewed 88,271 times. This shape tool lets you customize what kind of shape you want and the number of sides. Apply the gradient to the stroke of the drawn path, set to go along the path. Select this shape along with the symbols element and click Make Clipping Mask from the right click menu. Start with the shape tool, but choose the “Polygon” shape instead of the rectangle. 6. Learn the tech tips and tricks that everyone should know! First, locate the Pathfinder tool. This will cut a moon-shaped path into your floral wallpaper layer, leaving the rest of the canvas blank. 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. 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). Of course, for our purposes we are using the Crescent moon as the vector graphic shape since it is the more distinctive shape of the moon. Move it a little bit to the left, and reduce its height a little bit. Select the Shape Builder tool and then click and drag […] 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. 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. It will look like this. Copy this shape once again and place it over the house. It’s subtracted from the underlying shape. Program: Adobe Illustrator CS6 – CC 2018 Difficulty: Beginner Topics Covered: Design Theory, Compositional Construction, Shape Alignment, Grid Positioning Estimated Completion Time: 25 Minutes Not too long ago, we saw how easy it is to create a cute astronaut vector in Adobe Illustrator. Next, select both circle shapes. How to Create Sailor Moon's Front Bow Step 1. Duplicate as many stars as you need. You do not need to be super steady with your mouse and of course, you will not have to worry about your pen tool. The beauty of this technique is that you can change it … Step 2. Send path to back. You’ll do this by using a smaller 64 x 64 px circle, which we will then color using #C1CDE5. A black, or otherwise dark-colored, background will set off the neon effect very nicely. 12. 14. You can do this with a transparency mask. Choose a shade of orange, and select the Ellipse tool (L). Step 12. Use a Radial style gradient to have a brighter yellow centre for your moon. 1. 5. Change its colour so that it is easier to see (it does not matter what colour). 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 … Now we have our basic moon shape. By signing up you are agreeing to receive emails according to our privacy policy. Illustrator & Photoshop Tutorials Friday, 17 February 2017. With the Pen Tool, draw a path that more or less follows the middle of the crescent shape. Send this shape to the back of all other shapes except our background shape. Step 3 This will become our pseudo milky way type effect. This article has been viewed 88,271 times. To create this article, volunteer authors worked to edit and improve it over time. Drag the “nest symbol” group into the Symbols panel. But with the arrival of COVID-19, the stakes are higher than ever. To find your pathfinder window, go to window > pathfinder. First, locate the Pathfinder tool. The final moon shape is shown below, to deselect the layer you can simply click onto a different layer in the layers palette. Illustrator: How to create a Blueprint style illustration. Center align to the underlying background. To create an almond shape, use your pen tool by clicking “P” on your keyboard and deleting the … Then we open the panel via Window > Pathfinder, which opens a few stacked panels. We’ll use Illustrator’s powerful shape tools to easily create a series of intricate geometric elements which we’ll paste over to Photoshop in order to assemble the complete artwork. Shop our postcards and see for yourself. Click on the vector shapes icon in the toolbar and navigate down to custom shape tool. 2. Thanks to all authors for creating a page that has been read 88,271 times. Adjust the radius of the shape to 60. You will get a moon-like shape. Final Moon Shape. Every dollar contributed enables us to keep providing high-quality how-to help to people like you. To create the stars you can choose a custom shape from the shapes menu. Follow these steps to create your own unique shape using the Shape Builder tool: Create several overlapping shapes. 9. The crescent moon is an iconic and enduring image. This illustration is made up of very basic shapes, so if you need any help on how to create shapes in Illustrator, refer to my posts on creating shapes here and here. Finally, use one blue star, increase its width but not its height too much. For this example I’ve drawn a flamingo. You can watch the making of this tutorial on YouTube and get more of … How to Create a Mobile App Icon . I want to end up with a shape that is similar to one-quarter of a full moon. 10. Illustrator workspace is composed of a canvas that contains one or more artboards. 1. [Window > Pathfinder] it should look like this: {"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>"}. This short but inclusive tutorial will show you how to draw a stylized sleeping moon using Adobe Illustrator CS5. You will learn on how to use Live Paint to color the house and give a night lighting effect to the house. [Window > Pathfinder] it should look like this: After placing the shape, go to Transparency window and select HUE option, as shown in image below. Select the shapes you want to combine with the Selection tool in the Tools panel. New print products. If you’ve been tasked with the creation of a mobile app icon, this tutorial will come in handy. In this vector graphic, we will use the gradient tool to add a purple and dark blue background. How to Create a Quick and Amazing Brochure in Photoshop, 10 Tips to Design a Business Card that Will Land Leads, How to Create a Simple and Amazing Poster in Photoshop, Moon and Stars Vector Tutorial using Illustrator. To create the complex shapes shown here we first have to create a new document in Illustrator, via the top left File menu. Draw shapes in rich black to cover the areas you want to mask - then group those two shapes together. 2. 12. Start working on your sleepy satellite by creating the main shape for the moon's body. Amid the current public health and economic crises, when the world is shifting dramatically and we are all learning and adapting to changes in daily life, people need wikiHow more than ever. Put the pen tool down and create this vector starry scene in Illustrator the easy way. Please consider making a contribution to wikiHow today. Step 11. Click on the vector shapes icon in the toolbar and navigate down to custom shape tool. Create a moon shape by selecting two overlapping circles and clicking Exclude in the Pathfinder panel. Artboards are placed on the canvas starting from a point called the Global ruler origin . Hold down the ALT key and then click and drag onto this new yellow circle. Using my Windows program (not an Adobe product), I would create a line using a line tool, and then I would be able to convert that line to a curve using a shape tool, which would enable me to drag from the midpoint of the line and have it become an arc. 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. You will see it duplicates. The setup for this file is pretty simple with flat shapes. When the hover icon changes a bit, click again to close the shape. Then select both objects, go to Object … 5. Go to the Pathfinder panel and click on the option to “Minus front. First, setup the background for your document. Blue and white colours for stars can also work. You'll do this by using a smaller 64 x 64 px circle, which we will then color using #C1CDE5 . What you learned: Combine shapes. Just create a large rectangle in illustrator and colour the shape in this gradient way. 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. Finally, stylize our moon by adding a 10pt colour stroke in bright yellow. Select both small moon shapes on the ring and sample the gradient we used in the larger front-most moon and set it so the pink is on the bottom and the blue gradient color stop is at 10% opacity and set the shapes to Screen blend mode; Select both ring shapes and swap fill/stroke and subtract front to … Look for your new offers and updates in your email soon! Select the group and the snake, and Make Mask. How to create simple vector moon This will cut the shape of the shape at the back based on the front shapes’ intersecting area. Make a copy in front of each shape, scale them down, and replace the fill color with pink (2). Step 2 Focus on the main part of the ponytail and fill it with a darker shade of yellow. 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. Press down the SHIFT key when doing this to be sure that it is a perfect circle with equal radii all around. The final moon shape is shown below, to deselect the layer you can simply click onto a different layer in the layers palette. Tutorial Details: How to create a moon emoji icon. Ungroup the result and delete the top shape. 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. Please consider making a contribution to wikiHow today. Select the original shape again and make another copy in the front (Control-C, Control-F). Select the Shape Builder tool in the Tools panel. Now you know how to create Moon and Star vectors using Adobe Illustrator. This will be perfect for our web and print designs that need some more “night styled” imagery and symbolism. Center align to the underlying background. Take … wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. Hold down the Alt (Windows) or Option (Mac) key and click and drag across the newly added shape, as shown in this figure. 6. Start working on your sleepy satellite by creating the main shape for the moon’s body. Now, select the pair of shapes from the right side and go to Object > … The night sky is hardly just black. Create a black background by drawing a rectangle with the Fill set to Black. Simply hold down the ALT key and then just click and drag the shape of the star. Using the Pen tool (or if you prefer to draw free-handed, the Pencil or the Brush tool), create a simple outline shape. The beautiful thing about this guide is that we are only using basic shapes. Great! 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. To create an almond shape, use your pen tool by clicking “P” on your keyboard and deleting the anchor point on the ellipse. Step 16 Use the Pen Tool (P) to draw a moon-like shape at the bottom of the shrimp and color it with beige R=253, G=204, B=141. Alt + Eraser. Please consider supporting our work with a contribution to wikiHow. Simply use the colour gradient panel and add a Yellow, and slightly Yellow Orange gradient colour into our moon shape. Choose custom shape Shape Subtracting. Include your email address to get a message when this question is answered. By using our site, you agree to our. First, we're going to make the sun in the background. Make the Stroke White for now, and the Fill should be set to None. Illustrator & Photoshop Tutorials Friday, 17 February 2017. We've been helping billions of people around the world continue to learn, adapt, grow, and thrive for over a decade. Use the small ellipse to create an almond shape. 13. With that, let us create our moon. Creating the moon and some stars is pretty easy when you use Adobe Illustrator. Using the Adobe Illustrator CC Shape Builder tool, you can intuitively combine, edit, and fill shapes on your artboard. Learn how to create basic shapes using the shape tools. DO not forget to adjust their opacity to make some starts look faded and further away. 3. Now, select all the shapes that make up the shrimp and go to Object > Clipping Mask > Make (Control-7).