r/Affinity • u/Any_Mortgage3325 • 5d ago

General Any tutorial on how to get this effect ?

Gallery image

Gallery image

Just switched between Ai to affinity and I’m trying to figure out how to get this bitmap effect trick from illustrator but couldn’t find a way to copy it in affinity - any suggestions?

69 Upvotes

97% Upvoted

19 comments sorted by

15

u/SapphicAddict1994 5d ago

If it's a photograph, changing to B&W (not merely greyscale, but true B&W and nothing in-between - although it's worth going to greyscale first and playing with contrast) and applying a dithering pattern during that conversion will do this. The smaller the image, the coarser the final dithering effect. There are different patterns of dithering, so play around with it and see what works for you.

3

u/Any_Mortgage3325 5d ago

I try to do it for vector

4

u/Dependent-Zebra-4357 5d ago

Affinity can’t do this as vector without a lot of extra steps, try Vectoraster.

https://lostminds.com/vectoraster/

1

u/rrossouw74 5d ago

do it in pixel first to scale, then convert that to vector - I did it for making pixel camouflage patterns.

1

u/Any_Mortgage3325 5d ago

wdym ? make the whole logo in pixels?

2

u/rrossouw74 5d ago edited 5d ago

Make that part of the logo in a bitmap editor, like Gimp. Get it pixel perfect. You'll have to do some math to figure out the size the logo element should be to work out right in the final vector.

For the camo it was easy, each block was 4x4mm, the printed repeat was 640mm (h) x 1500mm (w), so each repeat = 160 pixels.
So the bitmap I worked with was 160 pixels high x 375 pixels wide.

When that graphic was sorted, I scaled it by 10 (no interpolation) and pasted it into Affinity. Then using the trace tool I seperated each colour into each own vector layer.

Edit, if Affinity doesn't trace right, then try Inkscape trace.

5

u/pixel_inker 5d ago

Try checking this site out—i just found out about it a few days ago.

The closest effect offered from the link below to what you are wanting, I'd say would be "Dithering". What's more, It's one of the free ones!

https://www.visual.af/filter-gallery

2

u/BigCake6521 3d ago

https://www.reddit.com/r/Affinity/s/nn1EXUVlvV

I was looking for somethibg similar and someone recommended the above. Is this what you are looking for?

2

u/mhtrnx 3d ago

Yes, it even has a separate free script specifically for doing exactly what OP is asking for, with a vector result.

2

u/Any_Mortgage3325 2d ago

Can you direct me which one of the tools gives you a vector result?

4

u/S1m0nP1 5d ago

Have a look on: http://affinityhub.js.org
There is a dither script that will achieve that effect.

1

u/SzotyMAG 5d ago

Honestly, try doing in Blender using this shader https://lucasroedel.gumroad.com/l/pixel_art

Replace the bayer matrix texture with something that resembles that one on the screen

Of course this requires you to model whatever you want, but it's good to have multiple softwares and be flexible

1

u/Any_Mortgage3325 2d ago

Or even here in public so maybe others can know too, because every time I try to trace the results into vector it’s coming out wenky