Use this layer setup (Procreate):
It’s hard to see so the “Grid” layers are literally both the grid pen- Grid 1 has a bit of gaussian blur iirc. Having it slightly off-kilter from Grid 2 helps making the effect look more natural, an imperfection on a rudimentary display. For the Scanline layers, likewise, 1 is a copy with a bit of gaussian blur applied.
[the grid pen is just one of the default brushes available, I think it’s in the “textures” section]
Clip Base has 82% opacity and Overlay has 20% opacity. Honestly though I could have adjusted the Overlay opacity again or you could ignore it, it’s hardly doing anything at all here, I just copied the vfx stuff I had on the first page. When more opaque, the Overlay layer affects the scanlines, mostly making them more vivid.
For Clip Base however I strictly recommend something around 80% opacity, as full opacity with this setup literally looks too opaque to achieve the holo effect.
Wherever you want less FX (for clearer text and images, as well as generally darker background patches - keep mind of what is in the background) you should be erasing on Clip Base.
The bottom layer on this setup should be the image you want to give the screen effect to, but with slight noise applied (7% on Procreate). For the sake of neater layers I would recommend just copying or inserting your base image, hence this being an Imported Image (I 100% drew it myself but copied it for layering purposes).
The noise has a very minor effect- it just makes areas that are not covered by the blur layer and clipping masks more consistent with those effects, as well as text effects I am going to go over. I honestly think I forgot to apply noise to the page with Celeste and I have to carry that for the rest of my life now. Also, if you didn’t catch it, Clip Base is actually a chopped-up and blurred copy of the base image!
Yes, the text is missing. It’s added above these layers. The text is a lot more simple -
Bottom layer: desired readable text
Middle: two layers with steadily more gaussian blur, slightly more on upper-mid layer (I don’t think it really matters, but that’s how I did it), % blur varies with text size and potentially background
Top layer: no blur, copy base text layer - adjust to warmer / brighter HSB and add just under 2% halftone. Adjust HSB to hit desired FX
[on Procreate you can find all of gaussian blur + noise + halftone adjustment under the wand menu, sliding across the screen changes the strength of those effects]
To fix the halftone effect covering the entire screen, select your underlying image (which should make up your base shape), invert selection, and delete the excess halftone. Your holo screen is now finished and you can draw whatever sort of frame you want on top (if any).
Note: in this particular case, extra work was also done on layers above FX, to achieve desired opacity on the map and add buttons.
Before and after, animated: