How to mimic this old monitor/camera look

[wakeupsontae]

Not really sure where to go in terms of starting points:

https://www.pinterest.com/pin/616500636506249695/

https://www.pinterest.com/pin/616500636506249630/

https://www.pinterest.com/pin/616500636505900331/

https://www.pinterest.com/pin/616500636505839211/

Ive been looking everywhere, just havent been able to find anything

[carl123]

 

[lacerto]

It is not clear from the links provided what kind of effect you are after exactly, but you might want to have a look on this thread, where two-color halftones are mimicked both by using native Affinity Photo features and alternatively, using G'Mic plug-in (only available on Windows):

 

[wakeupsontae]

4 minutes ago, lacerto said:

It is not clear from the links provided what kind of effect you are after exactly, but you might want to have a look on this thread, where two-color halftones are mimicked both by using native Affinity Photo features and alternatively, using G'Mic plug-in (only available on Windows):

 

I should have clarified better. I am after the sort of pixel matrix screen effect that gives it the look of being taken or viewed on old hardware. Is there any resources for something closer to that? Ive experimented with GMIC and blend modes but I just have not gotten it down

[lacerto]

Which particular hardware? Multipaint is a converter and paint tool that lets you create images that look like ones that were used on old game consoles:

Did you check the Scanlines filter of G'Mic -- it would let you produce kinds of grids that were shown in the Pinterest links you provided.

[thomaso]

1 hour ago, wakeupsontae said:

Is there any resources for something closer to that?

Additionally to the resource given above in the 1st response by @carl123 for a VHS look, a quick'n'dirty simulation of a CRT screen grid would just use two Halftone Filters., e.g.:

[firstdefence]

https://gmicol.greyc.fr/filter.php?filterId=188

[Lisbon]

I would put a texture over the image.
And, if you distort the texture you can emulate the moiré effect characteristic of TV screens.
(Filters > Distort > Shear)

Regarding the texture you can search online.
I created my own texture: osci(c/w,ry*c/w).

By combining horizontal and vertical lines, you can get many different textures.

Image: Stelogic

[thomaso]

5 hours ago, Lisbon said:

I created my own texture: osci(c/w,ry*c/w).

How did you get to the formula? e.g. what stand the characters for: osci, c, w, r … (I assume y means vertically, osci sth like 'repeat' ?)

For me even the Help and this thread is too sophisticated. – Do you know of a still more basic intro? Also I wonder what 'language' gets used in Affinity?

[lacerto]

Depending on how authentic the faked images should look, it is probably necessary to process (or create) images first so that the color palette matches the technology (operating system) of the mimicked images, and then additionally simulate the hardware. This is an example of one possible process:

 

[Lisbon]

Hi @thomaso

17 hours ago, thomaso said:

How did you get to the formula?

Affinity Photo comes with some procedural textures by default. One of them is "Chequered" and it looks like this osci(rx*c/w,ry*c/w).
If you remove rx you get horizontal lines. Deleting ry you get vertical lines.
I didnt come up with the formula. Serif did. I just tweaked the code.

As for variables, just like you, Im a bit in the dark because there isnt enough information.
Lets forget "my" formula and play a little with "Chequered" that comes with Affinity.

c is just a random variable. But it could be almost any other letter (a, b, c, ...). Normally I start with the letter a, but serif used c. Nothing wrong with that.

Then we have rx and ry which can be replaced by x and y. Same result but with a small difference. rx and ry are relative coordinates. This means that if you drag your mouse on the screen, you can move the checkerboard.

w is the document width. So you cant use w as a random variable like the letter c example. w is reserved for the system.

osci, according to the help file is "Standard oscillation, accepts scalar or vector inputs". Im not even going to try to describe this function.

17 hours ago, thomaso said:

For me even the Help and this thread is too sophisticated.

For me, the only advantage of the help file is for those who already have some knowledge on the subject can easily find out what functions are available. Many functions do not have any description. For me and you this is a problem.

17 hours ago, thomaso said:

Do you know of a still more basic intro? Also I wonder what 'language' gets used in Affinity?

Basic intro? On the contrary. Many google results look to complicated (too much code - useless for most of us).
Take a look at thebookofshaders.
It takes time to search and understand what each function does with no guarantee that you will find or understand them all.