png image "jaggies"

Moderator: Ken Berry

Post Reply
uthguyivan
Posts: 6
Joined: Tue Sep 15, 2009 8:31 pm

png image "jaggies"

Post by uthguyivan »

Hello all. Thanks in advance for any help you can offer. I'm using Video Studio pro 12, fyi.

I just finished editing a 17 minute clip that I rendered as an mpeg 2.

I imported a png logo of ours into the "objects" section. I then dragged it onto an overlay track, changed the transparency and size (so it would be like a network "watermark" seen on broadcast tv), and dragged it back into my library (it automatically stores it in the images folder).

My question is this: In playback/project mode (prior to rendering), the logo appears fine (no jaggie edges), but since rendering it looks AWEFUL. Both the watermark AND the image at the end of the clip (setup in sequencejust in case: clip-flashback 1 transition-png logo over black-mask swipe-black-end video), are grossly jagged.

Any help on this? Do I need to resize our logo in an outside editor like GIMP or Irfanview instead of resizing inside Videostudio Pro 12? If so, can I give you guys dimension sizes of our original and maybe you could help me determine what size to make the logo next go around?

The video is letterboxed, 4 by 3 aspect ratio as well.

Thanks!
mitchell65
Posts: 1200
Joined: Sat Feb 14, 2009 7:50 pm
operating_system: Windows 7 Home Premium
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Dell Inc. 04GJJT A00
processor: 2.80 gigahertz AMD Athlon II X4 630 Quad Core
ram: 4Gb
Video Card: ATI Radeon HD 4200
sound_card: Realtek High Definition Audio
Hard_Drive_Capacity: 560Gb Sata
Location: Cornwall UK

Post by mitchell65 »

The original size, format etc would be useful. Can you upload the image to here. Also what exactly do you mean when you say you uploaded the image to the "objects" section?
John Mitchell
We all make mistakes, that's why pencils have erasers on the end!
uthguyivan
Posts: 6
Joined: Tue Sep 15, 2009 8:31 pm

Reply

Post by uthguyivan »

The original size, format etc would be useful.
I imported a png logo of ours into the "objects" section.
The png (that's the file type) original file size is 1278 x 228 pixels.
Also what exactly do you mean when you say you uploaded the image to the "objects" section?
Meaning that I imported it scrolling down and clicking "decoration", then "object". I wasn't aware of this function until yesterday when I added this file. (I upgraded from VS 8 to Pro 12).

In there you'll find things such things as lower thirds, masks, etc. to apply as well as stock .png files to use.

Here's a screen shot of what I'm talking about.
Image

And lastly, the logo I'm using (this one is slightly different than the one I'm using, as I changed the color of it to white to serve as a watermark).

Image

Again, thank you SO much for any help you can offer.
sjj1805
Posts: 14383
Joined: Wed Jan 26, 2005 7:20 am
operating_system: Windows XP Pro
System_Drive: C
32bit or 64bit: 32 Bit
motherboard: Equium P200-178
processor: Intel Pentium Dual-Core Processor T2080
ram: 2 GB
Video Card: Intel 945 Express
sound_card: Intel GMA 950
Hard_Drive_Capacity: 1160 GB
Location: Birmingham UK

Post by sjj1805 »

Please view:
What dimensions etc should I use for still images in Videos?. when taking into account how big to resize the image also take into account the
"TV Safe Area"

Please view this link and scroll down to TV & Title Safe Areas
Creating The Thumbnail Menus
uthguyivan
Posts: 6
Joined: Tue Sep 15, 2009 8:31 pm

Post by uthguyivan »

Thanks for your tips Steve.

My picture is within the TV safe area. I resized it originally using the resize "handles" within VS as it is on Overlay Track #2. I do appreciate your post about suggested sizes and will work within those and give you guys an update.

As you can probably tell, my suspicion has to do with the large size of the image causing the problem. I will edit it in Gimp to see if that rectifies the "jaggies" or jagged edges of the .png file when rendered again.
sjj1805
Posts: 14383
Joined: Wed Jan 26, 2005 7:20 am
operating_system: Windows XP Pro
System_Drive: C
32bit or 64bit: 32 Bit
motherboard: Equium P200-178
processor: Intel Pentium Dual-Core Processor T2080
ram: 2 GB
Video Card: Intel 945 Express
sound_card: Intel GMA 950
Hard_Drive_Capacity: 1160 GB
Location: Birmingham UK

Post by sjj1805 »

uthguyivan wrote:..... I will edit it in Gimp to see if that rectifies the "jaggies" or jagged edges of the .png file when rendered again.
Dual booting with Linux?
:shock: :shock: :shock:
Trevor Andrew

Post by Trevor Andrew »

Hi

What format/properties are you using to render the video

I ran a quick test using a png at 1278 x 228 pixels, with green colour clip in main track,

Rendered to Dv-Avi with no jagged edges.

But you mentioned adding some transitions, can you explain a little more about the process you used.

When you say you resized your image, the vertical frame size for Pal is 576 pixels.(480 Ntsc)
Your image is 288 pixels high, are you keeping the aspect ratio the same as posted sample, or stretching the vertical to fit the frame.?
mitchell65
Posts: 1200
Joined: Sat Feb 14, 2009 7:50 pm
operating_system: Windows 7 Home Premium
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Dell Inc. 04GJJT A00
processor: 2.80 gigahertz AMD Athlon II X4 630 Quad Core
ram: 4Gb
Video Card: ATI Radeon HD 4200
sound_card: Realtek High Definition Audio
Hard_Drive_Capacity: 560Gb Sata
Location: Cornwall UK

Post by mitchell65 »

Here's what I did. Assuming you have TV safe area set to 10%. I resized the image to 580px wide whilst maintaining the aspect. (That being 20% less than the project size of 720px) This was done in a third party image editor.
I then imported the new png to the library file as an image.
I dragged the image into the first overlay track, chose fade in and fade out. Created a standard DVD.
That played perfectly on my PC and my standard TV.
I think the problem here is in the resizing. If you just import an image or object into an overlay track then just drag the yellow handles to "resize" the image than all you do is either squash the pixels up or stretch them. The actual number of pixels stays the same. Resizing needs to be done outside VS. Then there is very little squashing or stretching. Jaggies can occur whichever way you drag the image so the least amount you do the better.
John Mitchell
We all make mistakes, that's why pencils have erasers on the end!
uthguyivan
Posts: 6
Joined: Tue Sep 15, 2009 8:31 pm

Post by uthguyivan »

@ Trevor
What format/properties are you using to render the video
The video footage is avi, and the entire project is rendered as an mpeg 2.
But you mentioned adding some transitions, can you explain a little more about the process you used.
I will try to upload the latter 2 minutes of the clip, which will show everything I did.

@Steve
Dual booting with Linux?
No, just have Windows XP home. I wouldn't even know how to dual boot! :wink:

@Trevor
When you say you resized your image, the vertical frame size for Pal is 576 pixels.(480 Ntsc)
Your image is 288 pixels high, are you keeping the aspect ratio the same as posted sample, or stretching the vertical to fit the frame.?
I'm in the States, so I'm in NTSC. To answer your question correctly, I have to answer it in 2 parts:

1. For the "watermark" I resized the image, but did not "stretch" it. I maintained the aspect ratio throughout. I actually "shrank" it using the resize handles in VS 12 when the image is placed on a track.

2. The logo is displayed in it's original size at the end of the clip, with no resizing having been done. Instead of being in an overlay track though, it is in the main track. This still has jaggies, but I suspect it is from the main track automatically shrinking it to fit within the frame.

@John
Resizing needs to be done outside VS.
I think you've confirmed my suspicions. Thanks so much EVERYONE for your help. I will try the suggestions that John has suggested and possibly post a "before" and an "after video if all is successful.
uthguyivan
Posts: 6
Joined: Tue Sep 15, 2009 8:31 pm

Post by uthguyivan »

Looks MUCH better. Thanks guys. I'll post details after.
mitchell65
Posts: 1200
Joined: Sat Feb 14, 2009 7:50 pm
operating_system: Windows 7 Home Premium
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Dell Inc. 04GJJT A00
processor: 2.80 gigahertz AMD Athlon II X4 630 Quad Core
ram: 4Gb
Video Card: ATI Radeon HD 4200
sound_card: Realtek High Definition Audio
Hard_Drive_Capacity: 560Gb Sata
Location: Cornwall UK

Post by mitchell65 »

uthguyivan wrote:Looks MUCH better. Thanks guys. I'll post details after.
That's good.Thanks for your feedback.
John Mitchell
We all make mistakes, that's why pencils have erasers on the end!
uthguyivan
Posts: 6
Joined: Tue Sep 15, 2009 8:31 pm

Post by uthguyivan »

Watermark
For my watermark, I resized it in Irfanview to 140 x 26 and 72dpi.
I then set transparency for it at 70. Looks great!

Outro logo
For the "outro" logo, I rescaled it in GIMP to 1094 x 195 at 299.99 dpi.

Seems like that all did the trick. I'll edit a "before" and an "after" video so you guys can see the difference.

Thanks again!
Post Reply