Jump to content

Recommended Posts

On YouTube  I watched a video by ~ f64 ~ called ~ 'Completely TRANSFORM any photo with the Diamond Gradient in Photoshop' ~ Everything about it was not only interesting and useful too. Everything that is except, that he was using 'Photoshop'  ~ not Affinity Photo.  Having had a quick look, I cannot find a 'Diamond Gradient' on the Gradient drop down along with  all the others… So-oooh…… I was wondering if it was hidden somewhere? Or, if that's not the case, then is it possible to do some-kind-of-a-work-around to create the exact same end result and thereby have my own Diamond Gradient to hand, whenever I needed it.  Or… is there something, which is "Similar" within Affinity Photo that I just don't yet know about? & if so, where is it?  

Thanks in advance for any help or advise given.

Share this post


Link to post
Share on other sites
37 minutes ago, Digbydo 2 said:

On YouTube  I watched a video by ~ f64 ~ called ~ 'Completely TRANSFORM any photo with the Diamond Gradient in Photoshop' ~ Everything about it was not only interesting [but] useful too.

Speaking of ‘useful’, if you’re referring to a publicly available resource such as a YouTube video it’s useful to provide a link to it so that other users can see what you see.

https://youtu.be/yWi8fDQM35Q

As far as I’m aware, it’s not possible to use Photoshop gradient (*.grd) files in Affinity Photo.


Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.4.186 • Designer for iPad 1.8.4.4 • iPadOS 13.6 (iPad Air 2)

Share this post


Link to post
Share on other sites
  1. Create a square shape using the rectangle tool
  2. Add a gradient diagonally and set the colour and opacity of each colour you want.
  3. select the move tool and move the rotation point to the bottom right corner of the square
  4. Power duplicate (cmd + J) and rotate the duplicate 90º
  5. Press Cmd + J twice more
  6. Now merge the four squares to have a diamond overlay
  7. Change blend modes and opacities to suit.
  8. Save the overlay as an Asset to reuse when you want

You could also turn the first square you make into a symbol before you duplicate so you can edit the colours as you please.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

Additionally to firstdefence's recipe: if you add a mid color to the single linear gradients you need two layers per diamond gradient only.

1584568285_diamondgradients.jpg.524970e3528b738065bea4eb0ba9db9c.jpg


macOS 10.14.6, Macbook Pro Retina 15" + Eizo 24", Affinity in Separated Mode (documents merged)

Share this post


Link to post
Share on other sites

@Digbydo 2 , or you could use the FX outline effect set to contour. That gives you the diamond. Rotate the shape for the angle. Soft light is set on the layer or in the FX panel.
If your image is square you can go from color to color, but if it's rectangular go from one color 100% opacity to itself at 0% opacity and combine it with a canvas sized shape of the second color. Move/scale the diamond wherever you want.

733468713_diamondgradient.png.0b80eed3cfe1afd4cb5033a9bd02fc2a.png

1183608830_diamondgradientsunset.png.fa703684140eef9ee77cda0f7ceab387.png

Share this post


Link to post
Share on other sites

Wow I wasn't expecting that.  Thank you Jimmy Jack,  I'll give it a go once I've sussed out the other versions from firstdefence & thomaso.  Thanks again 👍

Share this post


Link to post
Share on other sites
On 8/1/2020 at 1:01 PM, firstdefence said:
  1. Create a square shape using the rectangle tool
  2. Add a gradient diagonally and set the colour and opacity of each colour you want.
  3. select the move tool and move the rotation point to the bottom right corner of the square
  4. Power duplicate (cmd + J) and rotate the duplicate 90º
  5. Press Cmd + J twice more
  6. Now merge the four squares to have a diamond overlay
  7. Change blend modes and opacities to suit.
  8. Save the overlay as an Asset to reuse when you want

You could also turn the first square you make into a symbol before you duplicate so you can edit the colours as you please.

I have now followed your instructions and all seems well except I'm not too sure how to turn the first square into a 'Symbol' which obviously it'd be great to do as I would like to edit the colours later. Any instructions on how to do it would be most welcome ~ thank you

Share this post


Link to post
Share on other sites
  1. Make sure the symbols panel in active View > Studio: Symbols
  2. Select the first square
  3. On the symbols panel, click Create 

You can now continue from step 4.

Just a note: if you have multiple objects making a single object, i.e. a head, group them first else you will get more symbols than you bargained for lol! same goes for Assets.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
14 minutes ago, Digbydo 2 said:

I have now followed your instructions and all seems well except I'm not too sure how to turn the first square into a 'Symbol' which obviously it'd be great to do as I would like to edit the colours later. Any instructions on how to do it would be most welcome ~ thank you

 

4 minutes ago, firstdefence said:
  1. Make sure the symbols panel in active View > Studio: Symbols
  2. Select the first square
  3. On the symbols panel, click Create 

You can now continue from step 4.

Just a note: if you have multiple objects making a single object, i.e. a head, group them first else you will get more symbols than you bargained for lol! same goes for Assets.

Thank you for your instructions plus the added hints and tips ~ most helpful ~ most helpful.👍

Share this post


Link to post
Share on other sites

If you get fine lines between the squares you can edit the coverage map.

image.png.fbdc5db78718793fc980b3145f6cd2ab.png

 

image.png.652c16e3c41133791463483179569b46.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
6 minutes ago, firstdefence said:

If you get fine lines between the squares you can edit the coverage map.

image.png.fbdc5db78718793fc980b3145f6cd2ab.png

 

image.png.652c16e3c41133791463483179569b46.png

Wow! thanks for going to all the trouble and getting the diagrams 'n screenshots 'n all ~ I'm getting a much clearer idea now ~ Thanks again

Share this post


Link to post
Share on other sites
17 hours ago, Digbydo 2 said:

 

Thank you for your instructions plus the added hints and tips ~ most helpful ~ most helpful.👍

Hiya Firstdefense, Sorry to be a pain in the what's-it… but…  I've gone View > Studio >>> expecting to find  'Symbols' but damn-it it's is not on the listing ~ there's just… Scope, Snapshots Sources, Stock, Style & Swatches.  Any ideas where it is or is it hidden somewhere else?

Share this post


Link to post
Share on other sites
14 minutes ago, Digbydo 2 said:

Hiya Firstdefense, Sorry to be a pain in the what's-it… but…  I've gone View > Studio >>> expecting to find  'Symbols' but damn-it it's is not on the listing ~ there's just… Scope, Snapshots Sources, Stock, Style & Swatches.  Any ideas where it is or is it hidden somewhere else?

@firstdefence apparently forgot that you’re using Affinity Photo. The ‘Symbols’ feature is only available in Designer.


Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.4.186 • Designer for iPad 1.8.4.4 • iPadOS 13.6 (iPad Air 2)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.