Mobile app version of vmapp.org
Login or Join
Smith574

: Sketch 3 - Designing a symmetrical graphic How do I create a symmertical copy of a graphic in Sketch 3. In other words, how do I take a graphic and then mirror a copy of it over a specified

@Smith574

Posted in: #SketchApp

How do I create a symmertical copy of a graphic in Sketch 3.

In other words, how do I take a graphic and then mirror a copy of it over a specified line?

Additionally, is there a way for Sketch to keep the 2 objects "synced" at all times? In other words, when I change the dimensions of the origin, the mirror updates as well.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Smith574

2 Comments

Sorted by latest first Latest Oldest Best

 

@Gloria351

Let's assume we want to mirror twitter icon png.

First, place two rules at 0:0 point it will be convenient to align mirror objects around them. Place your graphic :


Place rectangle under the graphic make it the same size as graphic, deselect Fills and Borders check boxes, right click on rect and select Use as Mask:


Select graphic and rect and click Create Symbol icon in the Tools panel, this will make possible to change scale of your original graphic and its copy in the same time:


Duplicate sybmol by pressing Ctrl+D, flip it horizontal and place against your original graphic:


Now, you can select on of the graphic inside symbol and move it right or left, the copy will move too:


If you want to change the size of graphics select symbol and press Scale icon:


Scaling your graphic will move your graphics from original point:


But you can adjust its positions by dragging them and anchor to the rulers:


That's my approach to solve your issue.
You can download sketch file with mirror graphics.

10% popularity Vote Up Vote Down


 

@Berryessa866

To keep your objects synced you can use symbols. This is as simple as pressing the Create Symbol button in the toolbar with your artwork selected, then you can Insert › Symbol to insert a new instance of your symbol.

You can use the inspector panel to flip your symbol.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme