Learn how to create basic shapes using the shape tools. 10. 6. When the hover icon changes a bit, click again to close the shape. 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. 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 a moon-shaped path into your floral wallpaper layer, leaving the rest of the canvas blank. You will get a moon-like shape. 12. wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. Select the original shape again and make another copy in the front (Control-C, Control-F). Ungroup the result and delete the top shape. Moon with craters - Adobe Illustrator tutorial. It’s subtracted from the underlying shape. Using the Selection tool, select both shapes. Raster Effects in Illustrator is easy to … Tutorial Details: How to create a moon emoji icon. 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. Using the Pen tool (or if you prefer to draw free-handed, the Pencil or the Brush tool), create a simple outline shape. By using our site, you agree to our. Finally, use one blue star, increase its width but not its height too much. Get insider tips about printing, design, marketing, and more on your favorite social network. In this tutorial, I will teach you how to create a fantastic night scene on Illustrator. You'll do this by using a smaller 64 x 64 px circle, which we will then color using #C1CDE5 . Choose a shade of orange, and select the Ellipse tool (L). Click on the vector shapes icon in the toolbar and navigate down to custom shape tool. Put the pen tool down and create this vector starry scene in Illustrator the easy way. To create this article, volunteer authors worked to edit and improve it over time. Adjust the radius of the shape to 60. Creating the moon and some stars is pretty easy when you use Adobe Illustrator. This article has been viewed 88,271 times. This will cut the shape of the shape at the back based on the front shapes’ intersecting area. 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. We use cookies to make wikiHow great. Alt + Eraser. Use the small ellipse to create an almond shape. To create the stars you can choose a custom shape from the shapes menu. Change its colour so that it is easier to see (it does not matter what colour). 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. Select the Shape Builder tool again. [Window > Pathfinder] it should look like this: 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). 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. Every dollar contributed enables us to keep providing high-quality how-to help to people like you. Center align to the underlying background. Select the shapes that you want to combine. The final moon shape is shown below, to deselect the layer you can simply click onto a different layer in the layers palette. First, setup the background for your document. Hold down the Alt (Windows) or Option (Mac) key and click and drag across the newly added shape, as shown in this figure. Go to the Pathfinder panel and click on the option to “Minus front. You will also learn to draw trees and create a moon glow effect using Gaussian blur. 13. To find your pathfinder window, go to window > pathfinder. 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. 3. Send path to back. Drag the “nest symbol” group into the Symbols panel. Select the Shape Builder tool in the Tools panel. 2. Duplicate as many stars as you need. To make the colour more dynamic add a colour gradient to our moon. Please consider making a contribution to wikiHow today. 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. Final Moon Shape. Use the ellipse tool (Shortcut L) and just create a … 4. Select the Shape Builder tool and then click and drag […] 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. The beautiful thing about this guide is that we are only using basic shapes. Please consider supporting our work with a contribution to wikiHow. This shape tool lets you customize what kind of shape you want and the number of sides. We'll send offers and updates about our latest products just for you. Create a black background by drawing a rectangle with the Fill set to Black. Reduce its opacity to 15% and then place across our shapes. Hold down the ALT key and then click and drag onto this new yellow circle. 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. 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. Use a Radial style gradient to have a brighter yellow centre for your moon. Step 12. Select the group and the snake, and Make Mask. Thanks to all authors for creating a page that has been read 88,271 times. Set stroke width wide enough to cover widest part of crescent. Look for your new offers and updates in your email soon! It will look like this. For this example I’ve drawn a flamingo. Illustrator workspace is composed of a canvas that contains one or more artboards. 3. You will learn on how to use Live Paint to color the house and give a night lighting effect to the house. Just create a large rectangle in illustrator and colour the shape in this gradient way. To create an almond shape, use your pen tool by clicking “P” on your keyboard and deleting the … Step 11. Make the Stroke White … By doing so, the color of the house gets darker. What you learned: Combine shapes. Select the Shape Builder tool in the Tools panel. Take the Pen Tool (P) and draw the two halves of the bow filled with a dark shade of pink (1). Go to Effects -> Blur -> Gaussian Blur and then add a value of 50 or more at the window that opens. In this vector graphic, we will use the gradient tool to add a purple and dark blue background. 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. Use the same yellow radial gradient on this star. Now you know how to create Moon and Star vectors using Adobe Illustrator. You do not need to be super steady with your mouse and of course, you will not have to worry about your pen tool. 1. This will become our pseudo milky way type effect. Shape Subtracting. Next, we shall add some stars. Sign up to receive our best offers and updates right in your inbox. You’ll do this by using a smaller 64 x 64 px circle, which we will then color using #C1CDE5. New print products. Apply the gradient to the stroke of the drawn path, set to go along the path. Great! Final image: Moon emoji icon. You can watch the making of this tutorial on YouTube and get more of … To create an almond shape, use your pen tool by clicking “P” on your keyboard and deleting the anchor point on the ellipse. This will be perfect for our web and print designs that need some more “night styled” imagery and symbolism. Copy the shape and place it on top of each other, where the one below is slightly peeking through the other. The crescent moon is an iconic and enduring image. Note: also convert the anchor point of the ellipse's left side to a corner. 1. Continue with a small ellipse as the middle part (2) and a moon-like shape as the tip of the ponytail (3). To create the stars you can choose a custom shape from the shapes menu. Create the moon's eyes. PrintPlace.com can take your business to new heights! 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. Capitalize on high quality postcard printing at low prices every day. Step 12. 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. Then select both objects, go to Object … 8. Use the Pen Tool (P) to draw a shape like the one in the image below as the main piece of the ponytail (1). 14. Using the Adobe Illustrator CC Shape Builder tool, you can intuitively combine, edit, and fill shapes on your artboard. Now we have our basic moon shape. Start working on your sleepy satellite by creating the main shape for the moon’s body. Learn the tech tips and tricks that everyone should know! Copy this shape once again and place it over the house. Keeping these two upper copies selected, go to the Pathfinder panel and press the Minus Front button. The setup for this file is pretty simple with flat shapes. 2. Start working on your sleepy satellite by creating the main shape for the moon's body. Select the shapes you want to combine with the Selection tool in the Tools panel. But with the arrival of COVID-19, the stakes are higher than ever. To create the complex shapes shown here we first have to create a new document in Illustrator, via the top left File menu. Please consider supporting our work with a contribution to wikiHow. 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 … With the Pen Tool, draw a path that more or less follows the middle of the crescent shape. Illustrator: How to create a Blueprint style illustration. Look for your new offers and updates in your inbox soon. 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 this article, volunteer authors worked to edit and improve it over time. 7, Menu Object > Clipping Mask > Make Next, select both circle shapes. First, locate the Pathfinder tool. This short but inclusive tutorial will show you how to draw a stylized sleeping moon using Adobe Illustrator CS5. All tip submissions are carefully reviewed before being published. First, we're going to make the sun in the 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. Use the ellipse tool (Shortcut L) and just create a standard yellow circle at the centre of your document. Now, select the pair of shapes from the right side and go to Object > … First, let us open a … Center align to the underlying background. Step 3 Explore how to combine shapes in different ways using the Shape Builder tool. 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. You will see it duplicates. Then create the smallest one via Edit > Copy (Ctrl/Option+C) -> Edit > Paste in front (Ctrl/Option+F) -> scale down. Select “Inner Glow” from the Effect dropdown menu. How to Create Sailor Moon's Front Bow Step 1. 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. Now, select all the shapes that make up the shrimp and go to Object > Clipping Mask > Make (Control-7). Step 7: Drawing the Nest. 5. Change the fill color as you see in the image below. The final moon shape is shown below, to deselect the layer you can simply click onto a different layer in the layers palette. 2. How to Create the Moon and the Beams of Light Step 1. Step 4 © 2006-2021 PrintPlace.com All Rights Reserved. Please consider making a contribution to wikiHow today. 7. Blue and white colours for stars can also work. Make a copy in front of each shape, scale them down, and replace the fill color with pink (2). This will make our moon and starts pop out more easily in the design. You will see that you would have duplicated the shape this way. It is a mix of different dark colours depending on where you are in the world. The subject of the tutorial is a rocket and its planned journey to the moon. Illustrator & Photoshop Tutorials Friday, 17 February 2017. To do this, have the Symbols panel open by going to Window > Symbols (Shift + Ctrl/Command + F11). Include your email address to get a message when this question is answered. Choose custom shape If you want, you can also use alternative colours for your stars to make them more interesting. First, locate the Pathfinder tool. This tutorial focuses on creating blueprint style illustrations. We've been helping billions of people around the world continue to learn, adapt, grow, and thrive for over a decade. Set this copy to stroke-none and fill-none (the red path). 12. For this example I’ve drawn a flamingo. 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 … After placing the shape, go to Transparency window and select HUE option, as shown in image below. Create text; Fonts and typography; Format type; Import and export text; Format paragraphs; Special characters; Create type on a path With that, let us create our moon. Take … Select this shape along with the symbols element and click Make Clipping Mask from the right click menu. Move it a little bit to the left, and reduce its height a little bit. Draw shapes in rich black to cover the areas you want to mask - then group those two shapes together.