iPhone 4s icons

Post questions on how to use or achieve an effect in Inkscape.
leylandii
Posts: 2
Joined: Mon Mar 05, 2012 1:58 am

iPhone 4s icons

Postby leylandii » Mon Mar 05, 2012 2:06 am

trying to create png files

when i save i get bounding box,

how can i remove thick black bounding box thats created when using any tool e.g. rectangular

and remove corners


see attached image
Attachments
phone2.png
phone2.png (11.54 KiB) Viewed 1553 times

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: iPhone 4s icons

Postby brynn » Mon Mar 05, 2012 3:00 pm

Image
Welcome to InskcapeForum!

Hhmmm....well I'm slightly confused. I don't know how you could have drawn that image, and not know how to get rid of that border.

Ok, it's probably not actually a bounding box that you're seeing. The bounding box is the dotted line that surrounds an object when it's selected. But after you save the image, and indeed after you simply deselect the object, that disappears. It's probably one of 2 things, if it's some kind of border that remains after you save it.

Where are you looking at the image when you see this border? Are you in Inkscape still, or did you open it in some kind of image viewer (for example, Windows Photo Viewer)? If you're looking at it while you're still in Inkscape, it might be the page border. But that won't show anywhere else you might use the image. It's just a kind of a guide while you're editing the image in Inkscape.

If you're looking at it using some kind of viewer, it's probably a Stroke. To get rid of it, open the SVG again in Inkscape. (You can't get it out of the PNG, you have to take it out of the SVG before you export the PNG.) Anyway, open the SVG, select the rectangle, remove the stroke. You can do that in the Fill and Stroke dialog, or right-clicking on the Stroke color in the bottom left corner of the Inkscape window, and choose Remove Stroke.

As for removing the corners, it depends if the rectangle is still a rectangle shape, or if it has been converted to a path. If it's still a rectangle shape, select it with the Rectangle tool. Place the cursor over the tiny circle in the top right corner and drag downwards. If you select it, and find that it's a path, it would be easier to just draw another rectangle, than try to node edit to achieve the rounded corners.

.....Or....I'm not sure if by "remove corners" you mean that want rounded corners, or if you mean that they're already rounded and you want to make them sharp. Because the image you provided already has rounded corners. If so, let me know and I can give instructions. But I'm starting to think, the more I think about this, that you didn't draw this, and that there might not even be an SVG file.

Then of course when you finish with these edits, you'll have to Export the PNG again.

But if this is a PNG that you acquired already completed, and you don't have the original SVG, there will be no way to remove the border using Inkscape. You'll have to use a raster graphics editor such as The GIMP.

chriswww
Posts: 383
Joined: Fri Nov 19, 2010 3:04 pm

Re: iPhone 4s icons

Postby chriswww » Mon Mar 05, 2012 3:01 pm

Pretty much any graphics file format always sets out a rectangular canvas of one sort or another, so you can't actually "remove" corners from a file. But you just want those corners transparent instead. Anyway, what i think your problem is, is your display program is showing the border around your exported png graphic, as a way of showing where the canvas ends. inkscape doesn't create any borders around graphic on export afaik. open up your png in a different program (microsoft photo editor?) to see.

~suv
Posts: 2272
Joined: Sun May 10, 2009 2:07 am

Re: iPhone 4s icons

Postby ~suv » Mon Mar 05, 2012 9:17 pm

leylandii wrote:trying to create png files
(…)
how can i (…) remove corners

Do not use 'Save (a copy) as…' "Cairo PNG" - always use 'File > Export Bitmap…' to create high-quality exports to PNG.

'File > Export Bitmap…' will respect the document properties for the background color (defaults to fully transparent white). The file format "Cairo PNG" on the other hand always adds a solid white background to the PNG image - as seen in your attached file.

leylandii
Posts: 2
Joined: Mon Mar 05, 2012 1:58 am

Re: iPhone 4s icons

Postby leylandii » Wed Mar 07, 2012 8:12 am

First problem solved by changing border width to zero

Second was to use export and not save as Cario png

I'd just created icon with rounded corners and imported png of old phone

Many thanks for replies

Cheers

User avatar
nesDk
Posts: 41
Joined: Tue Feb 28, 2012 6:55 am
Location: Denmark

Re: iPhone 4s icons

Postby nesDk » Thu Mar 08, 2012 7:33 am

hmm it still sounds like you have a layer or element that are unwanted. you mention "the removal of the corners"

the layer/element having those corners might also have a fill color. if its an effect, consider duplication of a fitting element.
but like brynn im also amazed that you have that problem and an icon of such quality.

haha a quick seach made me see your problem.
copy your stolen png, paste it in inkscape. while element is selected go to object>pattern>object to pattern
create a new box, round the corners. right click the new box, go to fill and stroke. select the tab fill and press the pattern button


Return to “Help with using Inkscape”