Solved

Need a transparent background for icon in my Illustrator file

Posted on 2010-11-24
7
711 Views
Last Modified: 2013-12-02
Experts,

I'm relatively new to Illustrator, (I'm working in CS2) and created an icon for my needs. I created new document with 16 x 16 pixels, then put my image (10x12 pixels) on the canvas. The problem is: I'm always getting a 10x12 image when exporting to png file (through Save for Web).  

How can I make the export png file keeping the 16x16 size with background transparent?
0
Comment
Question by:tikusbalap
7 Comments
 
LVL 30

Accepted Solution

by:
captain earned 500 total points
ID: 34209468
Hi

Draw a 16x16 box with no fill and a 0.25pt white stroke border around your image. Then save again for web and devices. The transparent box is picked up on export and the white stroke is too small to register.

hth
capt.
0
 
LVL 26

Expert Comment

by:David Brugge
ID: 34209715
Hi Capt!

I found your method interesting. The .25pt stroke when rendered at 72dpi almost disappears.

However, I notice when I try it (CS5 windows) I get a peculiar artifact of a white stroke with a transparency of about 5%. I don't suspect that it makes a whoop of difference on the web, but I was wondering if you get the same results? 16px x 16px transparent png with 10px x 12px image
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 34209850
Have you tried opening a new document, then select the square or rectangle tool. Now click on the art board and select the dimensions you need. Make sure there isn't a border on the square. Now navigate to Edit>Crop. You can now place your art in the document and is should save as the correct size.

It has been a while since I have used CS2. It seems like I used to select the crop to artboard or something similar in the print dialogue box. This should also add crop marks around the art-board which will ensure it remains to size.
0
Is Your AD Toolbox Looking More Like a Toybox?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

 
LVL 6

Author Comment

by:tikusbalap
ID: 34210274
@captainreiss

But my file now save as 18x18 pixels png. How to precise export to 16x16?
0
 
LVL 30

Expert Comment

by:captain
ID: 34211026
Sorry,am in the UK so went offline. Do you still require help with the size?
0
 
LVL 6

Author Comment

by:tikusbalap
ID: 34212586
@captainreiss

No. It was export perfectly. Thanks.
0
 
LVL 30

Expert Comment

by:captain
ID: 34212719
Brilliant, please let us know if you require assistance with other design projects.

Thanks for the accept.

capt.
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
converting a pms to a cymk 13 32
D3, SVG, dragging 3 127
Automatically select the layer when layer click 5 66
Slow Printing 8 88
Because of still there more are people in the world using Adobe Illustrator older versions like CS & CS2 I wish to forward this article.. Since a long time Adobe Illustrator CS, CS2 has released, sometimes that there was a problem when someone tr…
: Microsoft Office Collaborate for free and online versions of Microsoft  Word, Excel, Powerpoint, OneNote, Onedrive , Email, Calendar etc. In short we can say that Microsoft office is a suite of servers, applications and services developed by  Micr…
Learn how to set up basic frames and paths in Prezi and understand the open space that Prezi allows you to create presentations in.
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question