In the Replicate Segment dialog, slide the slider to 2, and press Ok. First thing we have to do is right click on the bottom bar then click on Replicate Segment. Then, select one near the middle, which would be just above the black in my gradient. First, select a color near the top for our foreground color. Now, these gradients are a bit different. Click on the Custom Shape Tool, and then select a new layer style here: and pick one similar to the one we are working with. I will now show you the glossy kind, like this: The flats consist of one color so we don't really need to go over those. The other two types that come with the layer style pack are glossy and flat. Now we're done with this type of gradient. Paste the HTML notation into the HTML Notation box. Go back into Gimp and right click on the bottom bar again. Go back to Photoshop and open up the Background Color Picker by clicking on the background color box. You should now have something like this (although your left color may not be the same): The left color on your gradient should be your foreground color from Photoshop. Paste the HTML notation in the HTML notation box. Right click on the bottom bar (section) and select Left Endpoints Color. Copy the 6 numbers (HTML notation) in the # box. It'll mess you up.Ĭlick on the foreground color box. Try not to select part of the stroke on your gradient. Then select a color furthermost to the bottom of the image, circled in blue, for the background.
With the eyedropper tool, select a color furthermost to the top of the image, circled in red, for the foreground. For the purposes of this tutorial, I will name mine Gradient 1. Instead, go to File -> Dialogs -> Gradients. Now you can easily view your layer style. Your shape should take on the layer style you selected: Now select one of your layer styles by going here: and pick one similar to the one we are working with. Now select the black rectangle shape and click and drag it to a reasonable size on your canvas. I used 300x300 pixels, but it doesn't really matter.
You will also need Photoshop (I used CS3 but it doesn't really matter what version you use.) and you will also need Gimp.įirst, I will show you how to make the regular, two colored gradients, like this:
Here are the layer styles I downloaded, scroll down a bit to find the download link: So now, here's a tutorial on how to convert gradients.
These are the original layer styles by dezinerfolio: Alright, so I was browsing the forums at and Gimper asked in a post to convert the rest of these Photoshop Layer styles to Gimp gradients.all 130 of them.