How to Create a Vector RSS Icon- Illustrator Tutorials

How to Create a Vector RSS Icon

Want to know how to learn a new application? The best way is to get involved in a working project. This tutorial based on Adobe Illustrator teaches you to create a vector RSS icon in simple steps. It also includes some useful techniques you can make use of in your future projects.


Adobe Illustrator is a vector graphics application. So, the size of the icon you want to make is not an issue. You can select the objects and scale their size (to large or small) according to your preference. Unlike Photoshop, all the lines and shapes used will keep crispness and their colour. This is because they are created with mathematical calculation instead of using pixels.

 

How to Create a Vector RSS Icon

 

Open Illustrator and make a new document. You need to Click and hold the mouse on the Rectangle tool to select the Rounded Rectangle option which is hidden underneath. By holding the Shift key, draw a shape on the artboard. Use the arrow cursor keys to adjust the roundness of the corners while dragging.

 

How to Create a Vector RSS Icon

 

 

Another difference you can find in Illustrator and Photoshop is the options available at the bottom of the main tool palette. You might be familiar with the foreground and background swatches in Photoshop. In Illustrator, these are replaced by fill colour and stroke colour. Click on the Stroke option and clear the default option. Then concentrate on the fill. In the Gradient Panel, add an orange fill which varies from dark to light vertically across the shape.

 

How to Create a Vector RSS Icon

 

  

Select the shape and go to Object > Path > Offset Path. Enter -1mm in the options. By grabbing the corner of the new shape and rotating it to 180 degrees you can change the flow of gradients to the opposite direction.

 

 

How to Create a Vector RSS Icon 

 

 

Now grab the circle tool and draw a circle separately on the artboard. Clear out the fills. Give a 16pt black stroke thickness to the circle.

 

How to Create a Vector RSS Icon

 

Select only the left and bottom points of the circle using the Direct Selection Tool (White Arrow). Hit the delete button on the keyboard to trim the circle down to a quarter.

 

 

How to Create a Vector RSS Icon

 

 Copy (CMD+C) the quarter circle and paste it in front (CMD+F). You can scale it down by holding the shift key to keep everything tight. Tip: Check the Scale Strokes and Effects option in the preferences and alter the size based on your personal preference.

 

How to Create a Vector RSS Icon

  

You need to adjust the stroke weight to16 pt to match the original.

 

How to Create a Vector RSS Icon

 

 

To show the rulers press CMD+R. Now drag a few guides out in alignment with the quarter circles. Use the intersection as a source and
draw a small circle to get the traditional shape of RSS.

 

 

How to Create a Vector RSS Icon

 

Presently the two quarter circles are set as stroked paths. But we can quickly change them to complete shapes by selecting Object > Expand and then select the Stroke option.

 

How to Create a Vector RSS Icon

 

 

Select the three objects and add a pink-white gradient fill running vertically, and a 1pt light grey stroke. To Group the objects together press CMD-G. Then scale and position the object in place in the overall orange container.

 

How to Create a Vector RSS Icon

 

  

Now select the inner rectangle from the orange box Copy (CMD-C) and paste in front (CMD-F). Fill it with white colour. Unlike in Photoshop, Illustrator can hold multiple items in just one layer. Each object can be placed on top of the other.

 

How to Create a Vector RSS Icon

 

 

Draw a large flat oval shape over the entire graphic. Closely observe the overlapping of the bottom curve with the white rectangle. By selecting the oval and rectangle, click the Intersect Shape Area option in the Pathfinder palette.

 

How to Create a Vector RSS Icon

 

 

You can reduce the Opacity of the shape down to 15% to give a sleek shine to the icon.

 

How to Create a Vector RSS Icon

  

 Add the finishing touch by adding a couple of spectacular highlights in the form of circles. Use 20% opacity again to maintain a subtle appearance.

 

How to Create a Vector RSS Icon

 

 

There you go! Using some simple techniques and covering some of the powerful tools in Illustrator we made a simple vector RSS icon.

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