Drawing for Tesselation

Post questions on how to use or achieve an effect in Inkscape.
DrT
Posts: 49
Joined: Sun Aug 12, 2012 12:13 am

Drawing for Tesselation

Postby DrT » Fri May 17, 2019 2:04 am

[attachment=1]Hi!

I'm a newbie using Inkscape 0.92.3 running under Windows 7 Pro, 64-bit, Service Pack 1.

I imported a .jpg image. The image is a B&W drawing with a rectangular white background. See attached file: Fish.jpg

I duplicated the image and I flipped one of the images horizontally and I now have two images. See attached file: Fish_2.png

To create a tessellation, I first want to move up the fish at the bottom to right below the fish at the top. Hopefully, they will fit neatly.

>>> How do I do it without the bottom fish's white background overlapping the top fish? <<<

Afterward, I'll duplicate the drawing over and over to create the tessellation.

Thank you!

Dr. T
Attachments
Fish.jpg
Fish.jpg (59.67 KiB) Viewed 2237 times
Fish_2.jpg
Fish_2.jpg (78.51 KiB) Viewed 2237 times

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: Drawing for Tesselation

Postby Moini » Fri May 17, 2019 9:24 am

Have a look at the different options in the Tiled Clones dialog. http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Tiles.html

And before you do that, install the latest version, 0.92.4, instead of the (slightly) outdated one you seem to have there (and uninstall the 0.92.3 first)
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

User avatar
Xav
Posts: 1209
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

Re: Drawing for Tesselation

Postby Xav » Fri May 17, 2019 4:43 pm

You'll never achieve what you're looking for just by layering JPEGs on each other, as they have no way to indicate that the background of the enclosing rectangle should be transparent.

You can use a 'Clip Path' in Inkscape to cut out the shape, removing the background. But a more usual method would be to trace the shape - either using the Trace Bitmap functionality or through manual tracing - which will result in clean vector objects, not the raster image of the original JPEG.

It's important to be aware that Inkscape is an editor for vector graphics, and whilst it can do some tasks with bitmap images (such as JPEGs), that's not really what it's intended for. If you want to work with bitmaps then you might be better using another program that's more designed for those tasks. If, however, you want to end up with a vector image then Inkscape is a great tool - but you need to go through some more steps to convert your bitmap to a vector.

Once you've got a vector version - or a clipped bitmap - then as Moini mentioned, the Tiled Clones dialog can arrange your objects into a tessellation. But it's overkill if you just want to arrange two, or even four of them. In that case I would manually create clones, rather than copy-pasting the original - which means you can then make changes to the original (such as adjusting the edges to make them tessellate cleanly), and all the clones will be updated to match.
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter

DrT
Posts: 49
Joined: Sun Aug 12, 2012 12:13 am

Re: Drawing for Tesselation

Postby DrT » Fri May 17, 2019 5:07 pm

Moini wrote:Have a look at the different options in the Tiled Clones dialog ... .

Dear Moini,

Thank you for your reply!

I did but, being a newbie, I have to practice a lot.

However, in the documentation, something caught my eye: trace to bitmap. I tried it and it worked!

Dr. T

DrT
Posts: 49
Joined: Sun Aug 12, 2012 12:13 am

Re: Drawing for Tesselation

Postby DrT » Fri May 17, 2019 5:16 pm

Xav wrote:... But a more usual method would be to trace the shape - either using the Trace Bitmap functionality ...

Dear Xav,

Thank you for your reply!

After I read Moini's reply, I tried Trace to Bitmap and it worked!

FYI, most of my artwork is geometric abstractions. So, Inkscape is perfect.

Dr. T

Polygon
Posts: 393
Joined: Thu Dec 19, 2013 3:27 am

Re: Drawing for Tesselation

Postby Polygon » Fri May 17, 2019 7:29 pm

I don´t have any difficulties to blend the jpg inside Inkscape if that´s what DrT wants:
AlphaTrans.jpg
AlphaTrans.jpg (116.47 KiB) Viewed 2189 times


Cheers

DrT
Posts: 49
Joined: Sun Aug 12, 2012 12:13 am

Re: Drawing for Tesselation

Postby DrT » Sat May 18, 2019 5:23 pm

Polygon wrote:I don´t have any difficulties to blend the jpg inside Inkscape if that´s what DrT wants:
AlphaTrans.jpgCheers

Dear Polygon,

Thank you for your reply!

I saw what you did and tried "Fiters>Fill and Transparency>Montochrome Transparency" and it worked!

Thank you!

Dr. T

Katzman
Posts: 1
Joined: Sat May 18, 2019 7:48 pm

Re: Drawing for Tesselation

Postby Katzman » Mon May 20, 2019 10:58 pm

Glad to know this is possible with JPEGs. What was your final result like, DrT?

DrT
Posts: 49
Joined: Sun Aug 12, 2012 12:13 am

Re: Drawing for Tesselation

Postby DrT » Thu May 23, 2019 6:57 pm

Katzman wrote:Glad to know this is possible with JPEGs. What was your final result like, DrT?

Katzman,

Not done yet.

Dr. T

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Drawing for Tesselation

Postby Lazur » Fri May 24, 2019 9:28 am

ghoti.svg
(194.09 KiB) Downloaded 172 times


Return to “Help with using Inkscape”