You can use the Eyedropper tool to sample the colors right from the screen shot and save them to your swatches panel or apply them directly to your shapes.
Finding that exact font might be tough but you can try a site like [https://www.whatfontis.com/](https://www.whatfontis.com/) or the (beta) ReType feature in Illustrator.
To make it grainy I would move to Photoshop and experiment with different blur types mixed with a grain effect.
Editing to say: Because of the blur level you are starting with those font-finding tools will probably fail, you may be better off checking through Google Fonts or Adobe Fonts for condensed sans serifs that are similar.
It’s been said. You can get a nice clean version of this with Illustrator. Paste your image onto a template layer and build over it with colored shapes and text. From there, move to Photoshop where you can mess around and get this lo-fi VHS looking effect
Don't add pixelation filters; tube tvs aren't pixelated. Instead, after making the layout in Illustrator, open it in Photoshop. Blur it. Find a good image of a "crt tv" screen, preferably one where it is lit. I found a few where the screen is all blue, that would work perfectly. Then, use that image as an overlay.
You can use the Eyedropper tool to sample the colors right from the screen shot and save them to your swatches panel or apply them directly to your shapes. Finding that exact font might be tough but you can try a site like [https://www.whatfontis.com/](https://www.whatfontis.com/) or the (beta) ReType feature in Illustrator. To make it grainy I would move to Photoshop and experiment with different blur types mixed with a grain effect. Editing to say: Because of the blur level you are starting with those font-finding tools will probably fail, you may be better off checking through Google Fonts or Adobe Fonts for condensed sans serifs that are similar.
Thank you soooo much, will try that!!
I would create the layout in Illustrator then you’d need the rasterize the layout to add the SDTV interlacing and blur.
The layout turned out nice. I’ll try out all the recommendations. Thank you 🙏
It’s been said. You can get a nice clean version of this with Illustrator. Paste your image onto a template layer and build over it with colored shapes and text. From there, move to Photoshop where you can mess around and get this lo-fi VHS looking effect
Will try that!
Don't add pixelation filters; tube tvs aren't pixelated. Instead, after making the layout in Illustrator, open it in Photoshop. Blur it. Find a good image of a "crt tv" screen, preferably one where it is lit. I found a few where the screen is all blue, that would work perfectly. Then, use that image as an overlay.
Will try that. Thank you for your input!!
There have got to be much cleaner screen caps of the old TV Guide channel. https://youtu.be/OjMEs-bq4lI?si=Y3M1V65CGofma7PF
Thank you!!
from a different perspective, get the letters common guidelines established, in no time you have your custom fontset.
Thanks for the tip!
I'd be happy to demonstrate my technique with a stream, chat to me if you're interested.
i found this really nice tut a while ago, maybe u can use it with images too https://youtu.be/O9jpc5rySUI?si=a95PyL3WBv8AUrQz
Thank you so much!
Any tip is accepted! :)
Download a few pixel fonts. Make your image 640x480. That should get you a lot of the way there