It is currently Thu Apr 25, 2024 9:47 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 14 posts ] 
Author Message
 Post subject: He4rty's quick heart tutorial
PostPosted: Sun Nov 17, 2013 3:58 pm  (#1) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
Seeing as my user name is He4rty (Pronounced Hearty), I thought I'd make a quick tutorial on making a heart shape in Gimp, as well as learning how to create a heart quickly and easily this tutorial will hopeful show you some of the ways in which you can use the selection tools.

1. Create a new image in Gimp 512px * 512px and fill with Black, Go>View and just check to make sure "Show Guides" is ticked, if not click on the phrase in the menu. Then Go>Image>Guides>New Guides and add a Horizontal and vertical guide at 256px, Finally Go>Layer>New Layer and Rename Layer to "Heart" and check Transparency then click O.K.

Image

2. From the toolbox select the "Ellipse Select Tool" :elipse and change the settings too,
"Add to Current Selection" :addcur and Check the options "Expand from Centre", "Fixed Aspect Ratio", change the fixed ratio to 4:3, then starting from our guide cross begin to draw an ellipse selection until the first size box shows a value of 384 (I've Highlighted the box in the image below).

Image

3. From the toolbox select the "Rectangle Select Tool" :rectsel and change the setting to "Subtract From Current Selection" :subsel, Nothing else needs to be checked. Starting on the Vertical guide draw a rectangle selection that is larger than the top half of our original ellipse selection.

Image

You should notice that the marching ants around our selection now only shows the bottom half of the original ellipse we created as the selection.

4. From the toolbox select the "Ellipse Selection Tool" again and just change the fixed ratio to 4:2.25, then starting from our guide cross begin to draw an ellipse selection until the first size box shows a value of 384.

Image

You should notice that the marching ants around our selection now shows a very strange looking ellipse shape.

5. From the toolbox select the "Rotate Tool" :rot and change "Transform Mode" to "Selection" :select. Click anywhere on the layer to bring up the "Rotate Tool" dialogue and change rotation to 45 and click rotate.

Image

6. From the toolbox select the "Rectangle Select Tool" :rectsel and change the setting to "Subtract From Current Selection" :subsel, Nothing else needs to be checked. Starting on the Horizontal guide draw a rectangle selection that is larger than the right side of our ellipse selection.

Image

You should notice that the marching ants around our selection now shows half a heart shape.

7. From the toolbox select the "Bucket Fill Tool" :bucket and change your foreground colour to a nice Red (I used FF0000) and fill your Selection.

8. From the toolbox select the "Flip Tool" :flip and change "Affect Mode" to "Selection" :select, Make sure "Horizontal" is checked, then click anywhere on your layer to flip your selection.

Image

9. From the toolbox select the "Bucket Fill Tool" :bucket and fill your new flipped Selection. Go>Select>None to remove the Selection and Go>View and untick "Show Guides", Now sit back and admire your new heart.

Image

Can I encourage you to experiment with the ratio sizes and the rotation amount but just remember your top ellipse needs to have a smaller fixed ratio than your bottom ellipse.

_________________
Image


Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 18, 2013 1:02 pm  (#2) 
Offline
Script Coder
User avatar

Joined: Nov 06, 2012
Posts: 239
Location: Italy
Thanks, he4rty. You brought out another interesting and easy to follow tutorial.

Among other things, now I know how your nickname must be pronounced indeed, while I mentally read it as "He Forty" by mistake so far.

I am attaching a snapshot of the heart shaped selection that I obtained with slightly changing the values of some of the reported settings, as I locked the aspect ratio of the top ellipse to 4:2.75 and set the angle of rotation to 35 degrees.
For causing the heart to come out hollow, I duplicated the relevant layer, scaled the layer copy to 80% and converted its alpha channel to the selection across which I cleared the former layer.
Lastly I locked the alpha channel of the layer containing the hollow heart and filled it with the "Incandescent" gradient, choosing "Shaped (spherical)" as a shape variant.

Image

_________________
Gino D's GIMP scripts: https://sites.google.com/site/ginodonig/gimp-scripts


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 18, 2013 3:42 pm  (#3) 
Offline
Global Moderator
User avatar

Joined: Nov 16, 2011
Posts: 5128
Location: Metro Vancouver, BC
Thanks for the tut he4rty!

Image

Image

_________________
Image
Gimp 2.8.18, Linux, median user
Gimp Chat Tutorials Index
Spirit Bear (Kermode)


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 18, 2013 3:59 pm  (#4) 
Offline
GimpChat Member

Joined: Aug 27, 2010
Posts: 491
Interesting. I've always created hearts using the paths tool, which takes a bit of practice.

Image


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 18, 2013 4:37 pm  (#5) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Nice tute He4rty, made it into a pdf to try later.


Attachments:
He4rty-Heart.pdf [679.24 KiB]
Downloaded 406 times

_________________
Image
Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 18, 2013 4:45 pm  (#6) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
Thank you he4rty and thanks for the PDF Molly.


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 18, 2013 7:45 pm  (#7) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
Gino - Nice results
Odinbc - Like the apple logo!!!
Mike - Nice results.
Molly - Thanks for the pdf.

I'm sure something better could be achieved, have a search for heart puzzle box on the net.

_________________
Image


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 25, 2013 1:44 pm  (#8) 
Offline
GimpChat Member
User avatar

Joined: Nov 24, 2013
Posts: 7
Thanks for this excellent tutorial. The steps are clear and easy to follow and I have nice red heart.


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 25, 2013 7:19 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Aug 16, 2012
Posts: 4271
Location: Göteborg, Sweden
he4rty: this looks like fun :). i've always used the paths tool for heart shapes, but this looks like something i could play around with for some time and get new ideas out of.

_________________


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 25, 2013 7:47 pm  (#10) 
Good job of getting people used to the full features of selections. :bigthup
Ronounours recently added the Hearts option to G'mics Rendering menu too.
Decided to tart up my results with some sprite packing.
Image


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 25, 2013 7:52 pm  (#11) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
You're going to get fed up of hearing me say this but beautiful work again fluffy!


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Mon Nov 25, 2013 7:54 pm  (#12) 
Offline
GimpChat Member
User avatar

Joined: Aug 16, 2012
Posts: 4271
Location: Göteborg, Sweden
fluffybunny: yeah, i agree with erisian, that's really nice looking! good job.

_________________


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Tue Nov 26, 2013 11:23 am  (#13) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
AnMal - Thanks for the Comment
Fluffy - Nice work on the image.

_________________
Image


Top
 Post subject: Re: He4rty's quick heart tutorial
PostPosted: Tue Nov 26, 2013 12:04 pm  (#14) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
fluffybunny wrote:
Good job of getting people used to the full features of selections. :bigthup
Ronounours recently added the Hearts option to G'mics Rendering menu too.
Decided to tart up my results with some sprite packing.
[ Image ]

I really like what you did there Fluffy. The gold background really sets it out against the red. :bigthup

_________________
Image


Top
Post new topic Reply to topic  [ 14 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Quick and Easy Text Tutorial

5

No new posts Attachment(s) Rubikubism Tutorial with Gimp & G'mic V.2 (Quick & Easy PDF)

7

No new posts Attachment(s) Quick Tutorial on Brush Dynamics: Specific Settings

11

No new posts Change From Cross Hair To Pointer (Quick Tip Text Tutorial)

2

No new posts Has anyone heard from He4rty?

0



* Login  



Powered by phpBB3 © phpBB Group