How to make pixelated, I repeat, pixelated tiny res video from hi-res one? No blur, clearly visible pixels?

  • 1
  • Question
  • Updated 5 months ago
How does one make a hi-res video into a say 14x13px fully pixelated one, with clearly visible 14 pixels by 13.? Interesting little problem I'm having a hard time solving. The output resolution is not the issue, it can be 23x13px, 50x13px, whatever on that line/size. The point is how to get the pixelated view? When I play this tiny video, view is blurred. What compression type, what format etc.? How?

Using Camtasia 7 and 8 trials. 
Photo of info

info

  • 11 Posts
  • 0 Reply Likes

Posted 5 months ago

  • 1
Photo of info

info

  • 11 Posts
  • 0 Reply Likes
And no, using pixelation from Callouts doesn't work either though the way it looks in Camtasia when put over the video and with 0 intensity, is EXACTLY the way I need the output render video to look like.

All are blurred when played.  It's highly likely that only few attempted this before as such tiny resolution pixelated video doesn't have appliance as far as I can think of other than in cases like here, TV set screen in  a (realistic) pixelated video game (aren't many of those and even less so or maybe none with animated pixelated video TV screen/s).
(Edited)
Photo of Ed Covney

Ed Covney

  • 413 Posts
  • 263 Reply Likes
Do you have a link? I think I can do that, but not in Camtasia.
Photo of info

info

  • 11 Posts
  • 0 Reply Likes
Thanks but it's not about the video, rather the process, the how. The game will have many TV sets (https://www.youtube.com/watch?v=5Yx0SQoS69k), each playing it's on little video (no audio) and these can/will be anything, from documentaries to movies, though it doesn't matter much what video is in the question because they won't be possible to identify (or at least we think so). 15-30 minutes duration nontheless  So, we need to know the process, the how so we can do it ourselves for whatever video we want.

Anyway, if you want you can try in whatever software you intended to, to convert any hi-res video you have on your drive, cut it to a minute or so, you just need a small segment for testing of course, decrease resolution to say 13 pixels height (width can be whatever, keeping aspect ratio or not, doesn't matter) and see if you can achieve this non-blurred pixelated video at the end when played in any video player. If you succeed and explain how you did it, and we manage to repeat it with the same result, you'll have your name in the game's credits, the least we can do. 


(Edited)
Photo of Joe Morgan

Joe Morgan

  • 7252 Posts
  • 3958 Reply Likes
I read your post closer and saw you were seeking a rendered video of 14 x 13 pixels. So I removed my comment about applying the pixelation callout.

Now that you've mentioned its a video game. That's an entirely different story.

Camtasia can't begin to produce anything like that video game.

You said your interested in the process, the how. Well, hand drawn images for starters. I did a little reading on this website.No Photos. https://www.moddb.com/games/rawconcrete

If you look under..........

VISUALS / HOW IT'S DONE

We'll show you now how stuff is done, from environments, props to characters. We want to remove any doubts you might have regarding our statement that everything finished (not counting lot of wip stuff) is done from scratch - no photos used. This is how. In one of the future updates we'll show process videos as well.

So no answers posted yet.

Video game creation software is a different animal. And it's complex. 

Regards,Joe
Photo of info

info

  • 11 Posts
  • 0 Reply Likes
Yeah, that's our game's ModDB page. We can't hand draw this, probably the only thing we'll have to use real photos/videos for, especially since we want it to be highly realistic so it's not just 10 frames playing on loop on each TV set. We'll try to make it very realistic in terms of video frame rate and duration. But, it has to be pixelated, that's the issue here.
(Edited)
Photo of Joe Morgan

Joe Morgan

  • 7252 Posts
  • 3958 Reply Likes
So your one of the game developers?
Photo of info

info

  • 11 Posts
  • 0 Reply Likes
Yeah, I'm the project lead.
Photo of Joe Morgan

Joe Morgan

  • 7252 Posts
  • 3958 Reply Likes
Yeah, you wrote that's our game's ModDB page. I figured you were very connected after reading that. Nice meeting ya.
It's an interesting scenario your up against. I've never attempted it.

I took the liberty of submitting this to the Adobe After Effects forum with the screen shot you posted above.And one I grabbed off You Tube
My words/version of what your after.

After effects is a Vector Based video editor. It's not constrained by pixels.
If theses going to be a relatively automated process to create your videos.I believe After Effects is it. It might be fun to play around with. I don't use After Effects for all that much.
Lets see what the community says.

There another approach. Individual video frames created/opened in Photoshop. Of the same aspect ratio of the monitor to be inserted in. If the final size is to be 14 x 13 as above example. Make the large ones 140 x 130 "Based on what I'm seeing?"
Pixelate and save them.

Import then into Illustrator. Image trace them "Vectorized" and save as 14 x 13 png's. Loop the images. Create a video with them, what ever works best.
 
Photo of Rick Stone

Rick Stone

  • 5643 Posts
  • 2680 Reply Likes
If I were in your shoes, I might try the following approach. 

Take the video you want to pixelate and play it in a manner in which you can easily scale it to a very small dimension. 

This may involve creating a basic HTML page to present it, or possibly just right-clicking the video on your system and choosing to play it in whatever player is installed on your computer. 

Then scale that video to something close to what you need. Then use Camtasia's recorder to Capture that video as it plays in the really tiny window.

Stop the recording and edit in Camtasia. Apply the pixellate annotation and adjust the intensity to taste.

Seems to me the tricksiest bit is the beginning bit of scaling the video before the capture.

I tried that on my own setup and from my result, it would seem that's what you are after. But I could be totally wrong too. 



Cheers... Rick :)
Photo of info

info

  • 11 Posts
  • 0 Reply Likes
Thanks Rick, creative suggestion, I'll give it a try though again, adding pixelation doesn't work on rendered 14x13px video resolution. It does look as it should inside Camtasia, same as in your screenshot but the problem is, once rendered and played the video is a blurry mess. The question is how to make Camtasia leave the pixels nice and sharp in this tiny rendered video. Actual pixels. Anyway, I'm sure we'll eventually found the solution,  thanks again for suggestion. If it works, I'll let know. 
Photo of Rick Stone

Rick Stone

  • 5643 Posts
  • 2680 Reply Likes
I suspect what you will find is the key ingredient here is the amount of any rescaling that is going on. I'd be willing to bet that the blurriness is happening because of rescaling at some point. 

Your need and issue sounds interesting and I'm hopeful that once you find something that works, you will return and fill us all in on what your ultimate solution is or was! 

I sincerely wish you the best of luck. Rick :)
Photo of info

info

  • 11 Posts
  • 0 Reply Likes
"I'd be willing to bet that the blurriness is happening because of rescaling at some point." Most definitely. Some video players do not play the video at 14x13px, but display it much larger, and thus the blur. I've seen it with my own eyes how in QuickTime Player, which does open it at original res, when I click (and hold) to enlarge the player window and thus the video itself, and as I pull over the entire folder background, I see pixelated video, the way we need it but as soon as I release the player window corner, blur appears. So, we're getting closer... 
Photo of Joe Morgan

Joe Morgan

  • 7252 Posts
  • 3958 Reply Likes
Well info,
Wasn't much to it. The After Effects community hasn't gotten back to me so I decided to give it a whirl.
I created a 14 x 13 pixel comp.
Imported a 845 x 480 music video and scaled it down to almost fit into the comps window. It was at 4% scale.
It's in the image below.


I also imported a 1920 x 1080 video of a satellite dish rotating. I recorded and created some GIF's of these.
The music video was panning and the satellite dish was more static in nature.

Obviously, the GIF were recorded in After Effects composition window at much larger than 14 x 13 so you can see them.
The satellite dish GIF is 15fps and the  other one is 10fps


I would probably render them as high quality avi's. File size is not going to be an issue with such small videos under any circumstance that I can think of.
I don't know if this achieves an exact match to your videos look or not? I could render them and get them to you if you'd like to take a closer look.
Photo of info

info

  • 11 Posts
  • 0 Reply Likes
Yeah, the GIFs show exactly what we need.  Indeed, the file sizes we're taking about here are quite small, e.g. a 30 minute video, 30 fps, but blurred, 23x13px, is ~7MBs. 

If you can, render just one of these videos in this resolution, say a dish, a minute of duration would do it for a test. Though Unity supports many formats and codecs within them, "H.264 (typically in a .mp4, .m4v, or .mov format) is the optimal supported video codec because it offers the best compatibility across platforms". See if you can export it in one of these, as well, just in case, along with the avi format. Upload the 2 video formats somewhere or perhaps email them to us at info@rawconcretegame.com and I'll forward the videos to our programmer/developer and he'll import one or the other format into the game, over one of the TV sets. If it works, we can discuss further collaboration (paid work, PayPal, to produce all the necessary TV sets videos (~25 of 30 min ones, and some much shorter ones), no longer than 30 minutes each). You would safe us of lot of trouble and frustration. But let's see if it works... 
(Edited)
Photo of Joe Morgan

Joe Morgan

  • 7252 Posts
  • 3958 Reply Likes
Sounds good,
This is getting off topic for the Camtasia forum. I'll start contacting you directly through info@rawconcretegame.com

I've been resisting upgrading to the 2019 versions of Adobe's software because 2018's treating me so well.Media encoder has been on the fritz and After Effects needs it to produce H264.
I can send projects over to Premiere Pro through dynamic linking but PP can't handle projects smaller than 24 x 24 pixels.So now its an issue.

Adobe's fantastic, I'll be able to produce in any format required.
 
Photo of info

info

  • 11 Posts
  • 0 Reply Likes
All right. Yeah, with some formats or codecs in Camtasia at least, there's a minimum resolution of ~ 108px height, and we need 13px. So, being able to produce at any format is great news to us, and this is also why we would use your help.  

Btw, the blur may be occurring due to re-scaling done by video players. Seems like some or most cannot play the video at original res so they scale it up significantly and thus the blur occurs. Still, we'd use your help.  Do contact us.
Photo of kayakman

kayakman, Champion

  • 7083 Posts
  • 2326 Reply Likes
been following this thread out or curiosity; @ info, is this what you're looking for; I'm not really clear?

Example Pix Test 14x13 In 16x9 Laptop Device Frame 2019-05-11
https://www.screencast.com/t/UylyzoTTI04

it's a 14x13 pixelated video playing in a 16x9 aspect laptop PC device frame

100% made using Camtasia

if I'm off base here, please disregard this post

Photo of info

info

  • 11 Posts
  • 0 Reply Likes
Yeah, but we need just the 14x13px  pixelated video, not the rest :-) See above post/comment gifs. Instead of GIFs, imagine such tiny videos of 30 minute duration, placed over TV sets in the game, image at the top of the page. Would be cool and realistic (is needed story-wise above else), especially for a pixelated game. Hasn't been done before I'm pretty sure, why it makes it quite interesting little problem to solve.
(Edited)
Photo of kayakman

kayakman, Champion

  • 7083 Posts
  • 2326 Reply Likes
Example Just 14x13 Pixelated Clip 2019-05-11
https://www.screencast.com/t/pzRQfgqsihs

Photo of info

info

  • 11 Posts
  • 0 Reply Likes
Thanks for the video, appreciate it. Yeah, we think we found the solution. Now it's time to test it in the game. Thanks again for participating in this discussion.