cpt-city color ramps

[ivanozzo]

Hi All, I want to share these color ramps that you can easily use with affinity software:

http://soliton.vm.bytemark.co.uk/pub/cpt-city/

have a nice day

Ivan

 

[Ic3man]

These are amazing.

[melior64]

Is there a quick method for importing gradient images like these?

[melior64]

Update, found a method and thought I'd make a quick tutorial to share with others, you can find it in the forum thread here or in the quote below:

Just now, melior64 said:

I recently saw this post by @ivanozzo sharing a great resource for gradients and colour ramps, but I couldn't figure out how to easily use the eyedropper tool with the gradient in order to copy them into Affinity Photo.

After a long time playing around, eventually I sussed it out - so here's a tutorial for anyone else who needs this!

 

[Wosven]

Nice tutorial @melior64

But it can be easier if you copy the gradient image from the site, and use the option File > New from clipboard.

With this, you've got a file of the same larger as the gradient, you only need to enlarge you canvas' height to add a fill layer below. This way, you'll be able to easily pick the colours where they change.

Once you've got a file, you just need to paste another gradient at the top and modify the gradient.

 

Another tip with the gradient tool: don't use the gradient panel, but the Gradient tool and draw your gradient on the fill layer (AP, or a rectangle in AD) from left to right. You can add dots for colours on your gradient at the right position and pick the colour once the dot is selected.

[melior64]

Wow! Thanks @Wosven, that was much easier and a lot more accurate!

(Image is the top part, gradient is below the red line)

[Wosven]

Nice! And an interesting point is we don't need to switch to the colour picker to pick a colour, we just need to click in the image!

But we need the gradient panel to adjust middle point in gradients like the one in my previous post.

[Wosven]

Since you can dowload those gradients as SVG, it's easier to open those files in AD or AP, swith to the Gradients palette and add them.

[ivanozzo]

On 8/21/2019 at 11:16 AM, melior64 said:

Is there a quick method for importing gradient images like these?

Hi, thanks for sharing this tutorial.

My workflow:

1) I generally read the stops and colors values from the .c3g file

 

2) I set-up the gradient tool with stop positions and colors (I generally use that in the adjustment)

3) I register a macro that applies this gradient

4) I add the macro to the Library (maybe inside a category, for example Hillshade):

But as you can see we don't have the gradient preview in this way.

Few days ago I've also created two excel files with all the gradients (using a Python script) from the cpt-city package (http://soliton.vm.bytemark.co.uk/pub/cpt-city/pkg/) 

But, I don't know if I can share these files in this forum, due to a license problem (each author has its own license)

Improvements we need for the adjustment gradient tool:

- The possibility to add float values in the stops.

- The possibility to insert opacity for each color

- The possibility to import gradients from  .cpt, svg ecc... 

 

 

 

[Wosven]

2 hours ago, ivanozzo said:

The possibility to import gradients from  .cpt, svg ecc

You can already do it:

[melior64]

That's really useful!! Ok one more question on the topic of gradients @Wosven, do you know of any way to use saved swatch gradients in a Gradient Map Adjustment Layer?

[Wosven]

It's not possible, but it would be nice to be able to save gradient maps and load gradients in gradient maps!

You should ask this in the features' part of the forum.

[melior64]

Thanks! Just posted here :

Thanks so much for all of your help with this!

[ivanozzo]

Hi All, 

I've made a little PyQT application (for Windows) to preview and export the cpt-city color ramps.

The main pages:

https://github.com/ivandorte/CptCityViewer/

Updated download link:

https://github.com/ivandorte/CptCityViewer/releases/download/v1.0.1/CptCityViewer_1.0.1.zip