Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Load an Image to Draw Over

Info
  • This lesson shows how to Load an Image (Raster) in order to draw over it so that it can be Cut/Penned/Debossed/Vinyled (Vector).

  • A large, clean Image is the best to work with. 

  • Any distortions in your original image can make it difficult to draw over.

Panel
panelIconId1f9d9-200d-2640-fe0f
panelIcon:woman_mage:
panelIconText🧙‍♀️
bgColor#FFEBE6
Expand
titleRaster Definition
Insert excerpt
Raster
Raster
nameRaster Definition
nopaneltrue
Expand
titleVector Definition
Insert excerpt
Vector
Vector
nameVector Definition
nopaneltrue
Expand
titleRaster to Vector Definition
Insert excerpt
Raster to Vector
Raster to Vector
nameRaster to Vector Definition
nopaneltrue

Load Image

  • First we need to make sure we are designing the layers in the correct order for these instructions.

  • On the FrameShop Main Page, click Admin and stay on the Defaults tab.

  • Under Layer Direction select Bottom Up if it is not already set to that.

  • Click Save and return to the Main Page.

    • You can change this back to the original setting later if desired.

Panel
panelIconId1f9d9-200d-2640-fe0f
panelIcon:woman_mage:
panelIconText🧙‍♀️
bgColor#FFEBE6
  • Layer Direction: Bottom Up is the preferred direction.

    • When you Offset an object to create another layer, that new layer will be the Top layer.

  • Layer Direction: Top Down is not recommended.

    • When you Offset an object to create another layer, that new layer will be the Bottom layer, even though it is larger than the original object.

2LayerLetterMatDefaultDirection800.png
Info
Expand
titleVisualize Definition
Insert excerpt
Visualization
Visualize Definition
Visualization
Visualize Definition
name
Visualization
Visualize Definition
nopaneltrue
  • Locate and click on the desired Image to select it and click Open.

Enter Width/Height of Image

  • The Design Bounds shows the current size of the Image.

  • If you need to resize the image, do it before you Vectorize/Draw Over the Image.

  • If you resize the Image after Vectorizing/Drawing Over It, only the Image and the Design Bounds are resized, not your Drawn/Vectorized objects. 

Info
  • Enter the desired width of the Image in the Width field in the Design Bounds section.  

  • The Height field will automatically adjust proportionately.

  • This also works vice versa if you have the desired Height.

Expand
titleDesign Bounds Definition
Insert excerpt
Design Bounds Definition
Design Bounds Definition
nameDesign Bounds Definition
nopaneltrue

Make the Image Lighter/Darker

  • If desired, click on the Vectorize tab, move the Opacity Slider toward the Left to Reduce the background Image and make the Vector segments Easier to See as you are drawing.

  • Move the Slider to the Right to Increase the visibility of the background Image, which may make the drawn Vector shapes Harder to See.

  • Note that adjusting the Image opacity will not have any affect on how the Image Vectorizes.

Draw Over the Image

  • Click on the Trace and Draw tab.

  • Select the Draw radio button.

  • Select the desired drawing tool, such as LineArc, etc.

  • Zoom In/Out on the design as needed to make it easier to see the details of the Image/Object Being Drawn.

Panel
panelIconIdatlassian-note
panelIcon:note:
bgColor#B3F5FF
  • Click where you want to begin drawing.

  • Using the sequences necessary for the selected drawing tool, (i.e., click to place First, Middle, and End-Points for an Arc) to Draw the segments.

Explode Object into Segments to Edit Separately

Info
  • If you can't Move a Point or Edit the current Segment because it selects the whole object, you will have to Explode the object. This will break up the object into the individual segments that make it up, which can then be edited separately.

  • Click on the desired object.

  • Click the Explode button.

Expand
titleExplode Tool Definition
Insert excerpt
Explode Tool Definition
Explode Tool Definition
nameExplode Tool Definition
nopaneltrue
  • The Exploded object is now broken up into the individual segments which can now each be edited separately.

  • Optionally, Click Edit > Explode All to break up the entire design into its individual segments.

Expand
titleExplode All Definition
Insert excerpt
Explode All Definition
Explode All Definition
nameExplode All Definition
nopaneltrue

Moving Points

  • After drawing the design, you can go back and Move the Points in order to tweak the design.

  • Click and hold the mouse on the End-Point of the segment you wish to Move.

  • Drag the point to where you want to move it and release the mouse button to place it. 

  • The Point is Moved.

Delete the Lines/Arcs You Want to Redraw

Info
  • Sometimes editing a Line/Arc doesn't give the expected results.

  • In those cases, it may be easier to just delete the Line/Arc and redraw it. 

  • Before deleting the specific Line/Arc, you will need to Explode it from any objects it is joined to. 

  • If you need to edit only a segment of an enclosed object, see Explode Object into Segments to Edit Separately above to break it up into editable segments.

  • Hold down the CTRL key and click on each segment you want to Delete.

  • Click the Delete button.

  • The segments are Deleted.

Draw Replacement Lines/Arcs

Info
  • If you need to edit only a segment of an enclosed object, see Explode Object into Segments to Edit Separately above to break it up into editable segments.

  • Select the desired segment and hit the Delete button. 

  • The segment is Deleted.

  • Click on the Draw radio button.

  • Select the desired drawing tool, such as Line or Arc.

  • Right-Click on the End-Point of the segment you want to start drawing from. 

Expand
titleLine Tool Definition
Insert excerpt
Line Tool Definition
Line Tool Definition
nameLine Tool Definition
nopaneltrue
Expand
titleArc Tool Definition
Insert excerpt
Arc Tool Definition
Arc Tool Definition
nameArc Tool Definition
nopaneltrue
  • Either Click to place the next point or if drawing between segments, or Right-Click to snap to an existing Point such as the first Point of the next segment item.

Edit Until Satisfied

  • Continue Drawing and Editing the design until it is completed.

Join All Segments

Info
  • Once your design has been drawn, Connect the segments together so that it can be Traced.

Expand
titleAuto Join Segments Definition
Insert excerpt
Auto Join Segments Definition
Auto Join Segments Definition
nameAuto Join Segments Definition
nopaneltrue
  • You can confirm that the objects are Joined by moving the cursor over the objects. 

  • If the entire object turns White, it is connected. 

  • However, if only the current segment under the cursor turns White, you may have to Manually Join the segments.

Convert to Splines/Tangify

  • Click Edit > Convert Arcs to Splines

    • The splines can be tangified with less distortion, which will give a smoother cutting path for the design.

  • Click on Edit > Tangify all Circuits.

    • This makes each arc tangent to each other for smoother cutting.

  • The degree of Tangification is set in the Tangify field; the default is six degrees.

Expand
titleConvert Arc to Splines Definition
Insert excerpt
Convert Arc to Splines
Convert Arc to Splines
nameConvert Art to Splines Definition
nopaneltrue
Expand
titleTangify All Circuits Definition
Insert excerpt
Tangify All Circuits Definition
Tangify All Circuits Definition
nameTangify All Circuits Definition
nopaneltrue

Trace the Design

  • Click on the Set Bevels tab.

  • Hold down the CTRL key and click on each Drop of the design, if applicable.

  • Select the desired Drop Bevel Type then click Set.

  • The Drops of the design turn the color of the Drop Bevel Type selected.

L11DrawTraceDrops70800.png
  • Hold down the CTRL key and click on each Opening of the design.

  • Select the desired Bevel Type then click Set.

  • The openings turn the color of the Bevel Type selected showing that the design is now traced.

Expand
titleTraced Definition
Insert excerpt
Traced
Traced
nameTraced Definition
nopaneltrue
L11DrawTraceOpenings70800.png

Save and Cut

Info
  • Optionally, you can also bring the CutArt straight to the Cut Preview from Trace.

  • The design is completed.

Comparison

You can see how much we changed the design when you compare it to what we started with.

...