How to create a heart shape: Difference between revisions

From Scribus Wiki
Jump to navigation Jump to search
(Created page with "{{HOWTO Index}} Category:EN File:heart_shape_title.png This tutorial will show you how to use some of the Scribus drawing tools to make a simple "heart" shape. === S...")
 
(Converted to use new templates.)
Line 1: Line 1:
{{HOWTO Index}} [[Category:EN]]
{{HOWTO Index}} [[Category:EN]]
[[File:heart_shape_title.png]]
[[File:heart_shape_title.png|centre]]


This tutorial will show you how to use some of the Scribus drawing tools to make a simple "heart" shape.
This tutorial will show you how to use some of the Scribus drawing tools to make a simple "heart" shape.
Line 20: Line 20:
First, you should display the grid and set grid snapping on. This is important because it will allow you to create the shapes much easier than otherwise.
First, you should display the grid and set grid snapping on. This is important because it will allow you to create the shapes much easier than otherwise.


* Choose menu "File -> Document Setup".
* Choose menu {{Menuitem|File}} → {{Menuitem|Document Setup}}
* Select "Guides" from the scrolling list on the left.
* Select "Guides" from the scrolling list on the left.
* Check the "Show Page Grid" icon.
* Check the "Show Page Grid" icon.
* Set the "Major Grid" Spacing to 100pt.
* Set the "Major Grid" Spacing to 100pt.
* Set the "Minor Grid" Spacing to 20pt.
* Set the "Minor Grid" Spacing to 20pt.
* OK the dialog.
* {{Button|OK}} the dialog.
* Choose menu "Page -> Snap to Grid". If "Snap to Grid" was already ticked then don't select it, leave it ticked.
* Choose menu {{Menuitem|Page}} → {{Menuitem|Snap to Grid}}. If "Snap to Grid" was already ticked then don't select it, leave it ticked.


Your document should look like figure 1.
Your document should look like figure 1.
Line 33: Line 33:


[[File:heart_shape_circles.png|frame|Figure 2]]
[[File:heart_shape_circles.png|frame|Figure 2]]
* Choose menu "Insert -> Insert Shape -> Default Shapes -> Circle".
* Choose menu {{Menuitem|Insert}} → {{Menuitem|Insert Shape}} → {{Menuitem|Default Shapes}} → {{Menuitem|Circle}}
* Draw a circle the same size as two of the larger grid squares.
* Draw a circle the same size as two of the larger grid squares.
* Choose menu "Item -> Duplicate".
* Choose menu {{Menuitem|Item}} → {{Menuitem|Duplicate}}
* Drag the duplicated circle across to the right of the original so that the duplicate overlaps the original by two of the smaller grid squares - see figure 2.
* Drag the duplicated circle across to the right of the original so that the duplicate overlaps the original by two of the smaller grid squares - see figure 2.
<br clear=all>
{{clear}}
== Curves ==
== Curves ==


Line 43: Line 43:
It might be helpful to look at figure 3 before trying the next bit so that you have a better idea of what the instructions mean.
It might be helpful to look at figure 3 before trying the next bit so that you have a better idea of what the instructions mean.


* Choose menu "Insert -> Insert Bezier Curve".
* Choose menu {{Menuitem|Insert}} &rarr; {{Menuitem|Insert Bezier Curve}}
* Click at the point seven small grid squares down from the bottom of the two circles aligned vertically with the point where the two circles meet.
* Click at the point seven small grid squares down from the bottom of the two circles aligned vertically with the point where the two circles meet.
* Drag the pointer down from the left of the left-hand circle by the same distance as one of the larger grid squares and release the mouse button.
* Drag the pointer down from the left of the left-hand circle by the same distance as one of the larger grid squares and release the mouse button.
Line 49: Line 49:
[[File:heart_shape_pre_joins.png|frame|Figure 4]]
[[File:heart_shape_pre_joins.png|frame|Figure 4]]
* Select the curve you've just drawn.
* Select the curve you've just drawn.
* Choose menu "Item -> Duplicate".
* Choose menu {{Menuitem|Item}} &rarr; {{Menuitem|Duplicate}}
* Go to "Properties / X,Y,Z" and press the "Flip Horizontal" button.
* Go to "Properties / X,Y,Z" and press the "Flip Horizontal" button.
* Drag the flipped curve so that its bottom end meets the bottom end of the original curve.
* Drag the flipped curve so that its bottom end meets the bottom end of the original curve.


You should now have something that looks like figure 4.
You should now have something that looks like figure 4.
<br clear=all>
{{clear}}
== Joining Up ==
== Joining Up ==


Line 60: Line 60:
* Select one of the curves.
* Select one of the curves.
* Shift-select the other curve.
* Shift-select the other curve.
* Choose menu "Item -> Path Tools -> Connect Paths".
* Choose menu {{Menuitem|Item}} &rarr; {{Menuitem|Path Tools}} &rarr; {{Menuitem|Connect Paths}}
* Set "Connect First Line" to "Starting Point".
* Set "Connect First Line" to "Starting Point".
* Set "with Second Line" to "Starting Point".
* Set "with Second Line" to "Starting Point".
* Check to see that the dialog box looks like figure 5 and press "OK".
* Check to see that the dialog box looks like figure 5 and press {{Button|OK}}
* Re-select the new joined curve.
* Re-select the new joined curve.
* Choose menu "Item -> Convert to -> Polygon".
* Choose menu {{Menuitem|Item}} &rarr; {{Menuitem|Convert to}} &rarr; {{Menuitem|Polygon}}
* Select one of the circles.
* Select one of the circles.
* Shift-select the other circle.
* Shift-select the other circle.
* Choose menu "Item -> Path Tools -> Path Operations…".
* Choose menu {{Menuitem|Item}} &rarr; {{Menuitem|Path Tools}} &rarr; {{Menuitem|Path Operations&hellip;}}
* Accept the dialog box as it is and press "OK".
* Accept the dialog box as it is and press {{Button|OK}}
* Select the joined circles.
* Select the joined circles.
* Shift-select the joined curves.
* Shift-select the joined curves.
* Choose menu "Item -> Path Tools -> Path Operations…".
* Choose menu {{Menuitem|Item}} &rarr; {{Menuitem|Path Tools}} &rarr; {{Menuitem|Path Operations&hellip;}}
* Accept the dialog box as it is and press "OK".
* Accept the dialog box as it is and press {{Button|OK}}


[[File:heart_shape_final.png|frame|Figure 6]]
[[File:heart_shape_final.png|frame|Figure 6]]

Revision as of 21:27, 16 March 2015

This article is part of the HOWTOs series.
Installation Usage PDF issues Imposition Other
Heart shape title.png

This tutorial will show you how to use some of the Scribus drawing tools to make a simple "heart" shape.

Specific techniques used in this tutorial

  • Setting a grid.
  • Creating a circle.
  • Creating a bezier curve.
  • Converting to a polygon.
  • Joining curves.
  • Joining shapes.

Setup

  • Open Scribus and create a new document. (A4/Letter portrait will do.)
Figure 1

First, you should display the grid and set grid snapping on. This is important because it will allow you to create the shapes much easier than otherwise.

  • Choose menu FileDocument Setup
  • Select "Guides" from the scrolling list on the left.
  • Check the "Show Page Grid" icon.
  • Set the "Major Grid" Spacing to 100pt.
  • Set the "Minor Grid" Spacing to 20pt.
  • OK the dialog.
  • Choose menu PageSnap to Grid. If "Snap to Grid" was already ticked then don't select it, leave it ticked.

Your document should look like figure 1.

Circles

Figure 2
  • Choose menu InsertInsert ShapeDefault ShapesCircle
  • Draw a circle the same size as two of the larger grid squares.
  • Choose menu ItemDuplicate
  • Drag the duplicated circle across to the right of the original so that the duplicate overlaps the original by two of the smaller grid squares - see figure 2.

Curves

Figure 3

It might be helpful to look at figure 3 before trying the next bit so that you have a better idea of what the instructions mean.

  • Choose menu InsertInsert Bezier Curve
  • Click at the point seven small grid squares down from the bottom of the two circles aligned vertically with the point where the two circles meet.
  • Drag the pointer down from the left of the left-hand circle by the same distance as one of the larger grid squares and release the mouse button.
  • Right-click to complete the bezier curve.
Figure 4
  • Select the curve you've just drawn.
  • Choose menu ItemDuplicate
  • Go to "Properties / X,Y,Z" and press the "Flip Horizontal" button.
  • Drag the flipped curve so that its bottom end meets the bottom end of the original curve.

You should now have something that looks like figure 4.

Joining Up

Figure 5
  • Select one of the curves.
  • Shift-select the other curve.
  • Choose menu ItemPath ToolsConnect Paths
  • Set "Connect First Line" to "Starting Point".
  • Set "with Second Line" to "Starting Point".
  • Check to see that the dialog box looks like figure 5 and press OK
  • Re-select the new joined curve.
  • Choose menu ItemConvert toPolygon
  • Select one of the circles.
  • Shift-select the other circle.
  • Choose menu ItemPath ToolsPath Operations…
  • Accept the dialog box as it is and press OK
  • Select the joined circles.
  • Shift-select the joined curves.
  • Choose menu ItemPath ToolsPath Operations…
  • Accept the dialog box as it is and press OK
Figure 6

You should now have you heart shape as it looks in figure 6.

You can now add this shape to your scrapbook and use it wherever you need it.