It is currently 13 Jul 2020, 21:00

• Featuring Members' Works (Image Attachments) •
1: member
2: member
3: member
4: member
5: member

GIMP/GL:  🡆 Tutorials | Tips | Questions | Interests | Script Requests
Recommendations:  Index | Top 10
Resources:  Python-Fu Plug-ins | Scheme-Fu Scripts | GIMP
Python:  Lessons | Questions | Exercises
The Arts:  GIMPed | GIMPed Photos | Other | Contests | Public Domain Images | Isolated Images | Blender
Inkscape
Social:  Say Hello | Anything Goes | Shares | FCSP

How to quickly create a gradient

GIMP Tutorials
Forum rules
Tutorials must be created by you and your own idea.
If you got idea from elsewhere and revised your own version of tutorial, please include reference and credit original authors.
For example if you found a Photoshop tutorial and wanted to write a GIMP version, you must credit the original Photoshop tutorial.
Post Reply
trandoductin
Forum Member

How to quickly create a gradient

Post#1 by trandoductin » 26 Sep 2016, 06:26


I thought this was such an amazing knowledge to gain if you work with gradients.

How To Quickly create a gradient
1. Select menu Windows -> Dockable Dialogs -> Gradients (or Ctrl-G on Windows)
2. Click on second icon on bottom of window (icon that looks like a sheet of paper) to create New Gradient.
3. You'll be taken to the Gradient Editor window of the new Gradient.
4. Now drag a color of your choice (you may change it first before dragging) (foreground or background color) on to the Gradient and let go anywhere to add a stop of that color.
5. To change a stop color, drag a color onto one of the existing black triangles (gradient handles).
T.
please don't message me, message tim(admin) instead as I am tim(admin). I don't check this account very often.
To message tim(admin), click here. Thanks.
0

Pat625
Tutorial Creator

Post#2 by Pat625 » 03 Oct 2016, 02:33


Tin,
How do you make a softer transition from one color to another?
Gradient made in Gimp.jpg
Gradient made in Gimp.jpg (18.35 KiB) Viewed 4894 times
0

trandoductin
Forum Member

Post#3 by trandoductin » 03 Oct 2016, 02:56


Pat, I think you played with step 5 (of the below steps), and happen to move a white triangle (mid point) too close to a black triangle. That's why you have sharp color transition and not smooth, you should try step 6 (of the below steps) and onward.

1. Create new gradient (by clicking on sheet of paper looking icon in the Gradients window).
quickly_create_gradient_smooth_01.png
quickly_create_gradient_smooth_01.png (11.38 KiB) Viewed 4892 times
2. Drag a color onto gradient generally where we want it (here we're starting on the left heading to the right and we add red)
quickly_create_gradient_smooth_02_red.png
quickly_create_gradient_smooth_02_red.png (11.68 KiB) Viewed 4892 times
3. Drag another color onto gradient a bit further to the right
quickly_create_gradient_smooth_03_blue.png
quickly_create_gradient_smooth_03_blue.png (12.03 KiB) Viewed 4892 times
4. Drag another color onto gradient a bit further to the right
quickly_create_gradient_smooth_04_green.png
quickly_create_gradient_smooth_04_green.png (58.98 KiB) Viewed 4892 times
5. Continue adding colors as we like (but for this example we'll stop here). Now you play with triangle handles to shift colors around.
quickly_create_gradient_smooth_05_play_with_triangle_handles.png
quickly_create_gradient_smooth_05_play_with_triangle_handles.png (11.02 KiB) Viewed 4892 times
6. If you just want evenly smooth transition, click the far right section of the handles (between the furthest left black triangle and the black triangle next to it).
quickly_create_gradient_smooth_06_select_far_left_section.png
quickly_create_gradient_smooth_06_select_far_left_section.png (12.12 KiB) Viewed 4892 times
7. Hold Shift (on Windows) and click the far right section of the handles (between the furthest right black triangle and the black triangle next to it).
quickly_create_gradient_smooth_06_shift_click_far_right_section.png
quickly_create_gradient_smooth_06_shift_click_far_right_section.png (13.07 KiB) Viewed 4892 times
8. Right click gradient, and select "Redistribute Handles in Selection"
quickly_create_gradient_smooth_06_right_click_redistribute_handles_in_selection_.png
quickly_create_gradient_smooth_06_right_click_redistribute_handles_in_selection_.png (36.89 KiB) Viewed 4892 times
9. And the result is an evenly smooth gradient from one color on to the next and so on.
quickly_create_gradient_smooth_07_resulting_gradient.png
quickly_create_gradient_smooth_07_resulting_gradient.png (59.96 KiB) Viewed 4892 times
10. If you want even smoother transition than the default linear blending function.
Right click gradient, Select "Blending function for selection" and select "Sinusoidal".
quickly_create_gradient_even_smoother_08_right_click_blending_function_for_selection_sinusoidal.png
quickly_create_gradient_even_smoother_08_right_click_blending_function_for_selection_sinusoidal.png (36.21 KiB) Viewed 4892 times
11. Here's the sinusoidal blending option's result. very smooth transition over whole gradient.
quickly_create_gradient_even_smoother_08_sinusoidal_result.png
quickly_create_gradient_even_smoother_08_sinusoidal_result.png (54.22 KiB) Viewed 4890 times
T.
please don't message me, message tim(admin) instead as I am tim(admin). I don't check this account very often.
To message tim(admin), click here. Thanks.
0

Pat625
Tutorial Creator

Post#4 by Pat625 » 09 Oct 2016, 01:47


Thanks, Tin. I'll have to practice with that again.
0

trandoductin
Forum Member

Post#5 by trandoductin » 09 Oct 2016, 02:46


I hope my steps are easy to follow.
T.
please don't message me, message tim(admin) instead as I am tim(admin). I don't check this account very often.
To message tim(admin), click here. Thanks.
0

Meemaw
Forum Member

Post#6 by Meemaw » 20 Oct 2016, 16:18


trandoductin wrote:I hope my steps are easy to follow.
Great instructions! It worked really well for me... :gimp_clap:
Attachments
CreateGradient.png
CreateGradient.png (10.65 KiB) Viewed 4846 times
Image
Never stop learning! :happy_purple:
0

Pat625
Tutorial Creator

Post#7 by Pat625 » 27 Oct 2016, 21:54


Meemaw, yours looked so nice I thought I would try this again. Nice way to control what colors you want in your image if you have made them yourself!
Reds&Pinks Gradient.JPG
Reds&Pinks Gradient.JPG (24.65 KiB) Viewed 4800 times
I tried it out first to see what it would look like before I decided to keep it.
RedsPink.jpg
RedsPink.jpg (47.77 KiB) Viewed 4800 times
Thanks, Tin, for such a nice easy tutorial. Instructions were perfect!
0

trandoductin
Forum Member

Post#8 by trandoductin » 27 Oct 2016, 22:08


glad you understood my steps. :D
T.
please don't message me, message tim(admin) instead as I am tim(admin). I don't check this account very often.
To message tim(admin), click here. Thanks.
0

Issabella
Script Tester

Post#9 by Issabella » 04 Jul 2017, 17:49


I did it! I like the result! Thanks Tin, your tutorial was a great help. :happy_purple: :gimp_clap:
Attachments
My Gradient Result.JPG
My Gradient Result.JPG (27.04 KiB) Viewed 3375 times
Issabella

Don’t be afraid to start over. It’s a new chance to rebuild what you want.
0


GIMP/GL:  🡆 Tutorials | Tips | Questions | Interests | Script Requests
Recommendations:  Index | Top 10
Resources:  Python-Fu Plug-ins | Scheme-Fu Scripts | GIMP
Python:  Lessons | Questions | Exercises
The Arts:  GIMPed | GIMPed Photos | Other | Contests | Public Domain Images | Isolated Images | Blender
Inkscape
Social:  Say Hello | Anything Goes | Shares | FCSP

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Who is online

Users browsing this forum: No registered users and 11 guests