| Latest revision |
Your text |
| Line 1: |
Line 1: |
| − | {{EggBotDocs}}
| |
| − |
| |
| − |
| |
| | This is part 3 of [[Drawing a smiley face|a tutorial]], making a simple drawing in Inkscape and formatting it for the Eggbot. | | This is part 3 of [[Drawing a smiley face|a tutorial]], making a simple drawing in Inkscape and formatting it for the Eggbot. |
| | | | |
| Line 19: |
Line 16: |
| | | | |
| | In our plot, we'll fill the yellow background with a solid path, and also fill the three black shapes with solid black. | | In our plot, we'll fill the yellow background with a solid path, and also fill the three black shapes with solid black. |
| − |
| |
| − | '''Important note:''' The method shown here, in the next few steps, ''is an advanced method'' to produce a filled region. For an effective, but much easier way to fill regions, use the EggBot Hatch Fill extension.
| |
| | | | |
| | | | |
| Line 46: |
Line 41: |
| | | | |
| | | | |
| − | '''26.''' The hatch effect | + | '''25.''' The hatch effect |
| | | | |
| | The hatch effect, as it appears in the example above, is a squigly but continuous path that fills the circle region with something that looks like a hand-drawn pencil line. Now, we need to edit the hatch effect to look right. Mainly, we need to *turn off* the different sorts of randomness that makes it look hand drawn. There are two separate ways to enter the parameters: (A): Manually or (B): The easy way, using our extension. | | The hatch effect, as it appears in the example above, is a squigly but continuous path that fills the circle region with something that looks like a hand-drawn pencil line. Now, we need to edit the hatch effect to look right. Mainly, we need to *turn off* the different sorts of randomness that makes it look hand drawn. There are two separate ways to enter the parameters: (A): Manually or (B): The easy way, using our extension. |
| Line 52: |
Line 47: |
| | (A) Manually entering the hatch settings. Change the settings for hatches as follows: | | (A) Manually entering the hatch settings. Change the settings for hatches as follows: |
| | | | |
| − | * Frequency randomness: 0
| + | Frequency randomness: 0 |
| − | * Bend hatches: Uncheck
| |
| − | * Magnitude and parallelism jitter: 0 (all four)
| |
| − | * Half-turns smoothness: 2 (all four)
| |
| − | * Generate thick/thin path: uncheck
| |
| | | | |
| − | (Unfortunately, these settings are not saved by Inkscape and need to be entered every time you add the hatch effect.)
| + | Bend hatches: Uncheck |
| | | | |
| − | The Path Effect Editor pane should look roughly like this when you finish:
| + | Magnitude and parallelism jitter: 0 (all four) |
| | | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/34.jpg
| + | Half-turns smoothness: 2 (all four) |
| | | | |
| | + | Generate thick/thin path: uncheck |
| | | | |
| − | (B) The easy (and recommended) way: enter the settings by using our extension.
| |
| | | | |
| − | A much faster route to the same end result is to use our special purpose Inkscape extension. From the Extensions menu, select EggBot > "Preset hatch for fills..." This extension applies the same settings as under (A) to all objects in the document that already have the hatch effect applied.
| + | The Path Effect Editor pane should look roughly like this when you finish: |
| | | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/47.png | + | http://wiki.evilmadscience.com/s3/eggbot/smileytut/34.jpg |
| | | | |
| | | | |
| − | '''27.''' Working with the smooth hatch
| |
| | | | |
| − | Now that you've applied the right settings to the hatch effect, whether by method (A) or (B), the squiggles should now appear to be smooth and uniform. However, we still want to change the frequency and maybe angle of the squiggles. You do this with the "Edit Paths By Node" tool, the one below the standard "arrow" tool. Click this tool to select it, and (if the object is not already selected) select the hatched area by clicking on it.
| + | (B) "The easy way" -- using our extension. |
| | | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/35.jpg
| + | A much faster route to the same end result is to use our |
| | | | |
| − | | + | http://wiki.evilmadscience.com/s3/eggbot/smileytut/47.png |
| − | '''28.''' Editing the hatch
| |
| − | | |
| − | When you have the object selected, several "control handles" appear near the middle of the squiggle. One of the diamond-shaped ones -- usually the one further away from center -- allows you to change the angle and frequency of the lines. Drag it to a suitable position, such that the area looks like it will get appropriately colored in by the hatches.
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/36.jpg
| |
| − | | |
| − | You may find that some positions of the control handles lead to better looking fills than others. Pick one that looks good. One that fills the region without gaps or artifacts, but will not take ''too long'' to draw.
| |
| − | | |
| − | | |
| − | '''29.''' Adding an outline? (Optional)
| |
| − | | |
| − | While the hatching that we have will make a nicely filled region, it will no longer have the circular outline that we started with-- the edges of the winding path will be visible. To prevent this, you *may* want to add back in the original circle. Fortunately, the hatches effect is a "live" effect, meaning that it can be edited later, or even removed. Select the yellow hatch path, and from the Edit menu, select "Duplicate" to create an exact copy in place. (You may not see it because it's in the same place.) Now, in the Path Effect Editor pane, click the big "-" button to remove the hatch-fill from your duplicated path, returning it to its original state: a circle.
| |
| − | | |
| − | There is a good reason *not* to do this as well. Often a filled region looks very good on its own, even without an outline. And, if there is any slippage or loss of registration during a plot, the mismatch between a fill and its outline is very visible-- an outline and fill will only look great together if your plot precision is particularly high, and in many cases a good simple plot is a better result than a more precise one that takes a long time to set up.
| |
| − | | |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/37.jpg | |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/38.jpg
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/39.jpg
| |
| − | | |
| − | | |
| − | '''30.''' Adding cross hatching? (Optional)
| |
| − | | |
| − | What if we want to use cross hatching on a background fill? That's pretty easy, too. Click on the hatched area with the "normal" arrow tool to select it. Again use Duplicate to make a copy. You may notice that there are arrows on the edges of the bounding box-- indicating that you're in "resize" mode, where you can drag those arrows to resize the shape. If you click on the hatch object again, you see that the arrows turn into "rotation" arrows. Drag one of the corner arrows to rotate the pattern until the result is a pleasing overlapped crosshatch.
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/40.jpg
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/41.jpg
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/42.jpg
| |
| − | | |
| − | | |
| − | (We don't really need crosshatching, so we're deleting that extra hatch before moving on-- use the delete key or select "Delete" from the edit menu.)
| |
| − | | |
| − | | |
| − | '''31.''' Moving on to Black
| |
| − | | |
| − | Now that we're done with yellow, let's move on to black. Show the "2-black" layer and hide the 1-yellow layer in the Layers panel.
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/43.jpg
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/44.jpg
| |
| − | | |
| − | | |
| − | '''32.''' Combining paths with the "Union" operation
| |
| − | | |
| − | Now, we have three objects that we want to fill with black hatching. You can only apply the hatch effect to a single object at a time, so we can save a few steps then by sticking them together and filling all three at once. Select all three by clicking them with the shift key held down. Then, combine them into a single object by using the "Union" operator in the Path menu. When you do this, the selection changes from being three separate objects selected to one larger object.
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/45.jpg
| |
| − | | |
| − | | |
| − | '''33.''' Wrapping it up
| |
| − | | |
| − | Now, we apply the hatch operation and edit as before to fill them with a black hatch.
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/46.jpg
| |
| − | | |
| − | | |
| − | And, let's plot it and see how it turns out:
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/golf6.jpg
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/golf7.jpg
| |
| − | | |
| − | http://wiki.evilmadscience.com/s3/eggbot/smileytut/golf8.jpg
| |
| − | | |
| − | | |
| − | As you see, even works on a golf ball.
| |
| − | | |
| − | ----
| |
| − | | |
| − | This concludes the "smiley face" tutorial. There's more to see on the [[The Original Egg-Bot Kit|Egg-Bot Kit]] page!
| |
| | | | |
| | | | |
| − | ----
| |
| | | | |
| | | | |
