Forum: Inkscape How to generate this weave?

8f6337c8c7a1cf04dab80ae3a8c40150?d=identicon&s=25 Javier Garcia (Guest)
on 2013-03-30 10:35
(Received via mailing list)
Hi,

any way to generate a weave like the one contained in the orange nav
bar? That with red dots.

http://www.google.es/imgres?imgurl=http://www.psdg...



Javi
Faf7c5b7f2c3eb1a151d0b4f73345397?d=identicon&s=25 Tavmjong Bah (Guest)
on 2013-03-30 13:25
(Received via mailing list)
Attachment: orange_menu.svg (70 KB)
On Sat, 2013-03-30 at 10:34 +0100, Javier Garcia wrote:
> Hi,
>
> any way to generate a weave like the one contained in the orange nav
> bar? That with red dots.
>
>
http://www.google.es/imgres?imgurl=http://www.psdg...
>
>
>
> Javi


Yes.

The background (orange) is simply a linear gradient. The foreground can
be made using a red circle that is duplicated using the "Tiled Clones"
dialog where the size is reduced by around 5% per column. You will need
to group the clones then flip them horizontally with a small rotation.
You may need to add a second set of clones to the group that are not
reduced in size to match the far right. See:

http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Tiles.html

If your are doing this for a web page, you can do the gradient with CSS
and then add the red dots with SVG. That should work in all modern
browsers.

Tav
8f6337c8c7a1cf04dab80ae3a8c40150?d=identicon&s=25 Javier Garcia (Guest)
on 2013-03-30 14:41
(Received via mailing list)
Thanks Tavmjong!
Please log in before posting. Registration is free and takes only a minute.
Existing account

NEW: Do you have a Google/GoogleMail, Yahoo or Facebook account? No registration required!
Log in with Google account | Log in with Yahoo account | Log in with Facebook account
No account? Register here.