It is currently 19 Feb 2018, 01:59

GIMP TutorialsHow to quickly create a gradient (Showcase | Slideshow)

GIMP Tutorials
User avatar
trandoductin

Forum Member
View: Showcase | Slideshow
Topic Posts: 4/9
Posts: 189
Joined: 26 Sep 2016, 00:21
Cash on hand: 317.58 GLP
Gender: Guy
Location: Canada
Website: https://gimplearn.net
x 7
Contact:
Canada

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).
0 x



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.

Registered members enjoy ads-free content
User avatar
Pat625
Script Tester
View: Showcase | Slideshow
Topic Posts: 3/9
Posts: 2226
Joined: 28 Sep 2016, 03:35
Cash on hand: 13,183.01 GLP
Gender: Gal
Location: USA
Operating System: Windows
GIMP Version: 2.8.22
x 8
x 465
United States of America

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 1666 times (Watermarked | Thumbnail)
0 x




User avatar
trandoductin

Forum Member
View: Showcase | Slideshow
Topic Posts: 4/9
Posts: 189
Joined: 26 Sep 2016, 00:21
Cash on hand: 317.58 GLP
Gender: Guy
Location: Canada
Website: https://gimplearn.net
x 7
Contact:
Canada

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 1664 times (Watermarked | Thumbnail)
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 1664 times (Watermarked | Thumbnail)
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 1664 times (Watermarked | Thumbnail)
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 # (12.3 KiB) Viewed 1664 times (Watermarked | Thumbnail)
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 1664 times (Watermarked | Thumbnail)
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 1664 times (Watermarked | Thumbnail)
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 1664 times (Watermarked | Thumbnail)
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 1664 times (Watermarked | Thumbnail)
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 # (11.93 KiB) Viewed 1664 times (Watermarked | Thumbnail)
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 1664 times (Watermarked | Thumbnail)
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 # (10.54 KiB) Viewed 1662 times (Watermarked | Thumbnail)
0 x



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.

User avatar
Pat625
Script Tester
View: Showcase | Slideshow
Topic Posts: 3/9
Posts: 2226
Joined: 28 Sep 2016, 03:35
Cash on hand: 13,183.01 GLP
Gender: Gal
Location: USA
Operating System: Windows
GIMP Version: 2.8.22
x 8
x 465
United States of America

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


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




User avatar
trandoductin

Forum Member
View: Showcase | Slideshow
Topic Posts: 4/9
Posts: 189
Joined: 26 Sep 2016, 00:21
Cash on hand: 317.58 GLP
Gender: Guy
Location: Canada
Website: https://gimplearn.net
x 7
Contact:
Canada

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


I hope my steps are easy to follow.
0 x



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.

User avatar
Meemaw
Forum Member
View: Showcase | Slideshow
Topic Posts: 1/9
Posts: 44
Joined: 15 Oct 2016, 13:56
Cash on hand: 35.83 GLP
Location: Central USA
x 3
x 2
United States of America

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 1618 times (Watermarked | Thumbnail)
0 x



Meemaw
Never stop learning! :happy_purple:

User avatar
Pat625
Script Tester
View: Showcase | Slideshow
Topic Posts: 3/9
Posts: 2226
Joined: 28 Sep 2016, 03:35
Cash on hand: 13,183.01 GLP
Gender: Gal
Location: USA
Operating System: Windows
GIMP Version: 2.8.22
x 8
x 465
United States of America

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 1572 times (Watermarked | Thumbnail)
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 1572 times (Watermarked | Thumbnail)
Thanks, Tin, for such a nice easy tutorial. Instructions were perfect!
0 x




Post Reply

Last 20 Members Who Visited This Topic

User avatar gnerd (2), User avatar Pat625 (4), User avatar Conbagui (3), User avatar tim (2), User avatar RJKD (3), User avatar Issabella (2), SukieKat (1)

  • Similar Topics
    Replies
    Views
    Last post
• Featuring Members' Works (Image Attachments Only) •
1: RJKD
2: tim
3: trandoductin
4: PhotoMaster
5: leopardo-40
6: tim
7: Ella

Who is online

Users browsing this forum: No registered users and 2 guests