Create an indented line divider in Inkscape

-
A professional looking 3-D indented line divider can be easily created using just a simple line and a linear gradient using Inkscape. The figure below shows how the completed indented line divider looks like.

The following steps outline how to create this indented line divider using Inkscape.

  1. In Inkscape, use the Pen (SHIFT+F6) or Pencil (F6) tool to draw a horizontal black line with no fill.
  2. Optional. If the Fill and Stroke pane is not displayed, select Object | Fill and Stroke in the menu bar.


  3. In the Fill and Stroke pane, click the Stroke style tab. Change the Width to 2 px.



     
  4. In the Fill and Stroke pane, click the Stroke paint tab. Then click the Linear gradient icon.


  5. Click Edit.

    The Gradient editor dialog box appears.


  6. Click Add stop.

    Another stop is added to the linear gradient.There are now three stops.
  7. In the Gradient editor drop down combo box, choose the last stop.
  8. Change the Stop Color to CMYKA  (0,0,0,30,100) values.


  9. In the Gradient editor drop down combo box, choose the middle stop.
  10. Change the Stop Color to CMYK (0,0,0,70) values.
  11. Press F2 or select the Edit paths by nodes tool.

    The line handle changes to stop handles.
  12. Drag the start black stop to a point above the line.
  13. Drag the end stop to a point below the line.


  14. Use the Zoom tools and zoom closer to the handles.


  15. Drag the start black stop to the top of the line.


  16. Drag the end stop to a point at the bottom of the line.
  17. Adjust the middle stop to slightly above the middle of the line. Press CTRL+drag to constrain the line to vertical orientation.


  18. In the Fill and Stroke pane, change the opacity of the line to about 50%.

    The indented line effect is created.

Comments

Post a Comment

Popular posts from this blog

Image background removal using Krita

-
Image
Like other image editing software such as Gimp or Photoshop , Krita has similar tools to remove the background of an image non-destructively using transparency masks. The following steps show how: Open up an image in Krita . In the Layers pane on the right, mouse right click on the paint layer. A pop up menu appears . Choose Add | Transparency Mask . A transparency mask sub layer is created underneath the paint layer . Draw a selection polygon roughly around the foreground object in the image using the Polygonal Selection Tool , as shown below. Then in the File menu, click Select | Invert Selection . Choose Black as the foreground color. Choose a Brush e.g. Basic-1 Ink . Make sure the transparency mask layer is selected or active. Then paint over the background. Choose Select | Deselect to remove the selection polygon. The marching ants selection polygon is removed . Make the brush size smaller and zoom closer  to the background - foreground boundary. Brush over t...
Read more

Making a simple balloon using Inkscape

-
Image
Here is a simple example of making a simple vector line art of a balloon (shown below) using the Inkscape paths and node tools. Create the balloon body Create a new Inkscape document. Click the Create Circles, Ellipses and Arcs (F5) button of the Toolbox . Place an ellipse on the canvas. If you like, toggle off the stroke and color fill it with solid pink. Select Path | Convert Object to Path . Then click the Edit Paths by Nodes (F2) button in the Toolbox . Drag a rectangle to enclose the middle node as shown below. Press ARROW UP on the keyboard a few times. Drag a rectangle to cover the middle and bottom nodes as shown below. Then press the Insert New Nodes into Selected Segments button on the Controls Bar . 2 nodes are created . Drag a rectangle covering only the two newly created nodes. Then press > on the keyboard a few times to shape the balloon to your satisfaction. Create the balloon end In the Toolbox , click the Create Rectangles and Squares (...
Read more

Create an embossed text effect using Inkscape

-
Image
I learnt how to use Inkscape to create a 3-D embossed effect on text objects simply by using the text object's fill blur property. An example of the effect is shown in the image below. The following steps show how the effect was created on an existing text vector drawing. In Inkscape , open up the Fill and Stroke pane by selecting Object | Fill and Stroke  in the menu bar. Press F1 . Click on the text object. The text object is selected with handles around it . Press CTRL+C . The selected text object is copied to the clipboard . Press CTRL+V twice. The text object is duplicated twice . Press F8 . Click on one of the text object. In the Fill and Stroke pane, click the Fill tab. Change the selected text object's  fill color to black . In the Fill and Stroke pane, adjust the Blur property to define the emboss effect e.g. 10 . The selected text object is blurred . Press F8 . Click on another text object. In the Fill and Stroke pane, click the Fill tab. Adj...
Read more