It is currently Fri Apr 26, 2024 11:59 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 31 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: Tutorial: Paint with a Gradient
PostPosted: Fri Jun 18, 2010 8:50 pm  (#1) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Painting with a gradient can make some very pretty effects in text and also in shapes.

Download the Display font from here. I used DisplayOTF.otf for the one in this tutorial, not the 3d one.
http://www.dafont.com/display-otf.font

The Foggy Circle brush is attached below. Right-click the attachment and save it to your Gimp brushes folder.

You will need to refresh your fonts and brushes or close and reopen GIMP after installing them.

Image

  1. Make a new image, 400x200, and fill it with white.

  2. Select the Text tool.
    Display OTF font
    Size 150

  3. Type Gimp.
    Layer > Autocrop Layer.
    Select the Alignment Tool and click in the text. Dots will show in the corners.
    Click the Center and Middle buttons in the Alignment tool options.

  4. Right-click the Gimp (text) layer
    Select Layer to Image size.

  5. Right-click the Gimp layer again.
    Alpha to selection
    Select > Shrink 2.
    Select > To Path. (Saving it to a path is not totally necessary but if you should lose your selection you can get it back by Select > From Path.)

  6. Make a new transparent layer and name it, paint.
    Make sure it is the layer selected.

  7. Select the Paintbrush tool.
    Foggy Circle brush
    Size: 0.50. The smaller size gets more colors into your text.
    Check Use color from gradient in the Paintbrush options.
    Gradient: Full saturation spectrum CCW.

    Image

  8. Holding down the left mouse button, start painting the selection.
    Move the brush around a lot, still holding the left mouse button down, all directions until satisfied with the colors.
    As you paint, you will see how the colors go on and will get ideas of how you want it.
    Different painting directions with the brush gives you different colors.
    Paint all of the selected areas.

    Image

  9. When you are finished painting, Select > None.

  10. Select the white background layer.
    Select the Blend tool.
    In the Shape selections, choose Spiral (cw)
    Check the Adaptive supersampling option
    Paint diagonally from the upper left corner to the lower right corner.

  11. Select the Gimp layer.
    Filters > Drop Shadow > use the default selections.
    X & Y = 8
    Blur radius 15
    Opacity 80

  12. You are finished. You can merge the layers and save your new image.

You can use the FG and BG colors for a pretty blend, too. This one I used 8b01ae for the FG color and e791fd for the BG color and painted with it. For the Background layer, in the Blend tool options in Shape, I used Shaped (spherical) and checked the reverse arrows.

Image

You needn't use only the Foggy Circle brush. Try some of the other brushes you have for interesting effects. Try other fonts, gradients and drop shadows.

Image

Download a PDF of the tutorial.


Attachments:
Paint with a Gradient Tutorial.pdf [408 KiB]
Downloaded 551 times
foggycircle.gbr [33.1 KiB]
Downloaded 585 times
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: Tutorial: Paint with a Gradient
PostPosted: Fri Jun 18, 2010 10:04 pm  (#2) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
Oooh, I need to know how you did the font in the last one...l like the "oil slick" look! Ooops, forgot the drop shadow. Oh well.

here is my tut outcome...
Image


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sat Jun 19, 2010 12:11 am  (#3) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
2-ton wrote:
Oooh, I need to know how you did the font in the last one...l like the "oil slick" look!
The font is what makes it look that way. I think I made it size 160. I treated it the same way as the other font though.

I used EFN Black Chrome font
http://www.dafont.com/efn-black-chrome.font

Nice work on your text, Toni. Thanks for trying my tutorial.

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sat Jun 19, 2010 8:57 am  (#4) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
nice font, thanks for the link!
this looks good in other colors, too!
Image


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sat Jun 19, 2010 9:55 am  (#5) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
very nice Toni.....

_________________
Image


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sat Jun 19, 2010 10:23 am  (#6) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
2-ton wrote:
this looks good in other colors, too!
That's really nice Toni. Gives a great, metallic look. Tried an O in gold. I shrank the selection only 1 pixel.

Image

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sat Jun 19, 2010 11:57 am  (#7) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
those are very pretty guys.... woo hoo
I used some different colors.ImageImage

Thank you "O" for the very nice tute

_________________
Image


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sat Jun 19, 2010 12:01 pm  (#8) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Those are great, Molly! Thanks for trying my tut. :-D

This font made an interesting metallic-looking text.

http://www.dafont.com/budmo.font

I painted with the same gradient (Tropical Colors) I used for the background. The back ground gradient was done using the conical (sym) shape.

I made a new layer below the text and named it solid text. Then selected around the text and the hole in the P with the fuzzy select tool. I grew the selection by 1 pixel, then inverted and selected the new layer below the text and filled it with solid black. I used the solid text to make the drop shadow, then alpha to selection with the solid text, selected the drop shadow layer and deleted. I hid the solid text layer. Now the background could show through the holes in the font without the drop shadow obscuring them.

To me it looks like colors are reflecting off metal letters.

Image

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sat Jun 19, 2010 5:35 pm  (#9) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
very nice "O".... like the font

_________________
Image


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sat Jun 19, 2010 11:51 pm  (#10) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
that really does look like metal strapping!


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sun Jun 20, 2010 5:19 pm  (#11) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Quote:
I made a new layer below the text and named it solid text. Then selected around the text and the hole in the P with the fuzzy select tool. I grew the selection by 1 pixel, then inverted and selected the new layer below the text and filled it with solid black. I used the solid text to make the drop shadow, then alpha to selection with the solid text, selected the drop shadow layer and deleted. I hid the solid text layer. Now the background could show through the holes in the font without the drop shadow obscuring them.

To me it looks like colors are reflecting off metal letters.


I did this step by step and when I deleted the black drop shadow layer, it took away the shadow as seen below
Image
Okay, I finally got it solved with "O's" help. Thank you O....
Image

_________________
Image


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Mon Jun 21, 2010 4:13 pm  (#12) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Those are very pretty, Molly. I particularly like your background on the pastel-colored one. Nice job!

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Tue Jun 22, 2010 2:18 pm  (#13) 
Offline
GimpChat Member
User avatar

Joined: Apr 30, 2010
Posts: 1937
Location: Missouri
I like all of these tuts, I wish they were also available in PDF. When I want to keep one now i have to print it into a pdf, then edit the pdf and remove all of the stuff I don't want then save it back to a pdf. usually it's worth the effort. it's gotten so that I use PDFs a lot, i use them for tests when I print things to save paper and ink and i use them for storing things I find online. PDf's are the only redeeming quality of Adobe.

_________________
Image
The last time I kept an open mind,
my brain fell out and the dog grabbed it.
Now it's full of dirt, toothmarks, and dog slobber.
No more open minds or dogs for me.


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Tue Jun 22, 2010 9:16 pm  (#14) 
Offline
GimpChat Member
User avatar

Joined: Apr 30, 2010
Posts: 1937
Location: Missouri
But then as an afterthought. Since I convert them into pdfs I can easily post them here in case anybody else wants them.

_________________
Image
The last time I kept an open mind,
my brain fell out and the dog grabbed it.
Now it's full of dirt, toothmarks, and dog slobber.
No more open minds or dogs for me.


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Wed Jun 23, 2010 11:28 am  (#15) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Gms9810 wrote:
But then as an afterthought. Since I convert them into pdfs I can easily post them here in case anybody else wants them.
That would be very nice of you. :tyspin

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sun Jul 04, 2010 4:31 am  (#16) 
Offline
GimpChat Member

Joined: Jul 01, 2010
Posts: 75
This is mine.I didn't used any shadow.I used outer glow,for the round effect of the letters.
To use glow,You will need(if You are not having it yet),the FX-foundry scripts.
It is a plugin with plethora of effects,such as,animation,artistic,image-layer effects,light and shadow,photo,shapes and other effects.it is very good.

To download use this link:http://gimpfx-foundry.sourceforge.net/

Image


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sun Jul 04, 2010 6:45 am  (#17) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
very effective alek

_________________
Image


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Sun Jul 04, 2010 9:54 am  (#18) 
Offline
GimpChat Member

Joined: Jul 01, 2010
Posts: 75
molly wrote:
very effective alek

Yes it is!


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Mon Oct 20, 2014 3:52 am  (#19) 
Offline
GimpChat Member
User avatar

Joined: Apr 26, 2014
Posts: 3541
Location: belgium
Image


Top
 Post subject: Re: Tutorial: Paint with a Gradient
PostPosted: Mon Oct 20, 2014 1:13 pm  (#20) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Another old tutorial revived. Very nice, gimper66. :paint

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
Post new topic Reply to topic  [ 31 posts ]  Go to page 1, 2  Next

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Oregonian's Spiky Spiral Gradient Tutorial

6

No new posts Attachment(s) A guide to use Free Paint 2023 Filter (tutorial PDF)

1

No new posts MS Paint

8

No new posts Paint brush lag

3

No new posts Attachment(s) Palette To Gradient

4



* Login  



Powered by phpBB3 © phpBB Group