Layout that made using Inkscape

Post about projects that use Inkscape for web design.
User avatar
gri3fon
Posts: 10
Joined: Mon Jun 11, 2007 1:23 pm

Layout that made using Inkscape

Postby gri3fon » Sat Jun 16, 2007 10:15 pm

not a 100% though, the curly part is from png.

Image

Image


although slicing is not by me but built in tool for web slicing would be cool.
and the next problem is when the slicer ask for the source file. He never use Inkscape and insist getting .psd or .ai

User avatar
microUgly
Site Admin
Posts: 2985
Joined: Sat Jun 02, 2007 3:13 pm
Contact:

Re: Layout that made using Inkscape

Postby microUgly » Sun Jun 17, 2007 12:53 pm

I thought I read somewhere that slicing might be coming that uses guides to indicate where each slice should occur.

Unfortunatel, PSD and AI are industry standards. Although, if he only intends to slice the image rather than edit the image, then I don't see why he can't work with the PNG.

User avatar
ryanlerch
Posts: 107
Joined: Thu Jun 07, 2007 8:36 am
Location: Brisbane, Australia
Contact:

Re: Layout that made using Inkscape

Postby ryanlerch » Sun Jun 17, 2007 2:02 pm

for slicing, you may be able to duplicate the whole thing, then use clip paths to "slice" your image into seperate peices, group it together, then use the Effects>Export>Groups to PNG.

just thinking out loud. :P

User avatar
Darth_Gimp
Posts: 165
Joined: Sun Jun 10, 2007 12:49 pm
Location: Canada
Contact:

Re: Layout that made using Inkscape

Postby Darth_Gimp » Sun Jun 17, 2007 4:24 pm

The Linux version of The Gimp comes with PySlice that works with the guidelines. Perhaps they will include something similar. You could save the layout as a .PNG and use Gimp to slice it. There are ways in the Windows version as well.
Image

User avatar
gri3fon
Posts: 10
Joined: Mon Jun 11, 2007 1:23 pm

Re: Layout that made using Inkscape

Postby gri3fon » Sun Jun 17, 2007 10:03 pm

...Although, if he only intends to slice the image rather than edit the image, then I don't see why he can't work with the PNG
.
i can understand why he can't work with PNG. i, myself would rather slicing image with layering option. it would give a better option in separating text, real image and the background image.

unless, Inkscape PNG output can preserve layers like Fireworks (but only compatible within fireworks T_T ) and editable in other standard software.

for slicing, you may be able to duplicate the whole thing, then use clip paths to "slice" your image into seperate peices, group it together, then use the Effects>Export>Groups to PNG.

i know that but i don't like the result, maybe i didn't do it right.

The Linux version of The Gimp comes with PySlice that works with the guidelines. Perhaps they will include something similar. You could save the layout as a .PNG and use Gimp to slice it. There are ways in the Windows version as well.

Thanks for the info. I'm also aware of that option just have had the chance to try them out.

User avatar
microUgly
Site Admin
Posts: 2985
Joined: Sat Jun 02, 2007 3:13 pm
Contact:

Re: Layout that made using Inkscape

Postby microUgly » Mon Jun 18, 2007 7:26 am

gri3fon wrote:i can understand why he can't work with PNG. i, myself would rather slicing image with layering option. it would give a better option in separating text, real image and the background image.

Yeah, I can understand that also. Unfortunately, if you choose to use Inkscape you are making his life difficult.

There are some alternatives that may work for you though. You could save your drawing as EPS. This could be edited in Illustrator, but you may loose some effects. Or, you could export each layer as a PNG that could be assembled in Photoshop, allowing the slicer to turn each layer on and off as needed.

i know that but i don't like the result, maybe i didn't do it right.

If you didn't set a grid of 1px your slices may have been a fraction of a pixel which would create problems.

User avatar
gri3fon
Posts: 10
Joined: Mon Jun 11, 2007 1:23 pm

Re: Layout that made using Inkscape

Postby gri3fon » Mon Jun 18, 2007 4:06 pm

microUgly wrote:Yeah, I can understand that also. Unfortunately, if you choose to use Inkscape you are making his life difficult.


atm when i was making that layout my comp is being repair. i had to borrow a laptop and it was ubuntustudio box. so i made it using inkscape..

:mrgreen: then again, maybe i did intentionally - since this guy company, when ever they ask me to do a slicing always giving me a flatten psd and using urgent email subject on making web layout ( like there's no tomorrow).


Return to “Inkscape & the Web”