Tutorially Awesome #3 - Widescreen Conversion of Simple Screenwide Artwork + Widescreen Converted Atari Classics Themes Download

[Avar]

This tutorial covers how to deal with slightly more complex backgrounds and screenwide artwork. Download link for the 16:9 Atari Classics themes is in the description along with my conversion notes, wherever a theme needed more than basic attention. Again, I try to keep it extremely concise and I avoid revisiting the minutia that I've covered in previous conversion tutorials, so if anything is unclear just leave me a comment in the video and I'll get back to you asap or elaborate in another video.

 

[BakerMan]

Fuckin great.

 

 

You're turning into a pro.

 

Beautiful.

 

Good point about getting acclimated with photoshop and flash pro. Very useful tools for anyone that wants to develop artwork.

 

Can't wait to see how you evolve.

 

COME ON PEOPLE! There will always be room for converted themes. SO CATCH ON!

 

Avar is doing great. Fuckin brilliant, actually.

 

Love to see you utilizing the flash scripts. Were those new to you?

 

And if so, have you noticed the difference between regular png's and the smoothed swf's?

 

Dark13 is an awesome mofo.

 

But anyways, you are to. Intelligent as shit. And "shit" is pretty intelligent.

 

But like I said Avar, I can't wait to see you evolve.

 

Brothers 4 Life my friend.

 

P.S. - Sorry to pander to you like some weirdo groupie, but it's minds like yours that help communities like this evolve. Lovin' it.

[Avar]

Thx mang. I'd manually converted a few smaller sets before learning about dark13's scripts but it didn't cost me much time to do it that way and correct it after with NO_SCALE_SMOOTH. There's definitely a very very very big difference between a standard .PNG and a smoothed .SWF on a widescreen display. It's night and day. It's so noticeable that after using converted themes I can't go back to standard, which is part of why I'm so painstakingly converting everything. Makes things actually LOOK 1080p, instead of just 480p blown up to fit a 1080p display.

 

Another quick note on the 16:9 converted themes in this and other sets I've released. They're not just resizes, I've also carefully fixed them where they needed love (eg. fixing outlines on characters, cleaning up pxels, replacing rough backwards with updated 1080p ones when needed, and a number of other quality control improvements) so unless someone's on a 4:3 display, these will difinitively be the best choice for now as far as aesthetics go. That being said, I encourage people to let me know here or in the vid comment sections if they find even the slightest problems that aren't covered in "Conversion Notes.txt" so I can fix them.

[KlopjerO]

I see what you mean.. that looks great it's quite addictive!! 

 

do you have a jsfl, that goes through the motions but exports as PNG ? for wheel purposes ? 

[Avar]

From what I can tell, unfortunately, there is no benefit or visible improvement to a smoothened PNG. Fortunately, this only affects wheels, genre backgrounds, video borders, and frontend art (eg. exit prompt). You can sharpen the wheel appearance by underscaling it via HyperHQ in the "Wheel" menu of each system under "Wheel Image Sizes." As long as those values are less than 300px (16:9 wheel art width, provided yours are converted for widescreen) it makes a visible improvement. I set mine as Large = 285, Small = 200.

[KlopjerO]

Thanks Avar, Sorry for the vague request. I wanted to use the script to convert the wheels to a 16:9 ratio. I like your tut's good job 

[KlopjerO]

Please forgive me i had forgotten to watch your widescreen basics *dunce* 

 

thanks 

   

[Avar]

Can definitely batch resize PNGs via Photoshop or Flash but since there's no visible improvement I just use Fotosizer myself. With raw wheel images I typically go 4:3 Image -> AutoKustom a background/border -> Resize the AutoKustomed Wheels- > Downsample slightly in HS to improve appearance.

[JSinn]

Best ever tutorial maker!

[KlopjerO]

Can definitely batch resize PNGs via Photoshop or Flash but since there's no visible improvement I just use Fotosizer myself. With raw wheel images I typically go 4:3 Image -> AutoKustom a background/border -> Resize the AutoKustomed Wheels- > Downsample slightly in HS to improve appearance.

Recently I came about a free tool which lets you decompile SWF files into FLA's

https://www.free-decompiler.com/flash/?utm_source=app&utm_medium=about&utm_campaign=app

Originally enough it's called Flash decompiler, and even more surprisingly it's free..

applying the awesome new insights that you have provided me with, AVAR, with this tool anyone is able to resize the Flash animations created by all the awesome people here on Hyperspin.

1.Basically once you opened the FLA in flash, you click on the Edit multiple Frames button

2.Once you've clicked on this option, a frame selection bar appears, the times that I have used this it selects the first 5 frames by default, by Placing your cursos over the right edge of the selection screen you can drag it the righ to select the frames you want to edit simultaneously.

3.After you selected the all frames you want to edit, you click on edit and click Select all. what you have done is selected all of the symbols/bitmaps that are on the canvas,

4.now you can modify and transform this selection to 75% of it's normal width and hey presto, with a bit of AVAR know-how you have a squished flash animation which you only have to publish as swf to have it look sweet on widescreen monitors.

This is nothing new I suppose, but I thought I'd report back and say thank you once again ( the animation in the screenshot was provided, graciously by Jsin a while back, I'm still strugling with the theme but it's getting close now)

[damageinc86]

Hopefully someone can at least run through some of the most popular main menu themes and do the flash thing.  Would be awesome to have those just done and out of the way.

[Avar]

Most of the most popular systems already have really nice 16:9 conversions but anything that doesn't I'm converting as I go.

[Avar]

I just audited this set again and the YouTube description now has an updated link with various minor fixes and aesthetic improvements over my first release. I've included _Update 1.1.txt with specific details. If anyone has problems with the new set, please let me know.

 

Update 1.1 Notes:

apb - Removed video r value and optimized element spacing

area51 - Optimized spacing

atarifb - Cleaned up Artwork4 a bit

badlands - Optimized spacing. Improved animation timing. Removed video rotation.

beathead - Hid artwork cuts on couch peeps. Changed animations. Optimized position. Removed vid rotation and increased size.

blstroids - Repositioned elements

boxer - Removed vid rotation, optimized space, added animation

bradley - Increased vid size and repositioned elements

calspeed - Repositioned elements and adjusted animations

centiped - Corrected video AR. Increased vid sze. Optimized space

cloak - Centered elements. Optimized space. Removed logo rocking animation.

ccastles - Optimized space. Made title more visible. Matche bg colour to vid bg colour to conveal edge. Better animations

default -Delayed video load to not clash with Premium transitions

eprom - Optimized space.

firetrk - Centered title. Centered vid to hole. Fixed vid AR.

gauntlet - Optimized space. Corrected background.

gauntlet - Optimized space. Moved title so Yellow Wizard's hand glow accentuates the dead space in teh G and the shading. Moved logo to compliment description.

gravitar - Moved logo for better balance.

guardian - Moved Atari Logo

irobot - Optimized space. 50% moar Will Smith!

indytemp - Optimized space.

liberatr - Added hover to ship. Moved logo.

llander - Adsjusted animations

mace - Optimized space to make video more visible

mhavoc - Removed r value

marble - Moved Atari Logo. Fixed video.png

peterpak - Moved Atari Logo for better balance.

quantum - Moved Atari Logo.

redbaron - Centered title, moved vid to open up bg

jedi - Optimized space. Increased video size.

roadblst - Adjusted r values. Optimized space. Fixed animations so they won't break through premium transitions.

Roadriot - Optimized space.

Shuuz - Moved elements and changed animation.

skullxbo - Changed rock animation

skydiver - Removed r value

spacduel - Centered title. Reduced video to max pre-lossy size.

sbrkout - Removed r value. Repositioned elements.

atetris - Changed animations and timings

toobin - Removed Artwork2. Supersized vid past nomina to conceal the hideous bg as much as possible. Repositioned elements.Removed low qual video border.

vindictr - Fixed left edge of title glow

xybots - Repositioned elements

[Tribe Fan]

Your tutorials are amazing - very concise and focused. You should really make more for other hyperspin topics. Lord knows we could use them around here!

[JSinn]

Recently I came about a free tool which lets you decompile SWF files into FLA's

https://www.free-decompiler.com/flash/?utm_source=app&utm_medium=about&utm_campaign=app

Originally enough it's called Flash decompiler, and even more surprisingly it's free..

applying the awesome new insights that you have provided me with, AVAR, with this tool anyone is able to resize the Flash animations created by all the awesome people here on Hyperspin.

1.Basically once you opened the FLA in flash, you click on the Edit multiple Frames button

2.Once you've clicked on this option, a frame selection bar appears, the times that I have used this it selects the first 5 frames by default, by Placing your cursos over the right edge of the selection screen you can drag it the righ to select the frames you want to edit simultaneously.

3.After you selected the all frames you want to edit, you click on edit and click Select all. what you have done is selected all of the symbols/bitmaps that are on the canvas,

4.now you can modify and transform this selection to 75% of it's normal width and hey presto, with a bit of AVAR know-how you have a squished flash animation which you only have to publish as swf to have it look sweet on widescreen monitors.

This is nothing new I suppose, but I thought I'd report back and say thank you once again ( the animation in the screenshot was provided, graciously by Jsin a while back, I'm still strugling with the theme but it's getting close now)

Thanks! This update could come in handy. I was wondering about that animation I did.

(I could have sent you the FLA and saved you some troubles)

[KlopjerO]

Thanks! This update could come in handy. I was wondering about that animation I did.

(I could have sent you the FLA and saved you some troubles)

I adore your work mate.. I want the release to be worth it. Alright that's enough romancing. My wife might get jealous.

Sent from my SM-A700FD using Tapatalk

[Avar]

Recently I came about a free tool which lets you decompile SWF files into FLA's

https://www.free-decompiler.com/flash/?utm_source=app&utm_medium=about&utm_campaign=app

Originally enough it's called Flash decompiler, and even more surprisingly it's free..

applying the awesome new insights that you have provided me with, AVAR, with this tool anyone is able to resize the Flash animations created by all the awesome people here on Hyperspin.

1.Basically once you opened the FLA in flash, you click on the Edit multiple Frames button

2.Once you've clicked on this option, a frame selection bar appears, the times that I have used this it selects the first 5 frames by default, by Placing your cursos over the right edge of the selection screen you can drag it the righ to select the frames you want to edit simultaneously.

3.After you selected the all frames you want to edit, you click on edit and click Select all. what you have done is selected all of the symbols/bitmaps that are on the canvas,

4.now you can modify and transform this selection to 75% of it's normal width and hey presto, with a bit of AVAR know-how you have a squished flash animation which you only have to publish as swf to have it look sweet on widescreen monitors.

This is nothing new I suppose, but I thought I'd report back and say thank you once again ( the animation in the screenshot was provided, graciously by Jsin a while back, I'm still strugling with the theme but it's getting close now)

 

Yep. I use SWF Decompliler but that's how I do it. I'll be doing a tut on it in the near future. That being said, the complexity of is content dependent. Some FLAs take no effort while others take some problem solving or a fairly beefy PC (or a lot of patience). Others, you can only resize certain elements without replacing screen-wide artwork. I'll likely do a few vids covering the basics and then giving a few more complex examples. I find it's a lot of fun, like solving a different puzzle every time and some take a bit of creativity.

[BakerMan]

Your tutorials are amazing - very concise and focused. You should really make more for other hyperspin topics. Lord knows we could use them around here!

Right. Avar be like wham, bam, thank you mam. This is how you do it beeyotch. In all seriousness.... They are that damn good.

[Avar]

Your tutorials are amazing - very concise and focused. You should really make more for other hyperspin topics. Lord knows we could use them around here!

 

If you or anyone has tut requests feel free to fire them my way. If it's something I feel qualified enough to cover, I'll do up a tut.

[JSinn]

I get a lot of requests for a HyperTheme tutorial, but alas! I'm terrible at teaching.

[BakerMan]

Just downloaded your entire set. Thanks dude.