[gimp-web] First version of heart shape tutorial.

[Pat David <patdavid src gnome org>]

commit 51cbe5dbba23f4ea9e4d4e06ada7346db05a45eb
Author: nmat <nmat users noreply github com>
Date:   Fri Jul 16 22:51:51 2021 +0200

    First version of heart shape tutorial.

 .../tutorials/Heart_Shape/01-circle-shape-red.png  | Bin 0 -> 5427 bytes
 .../Heart_Shape/02-rectangle-shape-red.png         | Bin 0 -> 5011 bytes
 .../Heart_Shape/03-layers-dialog-after-merge.png   | Bin 0 -> 8668 bytes
 content/tutorials/Heart_Shape/04-rotate-shape.png  | Bin 0 -> 6007 bytes
 .../tutorials/Heart_Shape/05-duplicated-layers.png | Bin 0 -> 10895 bytes
 .../tutorials/Heart_Shape/06-layers-flipped.png    | Bin 0 -> 10559 bytes
 content/tutorials/Heart_Shape/07-image-flipped.png | Bin 0 -> 9023 bytes
 .../Heart_Shape/08-moved-layers-to-align-shape.png | Bin 0 -> 8843 bytes
 .../Heart_Shape/09-final-shape-layers.png          | Bin 0 -> 8890 bytes
 content/tutorials/Heart_Shape/10-final-result.png  | Bin 0 -> 7830 bytes
 content/tutorials/Heart_Shape/index.md             | 125 +++++++++++++++++++++
 11 files changed, 125 insertions(+)
---
diff --git a/content/tutorials/Heart_Shape/01-circle-shape-red.png 
b/content/tutorials/Heart_Shape/01-circle-shape-red.png
new file mode 100644
index 00000000..f1b6e49f
Binary files /dev/null and b/content/tutorials/Heart_Shape/01-circle-shape-red.png differ
diff --git a/content/tutorials/Heart_Shape/02-rectangle-shape-red.png 
b/content/tutorials/Heart_Shape/02-rectangle-shape-red.png
new file mode 100644
index 00000000..a92c6b3e
Binary files /dev/null and b/content/tutorials/Heart_Shape/02-rectangle-shape-red.png differ
diff --git a/content/tutorials/Heart_Shape/03-layers-dialog-after-merge.png 
b/content/tutorials/Heart_Shape/03-layers-dialog-after-merge.png
new file mode 100644
index 00000000..a71317ca
Binary files /dev/null and b/content/tutorials/Heart_Shape/03-layers-dialog-after-merge.png differ
diff --git a/content/tutorials/Heart_Shape/04-rotate-shape.png 
b/content/tutorials/Heart_Shape/04-rotate-shape.png
new file mode 100644
index 00000000..e478f96a
Binary files /dev/null and b/content/tutorials/Heart_Shape/04-rotate-shape.png differ
diff --git a/content/tutorials/Heart_Shape/05-duplicated-layers.png 
b/content/tutorials/Heart_Shape/05-duplicated-layers.png
new file mode 100644
index 00000000..278c86f8
Binary files /dev/null and b/content/tutorials/Heart_Shape/05-duplicated-layers.png differ
diff --git a/content/tutorials/Heart_Shape/06-layers-flipped.png 
b/content/tutorials/Heart_Shape/06-layers-flipped.png
new file mode 100644
index 00000000..a2f368b1
Binary files /dev/null and b/content/tutorials/Heart_Shape/06-layers-flipped.png differ
diff --git a/content/tutorials/Heart_Shape/07-image-flipped.png 
b/content/tutorials/Heart_Shape/07-image-flipped.png
new file mode 100644
index 00000000..c9751617
Binary files /dev/null and b/content/tutorials/Heart_Shape/07-image-flipped.png differ
diff --git a/content/tutorials/Heart_Shape/08-moved-layers-to-align-shape.png 
b/content/tutorials/Heart_Shape/08-moved-layers-to-align-shape.png
new file mode 100644
index 00000000..49b07e24
Binary files /dev/null and b/content/tutorials/Heart_Shape/08-moved-layers-to-align-shape.png differ
diff --git a/content/tutorials/Heart_Shape/09-final-shape-layers.png 
b/content/tutorials/Heart_Shape/09-final-shape-layers.png
new file mode 100644
index 00000000..c72cb778
Binary files /dev/null and b/content/tutorials/Heart_Shape/09-final-shape-layers.png differ
diff --git a/content/tutorials/Heart_Shape/10-final-result.png 
b/content/tutorials/Heart_Shape/10-final-result.png
new file mode 100644
index 00000000..bb6f28ff
Binary files /dev/null and b/content/tutorials/Heart_Shape/10-final-result.png differ
diff --git a/content/tutorials/Heart_Shape/index.md b/content/tutorials/Heart_Shape/index.md
new file mode 100644
index 00000000..1e260c9b
--- /dev/null
+++ b/content/tutorials/Heart_Shape/index.md
@@ -0,0 +1,125 @@
+Title: Heart Shape
+Date: 2021-07-16T16:40:00-05:00
+Modified: 2021-07-16T16:40:05-05:00
+Author: GIMP Team
+Summary: Create a heart shape
+
+## Intention
+
+This tutorial is aimed to teach you to create a heart shape in GIMP using selections.
+
+## Step 1
+
+Fire up GIMP and create a new image. I used a white background at 400px by 400px and no specific other 
settings changed.
+
+## Step 2
+
+Create a new transparent layer.
+
+## Step 3
+
+Select the tool (Ellipse Select Tool) or on keyboard press <kbd>E</kbd>
+In the tool options select 'Fixed' - Aspect ratio
+
+Draw first circle shape and fill selection with red color. See below image:
+
+<figure>
+<img src="{filename}01-circle-shape-red.png" alt="Heart Shape" />
+</figure>
+
+## Step 4
+
+Deselect the shape by going to: right click -> Select -> None
+or <kbd>Shift+Ctrl+A</kbd> on keyboard.
+
+## Step 5
+
+Create another transparent layer
+
+## Step 6
+
+Select the Rectangle Select Tool or press <kbd>R</kbd> on keyboard
+
+Make the selection from the about the middle of the circle and down.
+And fill with red color:
+
+<figure>
+<img src="{filename}02-rectangle-shape-red.png" alt="Heart Shape" />
+</figure>
+
+## Step 7
+
+Deselect the shape by going to: right click -> Select -> None
+or <kbd>Shift+Ctrl+A</kbd> on keyboard.
+
+## Step 8
+
+Right click the layer for the rectangle shape and select "Merge down" so it merges with the layer
+of the circle shape. See layers dialog example below:
+
+<figure>
+<img src="{filename}03-layers-dialog-after-merge.png" alt="Heart Shape" />
+</figure>
+
+## Step 9
+
+Select the tool "Rotate Tool" or press Shift+R on keyboard and click the layer to rotate which is the
+red shape dialog.
+
+In the dialog, change the Angle to be 45. See image below:
+
+<figure>
+<img src="{filename}04-rotate-shape.png" alt="Heart Shape" />
+</figure>
+
+NOTE! I have changed the settings for the tool to be "Direction: Normal (Forward)" therefore my shape is
+forwarded rotated then backward. In general it does not matter because we are going to duplicate and move
+layers around in next step. The main part is only to have it rotated.
+
+## Step 10
+
+In layers dialog duplicate the shape layer. See image below:
+
+<figure>
+<img src="{filename}05-duplicated-layers.png" alt="Heart Shape" />
+</figure>
+
+## Step 11
+
+Select the tool: Flip Tool or press <kbd>Shift+F</kbd> on keyboard and Flip the new shape. See below:
+
+<figure>
+<img src="{filename}06-layers-flipped.png" alt="Heart Shape" />
+</figure>
+<figure>
+<img src="{filename}07-image-flipped.png" alt="Heart Shape" />
+</figure>
+
+## Step 12
+
+Select the tool: Move Tool or press <kbd>M</kbd> on keyboard.
+
+Move one of the layers so they align at the bottom of the shape
+(NOTE: you can move the layer with the arrow keys on the keyboard also). See below:
+
+<figure>
+<img src="{filename}08-moved-layers-to-align-shape.png" alt="Heart Shape" />
+</figure>
+
+Almost done! Now lets merge the shape together.
+
+## Step 13
+
+In the top layer for the shape. Right click the layer and press "Merge Down".
+
+<figure>
+<img src="{filename}09-final-shape-layers.png" alt="Heart Shape" />
+</figure>
+
+## Final step
+
+Last lets fix the layer boundaries. Right click the shape layer and press "Layer to Image Size"
+
+<figure>
+<img src="{filename}10-final-result.png" alt="Heart Shape" />
+</figure>