Mirror, Mirror, on the wall…

There have been a couple of discussions recently on the mail list about mirroring and tiled pattern creation etc where the features being requested were already possible using the tile clones feature. Thought I’d try to expand on how to do them a bit as it seems to be something people consider to be voodoo. (true to me to an extent, so much power in there)

Anyways, first up is doing a mirror modifier

1) create a new document and turn the grid on, i set it to 25 and turned on snap nodes, and always snap.

image001.png 

2) Create a rectangle that covers half the page. I’ve filled it green just to make it nice and visible.

image003.png

3) draw a squiggle over the rectangle, and group it.

image005.png

4) Open the tile clones dialog, select reflect, and do 1 row, 2 columns.

image007.png

5) Select the clone thats over the original, and delete it. you should get a full page with the left mirrored to the right.

image009.png

6) enter the original group, delete the squiggle. I left the stroke on the box, but removed the fill as it makes it clear what the centerline for the mirror is. Tis a good idea to save the doc as something useful like mirror.svg if your going to want to create mirrored objects regularly. just open up that as a template and skip the first steps.

image011.png

7) Make sure your still in the group(double click or right click > enter group), and then draw on the left side, and it will be instantly reflected on the right. be warned, if you overlap the clone will have a higher z-order so wierdness can ensue. 

image013.png

8) last thing was to remove the stroke from the box, I also shoved it one pixel toward the center as there are occasional rendering artifacts that leave a seam on what should be pixel perfect joins.

image015.png

Hope thats clear enough.

 Sim

Advertisements

11 Responses to “Mirror, Mirror, on the wall…”


  1. 1 Bryce August 26, 2006 at 8:43 am

    Your images aren’t showing up…

  2. 2 adam August 26, 2006 at 1:17 pm

    Neat! I enjoyed that and it is a good learning experience, a useful tutorial, well done!

  3. 3 simarilius August 26, 2006 at 4:57 pm

    Oops, thumbs werent linking to the bigger images. should be fixed now.

  4. 4 Fabio Capela December 26, 2007 at 5:57 pm

    You can tweak it further by turning the group into a layer. Just open the XML Editor (++), select your group and add a new attribute named “inkscape:groupmode” with “layer” as the content. Your reflected group is now a layer and everything you put inside that layer will be reflected; much easier to work with.

  5. 5 Alexwebmaster March 3, 2009 at 12:22 pm

    Hello webmaster
    I would like to share with you a link to your site
    write me here preonrelt@mail.ru

  6. 6 tenkan July 29, 2009 at 12:42 pm

    Thank you so much!! This tutorial has made my life much easier! Just what I was looking for.

  7. 7 xxxDex November 26, 2009 at 12:11 am

    Nowadays everyone can fill youtube with stupid “tuts”.
    On the other hand, these ones are pure gold, but stumbled upon by chance.
    Why is it so, Simarilius?
    No one can forbid you to put RSS feed on the page…

  8. 8 Dharmateja November 16, 2013 at 10:45 am

    Enjoyed following your tutorial, I have a mirror_template thank you very much

  9. 9 money making Opportunities May 8, 2014 at 5:33 am

    It’s in fact very complicated in this active life to listen news on TV, so I only use web for
    that reason, and get the most up-to-date news.

  10. 10 Awaken77 June 20, 2014 at 6:30 am

    I started using inskcape two days ago. I can already tell you are taking 20 miles to go 2 feet. step one: draw something. step two: highlight it. step three: click on the left or right arrow around the border and drag it into the direction you want it done. bam. perfect mirror image.


  1. 1 A tutorial by simarilius: Mirror, Mirror, on the wall… « the inkscape tutorials blog — a big list of cool inkscape tutorials… Trackback on June 21, 2007 at 1:41 am

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s





%d bloggers like this: