Creating a Vector RSS Icon in Illustrator- Illustrator Tutorials

Creating a Vector RSS Icon in Illustrator

This tutorial covers the process of creating your own customised vector RSS icon in Illustrator. Since it is in vector format, its size can be scaled up and down for future use.

The diagram given below shows the structure of the elements that make up the icon. Illustrator works in layers. Multiple objects can also be stacked on top of one another within a single layer. By using ‘CTRL/CMD + [‘and ‘CTRL/CMD +]’ you can alter the stacking order of a selected object. Not only that, by pressing ‘CTRL/CMD + SHIFT + [‘and ‘CTRL/CMD + SHIFT +]’ you can send an object to the bottom and top of the stack respectively.

Create a rounded rectangle. Use the Up and Down keys of the cursor to adjust the roundness of the corners before releasing the mouse. Hold the SHIFT key to adjust the proportions and make it square. Click on the artboard to open a dialog box where precise measurements can be entered. Fill the shape with a vertical gradient ranging from a dark green to a lighter tone.

 

Creating a Vector RSS Icon in Illustrator

 

  

Press ‘CTRL/CMD + C’ to copy the shape and ‘CTRL/CMD + F’ to place it in front. Then scale down the shape a bit while holding ALT. Fill this shape with the darker orange tone used before. Press ‘CTRL/CMD + C’ to Copy the shape.

 

Creating a Vector RSS Icon in Illustrator

  

Select the smaller shape and use the Gradient Mesh Tool to add a highlight to the top left. Adjust the colour slides to produce a brighter yellow hue.

 

Creating a Vector RSS Icon in Illustrator

 

Paste the shape we copied in the previous step using ‘CTRL/CMD + F’. The mesh can limit us from editing the shape, that is why we copied the shape before adding the gradient mesh. Fill the shape with white. Using the Pen tool create a shape that covers the lower half of the white object. Then add a curve to the top. This will be used to cut away the shape to create a reflection.

 

Creating a Vector RSS Icon in Illustrator

 

 

Choose the white object and the new shape. Then click the Subtract from Shape Area button in the Pathfinder Window, then Expand. Change the Opacity of this shape to 20%.

 

Creating a Vector RSS Icon in Illustrator

 

 

 

Creating a Vector RSS Icon in Illustrator 

 

 Creating a Vector RSS Icon in Illustrator

 

 

Creating a Vector RSS Icon in Illustrator 

 

To make the real RSS symbol, draw a circle (hold SHIFT) and add a black stroke. Make the circle a broad ring by increasing the stroke. Take note of the size. Using the Direct Selection Tool, select and delete two of the four points of the circle. Now you will have a quarter of the circle. Copy this shape and move down 45degrees to the left.

 

 

Creating a Vector RSS Icon in Illustrator

 

For visual assistance, use the guides while scaling and aligning the shapes, if you have set scale strokes, change the stroke value of the second shape to 12pt (or the size you noted down earlier!).

 

Creating a Vector RSS Icon in Illustrator

 

 

Choose the pair and navigate to Object > Expand and click on Stroke checkbox to convert the strokes into complete shapes.

 

Creating a Vector RSS Icon in Illustrator

 

 

You can complete the symbol by adding a circle to the shape. Hold SHIFT to constrain the proportions and use guides to align with the other objects. Press ‘CTRL/CMD + G’ to group the objects and then fill with a gradient from white to light grey.

Align the symbol with the orange background objects. Press ‘CTRL/CMD + SHIFT +]’ to order the reflection to the top of the stack.

Navigate to Effects > Stylize > Outer Glow to add some shade to the icon and you are done!

 

Creating a Vector RSS Icon in Illustrator

 

 

Final Image

 

Creating a Vector RSS Icon in Illustrator

 

 

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