Tutorial 2: Creating Life! Making a Heart
Power Up and Collectible: Lesson Two
In this tutorial we are going to make another common Pick up and Valuable Asset,
The Heart, Representing Life/Lives
Things you will learn in this Lesson:
Changing Nodes to Path (Custom Shapes)
Custom Movement of Nodes
Outset
Union (Combining Shapes into One)
Step 1: Now to start we are going to create two circles, And Place them like in the picture below.
Remember we can create “Perfect” Circles by Holding CTRL as we drag out a circle with the CIRCLE TOOL. Also the Second Circle can just be DUPLICATED (CTRL + D) to create a clone of the original circle. So go ahead and place the Circles as shown below.
Step 2: Now we will create a square, Again holding CTRL to make it Perfect. Make it roughly the same size as the width of the Circles. Click on the Square with the SELECT TOOL (Black arrow), Then click on the Square again. This will bring up the arrows indicated in the picture below. While holding CTRL drag the Square around and make a Diamond shape.
Step 3: Place the Diamond Shape Like the picture below, By Dragging it to the right postion.
Step 4: For this Part we want to make the diamond a custom shape, To add Nodes to basic shapes, Just press CTRL+SHIFT+C. Then Select the Node Tool (The One under the Black Arrow(Select Tool),
And drag the Top most Node down, Until it bring the peak of the diamond into the circles like below. Then we want to make all the Shapes one Shape, To do this select the 2 Circles and the Diamond Shape and Select on the Top menu, Path and the Union.
This will turn the 3 Shapes into One Shape.
Step 5: Once the Shape is a whole Shape, We want to duplicate it 2 Times (Change the colour makes it easier to know which is the duplicates). Drag the Second Duplicate a bit to the Right like the Picture Below.
Then Select both of the Duplicates (Remember to shift+Left click to select multiple Shapes) and Select Path, Difference.
This will cut the Shape into a Highlight which will be next.
Step 6: Change this cut piece to a nice light shade of Red, Or Pink to act as a highlight to the Main heart. Also this covers the Heart Outline, So Just Duplicate the Main Heart and Remove the Fill (Hit the X at the bottom with all the colours)
Step 7: Now we are going to create a Oval shape, To do this just select the circle tool and drag it out (Without Holding CTRL this time).
Then rotate it as with the diamond, and place like in the picture below.
Then you can duplicate the Oval and scale it down,
And the place it as the Picture Below
Step 8: Now we are going to Duplicate the Main Heart and scale it down,
Place it where you think looks good (Like in the Picture) And remove the Stroke Line (As per last Tutorial (Press CTRL + SHIFT+ F to bring up the Colour Box, Go to Stroke and Click the X)
Step 9: So for this Tutorial we will learn how to use an Outset, To add a bit of flair.
So we will create a Grey Box for a background, And Place it behind the Heart (Hit Page Down to send it backwards through Layers).
Step 10: Now to create an Outset we Duplicate the Heart Shape (The main one), Colour it White and Remove the Stroke. With it Selected Click Path, And Find the Outset as In the picture. Click this Option Twice and you will notice the Heart shape expanding.
Step 11: Then send the White Heart behind the Main Heart (With Page Down) and there you have it!
You have made a valuable asset for any game...Life!!
Great work and look at tackling some more of these!
You can Donate $0.99 to also get the SVG for this Lesson,
To study how I have done it.
Thanks for doing this Lesson
Daniel
WRGFX