Making Reflecting Web Icons- Illustrator Tutorials

Making Reflecting Web Icons

Learn how to create reflective and professional web icons using Adobe Illustrator with our guide. From creating the base shapes to adding reflections and final adjustments, our guide covers all the essential steps for creating web icons that add a modern and polished touch to your designs.

Step 1

Create a new document in RGB mode. Using the Rectangle tool or the Rounded Rectangle tool, draw a black square or rounded square (click-and-hold the Rectangle tool icon on the Toolbar to get more options). Hold Shift while ragging to draw a square.


Making Reflecting Web Icons



 Step 2

From the Rectangle tool choose the Star tool. Change the Fill at the bottom of the Toolbar to White and set the Stroke to None. Click and drag in the black square to draw a white star.


 Making Reflecting Web Icons



Step 3

Click on the Selection tool and hold the Option (PC: Alt). Then click and drag the star to duplicate it. With the Selection tool, click and hold the middle box at the top border of the star. Now drag it down so that it is upside down but about half
the size of the original star. Move it so its two points meet the points of the original star.


Step 4

Draw a rectangle over the new upside-down star using the Rectangle tool. Change the gradient to white and black, and move the middle slider to the left in the Gradient palette (Window>Gradient). Here I have set it to 15%. Change the
angle to 270° so the black is on bottom moving vertically to lighter shades.


 Making Reflecting Web Icons


Step 5

Choose both the rectangle and the upside-down star. One way to select them is to click and drag over the area with the Selection tool, and then Shift-click the black background to de-select it. In the Transparency palette (Window>Transparency), click the arrow to get the flyout menu. Click Make Opacity Mask.


 Making Reflecting Web Icons



Step 6

Try different shapes. Here I’ve drawn some shapes and grouped them (Object>Group) to create a few more examples.


Making Reflecting Web Icons



Don't miss out on this limited time offer!

Amazing illustration sale

Hire an Illustrator for Children's Books
Hire an illustrator from £59.00 £120.00
Hire an illustrator for your next project and receive custom-made, high-quality illustrations from our experienced team. We offer a wide range of illustration styles, from Book to Technical, and guarantee 100% unique artwork with a money-back guarantee. You'll also own all copyrights to the final artwork. If you need to hire an artist for more than 40 hours, please contact us for a special price.
Children's Book Illustration Services
Sample Book Illustration Services £25.00 £90.00
Looking to self-publish your book but don't know where to start? Try our Sample Illustration service for just £30 (was £90) and bring your characters and vision to life. If you love our quality and professionalism, sign up for our full children's book publishing package. Take advantage of this limited time offer and see what we can do for you!
Custom Tattoo Design Service
Custom Personalised Tattoo Design Service from £59.00 £120.00
Custom personalized tattoo design! Our experienced artists can help you create a tattoo that is as unique as you are. Our team of experts will collaborate with you to design artwork that expresses your personality, style, and vision. Fuel your self-expression and get inked today!
Educational Icon Design
Custom icon illustration service from £19.00 £40.00
Our icon illustration service provides 100% unique, custom-made icons to enhance the user experience of your digital products. Expertly crafted, our icons are perfect for use in logos, games, e-Learning, websites, apps, software, branding, and advertising. With unlimited revisions to the artwork and a first proof delivered within 2 working days, we guarantee your satisfaction.  If you need more than 10 icon designs, please contact us for a special price. Our price starts from £5
Mastercard PayPal Shop Pay SOFORT Visa