Pixel Resolution Gradient

[JayTee]

Hi,

I am trying to setup a comic/cartoon image, which has on the left hand side a full (high) resolution look. The further it gets to the right side it should look as if the resolution would decrease, until it has a quite pixel based look (a bit like a Minecraft style) at the outer right hand side

Does anybody has an idea how or if ths can be done in affinity photo.

Thanks in advance

[v_kyr]

Hi and welcome to the forum!

Can you provide some sample image flow for this, so we can get some visual impression of what you want it to look at all then in the end?

[JayTee]

Thanks.

 

The content is about to be created, therefore I took a photo to demonstrate

Here I used 5 steps, but actually I would like to decease the resoluton  from left to right (or right to left) smoothly (not to the extend I did in the phote, but likewise)

[walt.farrell]

For what you have there, several posterization (edit: pixelize?) filters, with different settings, masked to apply to selected areas of the image, might work. But I don't know of a way to make it truly smooth.

[Old Bruce]

Not a great example by here goes, use the Pixelate filter of a bunch of duplicates of the Photo.

Mask them with a brush with either hard or soft edge for a hard to soft translation.

[NotMyFault]

1. Perspective filter to a trapezoid shape
2. Pixelate
3. Inverse Perspective filter (swap src and dst)

in case you want a smooth dpi gradient.

 

 

smooth dpi change.afphoto

Edited December 6, 2021 by NotMyFault

[NotMyFault]

In case you want a pixelated result, rough idea (untested)

1. create pixel grid from rectangular shapes (no fill/stroke)
2. use power-duplicate to create a block of e.g. 16px x height
3. Increase size to 2x2. Add a suitable blur filter (median blur, 2px radius) nested, power-duplicate
4. Repeat until teaching 16 px size 
5. use fill tool to place image across the grid. Image is tiled into all rectangles.
    
6. in case blur does not work on individual rectangles , apply median blur over blocks of same size

[v_kyr]

6 hours ago, JayTee said:

Does anybody has an idea how or if ths can be done in affinity photo.

With APh the procedure OldBruce showed would do that.

For example and dependent on how fine grade (the pixel step size) you apply it on selected rect or whatever selections areas on an image ...

(left to right - I used smaller incremented steps)

(right to left)

• Jennifer_Walters.afphoto

[GarryP]

A slight alternative to Old Bruce’s technique would be to use a black/white Gradient Fill on the masks of the pixelated layers for a ‘smoother’ transition – see attached “abbey” example.

Another different method, with a pleasing effect, would be to use a Maximum Blur Live Filter combined with a Pixelate Filter (both with gradient-filled masks) – see attached “tree” example.

The ‘best’ technique will probably be very dependent upon the image your have and how you want it to look.

[JayTee]

Thanks a lot for all the tipps.

I will check them and reply.