How to create a telescope in Adobe Illustrator

New Document Setup

Step 1

Press Cmd + N to create a New Document. Set the units to pixels and make it 800x600 px. Then, in the Advanced options, select RGB for the color mode and 72 ppi for the resolution.

Go to Preferences (Cmd + K) and input a value of 1 px in Keyboard Increment. Press OK.

You can activate the Info panel (Window > Info) to get a preview of the size and position of your shapes. Remember to configure the measurement units to pixels in Edit > Preferences > units. This will help you work faster.

How to make the telescope

Now we’re going to draw the telescope using basic shapes.

Step 1

Create a 6x59 px rectangle with the Rectangle tool (M) and apply the fill color: #00A6B8. Add another 73x51 px rectangle (#00C8D1) and another one that’s 13x51 px (#00B7C3).

Step 2

Now continue drawing the telescope using a 95x34 px rectangle (#00C8D1) and another 11x34 px one (#00B7C3). Then take the Pen tool (P) and draw a triangle (#008D9F) to add the shadow of the tube.

Step 3

Create a 117x20 px rectangle (#00C8D1). Add another 29x27 px rectangle (#00B7C3).

Then add the shadows of the telescope using the Pen tool (P) and fill with #008D9F. Add a 5x20 px rectangle at the end of the telescope.

Step 4

Now take the Rectangle tool (M) and draw an 8x28 px rectangle (#00B7C3). Then, using Live Corners with the Direct Selection tool (A), make an angle on the bottom left hand corner of the rectangle.

Then, add two 10x2 px rectangles (#00A6B8) and place them on the telescope’s sight.

Step 5

Now create an 8x5 px rectangle (#00A6B8) and another 42x8 px one (#00C8D1) for the top sight of the telescope. Finish by adding another 3x10 px rectangle (#00A6B8) and another 5x5 px one (#00A6B8).

Group all the elements of the telescope together with Ctrl + G.

Step 6

Rotate the telescope 25º in the Transform panel. Now create a 20x32 px rectangle (#008D9F) and round the lower corners using Live Corners with the direct Selection tool (A). Place it underneath the telescope (Ctrl + [).

Step 7

For the base, make a 7x13 px rectangle (#00B7C3) and Send it to Back (Ctrl + [). Then create a 31x6 px rectangle (#008D9F) and another 40x6 px one (#00B7C3).

Step 8

Now we’re going to make the legs for the base. Start off by creating a 6x167 px rectangle (#00C8D1) and round the upper corners. Then, with the Pen tool (A) draw the tip of the leg using this fill color: #008D9F. Add two 6x3 px rectangles (#00A6B8) to the leg.

Group the leg with Ctrl + G.

Step 9

Now make a copy of the leg (Ctrl + C followed by Ctrl + F) and rotate it approximately 30º with the Rotate tool (R). Then, select the end anchor points with the Direct Selection tool (A) and drag them to align them with the tip of the other leg.

Finally, make a copy of this (Ctrl + C > Ctrl + F and flip it vertically (Right click > Transform > Reflect and place it on the other side. Place both legs underneath the base ( Ctrl + [).

Step 10

Group all the telescope (Ctrl + G) and now create a 900x900 px ellipse (#170C66) under the telescope (Ctrl + [) and delete the bottom anchor point of this with the Direct Selection tool (A).

Step 11

Now draw a rounded rectangle (#00C8D1) on the base of the semicircle with the Rounded Rectangle tool.

Step 12

Now take the Pen tool (P) and draw some hills (#060341) behind the telescope just like the image below. With the help of the Shape Builder tool (Shift + M), delete the remaining shape, so the hills are kept within the semicircle.

Step 13

We’re now going to draw a moon in the sky. To make the moon, use an 82x82 px ellipse (#FFFFFF). Then, make two copies (Ctrl + C > Ctrl + F) and move the second copy slightly to the left and apply Minus Front in the Pathfinder panel.

Use the fill color #E6E6E6 on the remaining shape.

Step 14

To finish our pretty night scene, we’ll draw some stars by making crosses with the Rounded Rectangle tool and small dots with the Ellipse tool (L). Use #FFFFFF as a fill color.

Well done! You’ve finished!

So we’re all done. We made a lovely illustration in simple and easy steps. I hope you put what you’ve learned into practice and enjoy creating new designs. I can’t wait to see the results!

What’s your opinion of this tutorial?

Hector Heredia
Hector Heredia
Hector HerediaTeacher

Hector (JHereM) is an illustrator and motion designer freelance that worked with brandings, logo for companys and recently in digital agencies. He create motion graphics, logo design, infographics animations, and shares in Youtube his knowledge and techniques with video-tutorials.

To learn more, visit


At home or wherever you find inspiration.

At your own pace
At your own pace

No time limits or pressure. Adapt the courses to your own timetable.

Meet the community
Meet the community

Share your projects and learn from our online community.

Certified courses
Receive your diploma

When you finish a course you'll be able to download your certificate.

american-express visa en-square English French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner grid