SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast rgf207's Avatar
    Join Date
    Feb 2006
    Location
    Maryland
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Using Vector Icon Sets. Looking for some tutorials

    I'm new to vectors. I have downloaded a few vector icon sets. The sets are basically one large graphic will all of the icons in .eps format. What I would like to do is resize each icon and export them individually. I can't seem to find a way to do it. I have Illustrator and Photoshop CS5.1 Any help would be appreciated.

  2. #2
    SitePoint Addict deadmix's Avatar
    Join Date
    Jun 2009
    Location
    france
    Posts
    205
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    i think the best way is using the transform tool on illustrator to re-size using pixel dimensions check this Tutorial : Link you can check also this quick tutorial : Link

  3. #3
    SitePoint Zealot Norebbo's Avatar
    Join Date
    Jun 2008
    Location
    Southern California
    Posts
    123
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Did you figure this out yet? All you need to do is select them all and then ungroup it (so that you can work with each one individually).

    Object > Ungroup

    Note that you may have to do this several times because there might be some nested groups inside the larger overall group.

  4. #4
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,737
    Mentioned
    32 Post(s)
    Tagged
    1 Thread(s)
    well free icons sets are usually crap, but...

    If the designer had any consideration s/he arranged the set in a grid. so there should be X icons across by Y icons down.


    Say that that's 5 across by 6 down ( so X=5, Y=6);

    you want each icon to be 80pxs X 80pxs, in including white space.

    open the file in PS, when it asks what size( resolution) you will enter X x iconWidth, Y x IconHeight ( in this example: 5*80=400, 6*80=480, so 400 and 480)

    When the file opens in PS all the icons should have been resized to the size you want. Of course they are still all together so we need a couple of more steps.

    Place a vertical guide every icon width (so in our example every 80px horizontally) and a horizontal guide every icon height (so in our example every 80px vertically)

    Click on the slice tool, on the tool panel, click on slice from guides.


    Go to save for web... and save slices.. Voila!

    Do keep in mind that reducing an icon's size might make it unrecognizable even if you started from the vector original.

    Of course , if all you graphics are not arranged in a consistent grid or have different dimensions then you are SOL. the key to efficient automation is consistency!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •