illustration tutorials : How to Vector RSS Icon with Illustrator

illustration tutorials : How to Vector RSS Icon with Illustrator

This Tutorial was initially written in 2007 , some information might be outdate but still it is awesome!



Step 1

Lets start by creating a new file , pick out the bright orange colour in your selected colours and start off by making a square with rounded rectangle tool

Step 2

Draw a small circle using Ellipse tool pressing shift while creating will give you a perfect round.


Step 3

use the pen tool to read a path something like this with stroke edges selected as straight as seen in the following image


Step 4

Repeat step 4 this time add a central node as well which will help you achieve a better shape by adjusting it using anchor points


Step 5

Select both the paths and go to object>Expand in the menu which will show up the Expand window , select the stroke expand and hit ok….


Step 6

now select all the assets and right click and group . This is important as now when we are going to apply a 3D effect to it illustrator will take it as front face….


Step 87

Now go to Effects>3D>Extrude and bevel with the group selected


Step 8

Play around with the options in the window i have chosen 42 perspective , extrude depth 25pt , and rotate dimensions accordingly . You might like to keep the preview checked and view what is going on 🙂


Step 9

here i have taken the image to photoshop to give it some gradience and play around with it since it is already done you can now do anything with it!


The finished RSS 3d icon


Hand drawn butterfly photoshop brushes

Hand drawn butterfly photoshop brushes

Recently i was contacted to draw a doodled map of Dubai for a lovely couple getting married in Dubai . And connecting back to watercolors and paints felt so good.

While i was at it , i doodled some moths and butterflies and then converted them to Photoshop brushes ! . Here is your chance to download the low version for free , by low version i mean 500 px good for your web projects. The high resolution brushes set that is 2400 px can be purchased from my resources store.

here is a preview


The high resolution file is available through my store

Hand drawn butterfly photoshop brushes

Batch process in Photoshop : 28 Useful Free Scripts to speed up your work


Photoshop scripts are Photoshop actions on setriods , i read this somewhere along the way searching for a way to overcome and find a solution for one of my today’s daunting tasks. I had in my around 40 graphics all layered in a single photoshop file which i wanted to convert into JPG and PNG , this i am able to do through a script run of exporting all layers to JPGs and PNGs . My quest was to find a solution to rename all these layers in one go… hmm can take a while to do that !.
I came across this wonderful list of scripts for photoshop which totally came in handy for today’s task and i hope many more to come .. so i had to share these with you .
below is a list of scripts by Trevor Morris Photographics which ofcourse thankfully solved my today’s problem of renaming all the layers in photoshop.


1-Array Generator

This script generates a two-dimensional array of cloned objects based on the selected layer or group. The user interface also allows you to specify the number of rows and columns, as well as the horizontal and vertical spacing between objects.

2-Black & White Variations

This script converts and saves an image to black-and-white using 20 different methods (although more methods can be added).

3-Center Layer

As the name implies, this script simply centers the active layer within the document, both vertically and horizontally.

4-Close Without Saving

This series scripts closes one or more documents without saving changes (without a prompt). Options include: all documents, only the current document, or all documents except the current one.

5-Contract Canvas Selection

This script contracts a selection that touches the document boundaries on one or more sides (which isn’t possible with some versions of Photoshop).

6-Distribute Layers Horizontally

This script distributes all selected layers horizontally, so that the layers are evenly spaced.

7-Distribute Layers Vertically

This script distributes all selected layers vertically, so that the layers are evenly spaced.

8-Hide All Layers

A simple script that hides (turns off) all layers in the active document.

9-Show All Layers

A simple script that shows (turns on) all layers in the active document.

10-Import Folder As Layers

This script combines a series of images from the selected folder into a new document. All layers are named according to the file they represent.

11-Layers to Comps

This script simply creates a layer comp for each layer in the active document.

12-Rename Layers

This script renames all layers in the active document, including those within groups. The script prompts for a layer name pattern, and then renames and numbers the layers (top to bottom, or bottom to top).

13-Find Layer

This script searches all layers by name and selects the first match.

14-Sort Layers

This script sorts all layers in the active document alphanumerically (top to bottom, or bottom to top)

15-Toggle Layer Visibility

This script toggles the visibility of the current layer (on or off).

16-View Actual Pixels

This event-based script displays the current document at 100% zoom (actual pixels).

12 more Scripts From Jeff Tranberry of Adobe Photopshop

Below are some scripts you will find on his site.

  1. Layers to PNG
  2. Converting to sRGB for Save For Web
  3. Create New Document
  4. Create Frames from Layers
  5. Reveal All
  6. Close all open docs without saving
  7. Turn off the preference for “Resize Image During Paste/Place”
  8. Turn on the preference for “Resize Image During Paste/Place”
  9. Create a .log file
  10. Get the active document name
  11. Open a folder of documents
  12. Get the time and date

Looking for More ? Scripts resources elsewhere

Adobe Scripting forum
Adobe Studio Exchange
free Photoshop scripts by Russell Brown

Installing A Photoshop Script

After downloading a script you must copy it into your Scripts folder. On a PC, the path would be:
C:Program FilesAdobePhotoshop (CS or CS2)PresetsScripts

On a MAC the path would be:
Applications> Photoshop (CS or CS2)> Presets> Scripts.

After copying a script to this folder you’ll need to Quit and then Restart Photoshop before the script appears in the File> Scripts menu.

To Run A Photoshop Script
To run a script choose File> Scripts and select the script from the list, which will include any script file that was saved with a .js or .jsx extension and saved in the Presets/Scripts folder. If you want to run a script that was saved in a different location, simply choose File> Scripts> Browse and navigate to the specific script you want to use.


Hand drawn butterfly photoshop brushes

New Product at AIFactory ! : Ornate Distressed floral Corner and a giveaway!

f you have been a reader of aivault you might already know that most of my illustrations and works in one way or another does included flowers and ornaments . And now my fascination with ornaments and flowers have grown more intense i guess , and is now more mixed with the grungy look of objects that i like ! .Hence the creation of frames which are floral , ornamental and grungy at the same time. The preview presented below will show you 9 corners which i created using Lace Brushes & Floral Brushes that i created earlier.
Hand drawn butterfly photoshop brushes

Weekly Exclusive Freebie : 8 Chic Mod Birds Photoshop Brushes.

[private]Lately i have been fascinated by birds , for this i created some water color paintings and then some Mod looking stylized birds. These birds are also available for download as a vector pack through Aifactory .I created these PhotoShop Brushes set for my personal and quicker use. And when i was done for the project i created them for ,here i am offering them as a  freebie  . There are 8 in this set and here is a preview. Hope you have fun with these.


[download id=”50″ format=”3″]


Hand drawn butterfly photoshop brushes

Photoshop Stamps Free Download

[private]free1_preview41By now i think it is pretty obvious that im pretty obsessed with patterns and florals!. I just though i might add to the previous freebies this set of Photoshop Brushes .

This set contains around 11 floral stamps including tattoo patterns and a few from other vector packs from the shop!


Hand drawn butterfly photoshop brushes

34 Cool Pencil Shading Sketch Doodles!

[private]Ok this freebie is really cool! , I have been experimenting with a new Painting Software and just for fun i ended up creating these pencil shading doodles . These are created at different pen pressures as well as a pencil sizes . Hope you will enjoy creating stuff with them as much as i am doing right now!
I have also included a High Res Photoshop Brushes file along with this ! So download the file and use them as you please! (more…)

Hand drawn butterfly photoshop brushes

Free :Ornate Frames Photoshop Brushes

[private]After Creating Vector ORNATE FLORAL BRUSHES , I created these beautiful Frames as photoshop Brushes . And guess what you can download this FREE!. The set contains around 14 ORNATE FRAMES , This is a Lite edition which means that it is created on a artboard 600 x 600 px . Pretty useful while making your next web project. Very detailed these were created with The brush set with few strokes! . (more…)

Pin It on Pinterest

  • No products in the cart.