Newagemugen
Newagemugen
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Newagemugen

We're The Best At What We Do - Runnin' The Mugen Underground Since 2010. Underground M.U.G.E.N community specializing in advanced Quality Mugen content, Fanart, Graphics, Fighting Games & more.

You are not connected. Please login or register

Sqirlz Water Reflections Program Basics

+2
Markpachi
G
6 posters

Go down  Message [Page 1 of 1]

1Sqirlz Water Reflections Program Basics Empty Sqirlz Water Reflections Program Basics Mon Nov 12, 2012 5:22 pm

G

G

Sqirlz Water Reflections Program Basics OjtZ7W5
★★Thousand Dragon★★
Posted over 1000 Messages
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
The Greatest Showman (Platinum)
Created 40 or more Unique Topics
★★Pot Of Prosperity★★
Commissioned/Donated to support Newagemugen
卍♆★Divine Overseer★♆卍
Verified Senior Forum support/assistant/curator
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank
Fanservice (Bronze)
Recieved 20 or more likes from other Members

Hello, some people have asked me on several occasions how to use Sqirlz. It's quite simple, I'll give a basic run through on how I use it for mugen related content:

Obviously first you're going to want to download the program. I use this program quite often for Water animation, rain, and puddles.

Here's an explanation of your main tool:

Spoiler:


Now usually when I go about making rain I make it plain black image in gimp (or paint, photoshop, whatever) the size that I need for my stage. In this example we'll use a 640x480 plain black .png image. Remember, the size varies on your stage size. Once you create your black image, you want to open it in Sqirlz. (File, open, browse, find etc)

Then you're going to want to select your outline tool and draw an outline around the entire black image then right click after you're done drawing the outline (this'll make you able to click on options to edit your animation.)

After your outline is drawn it should look like this:

Spoiler:

(this border you see should surround the image and you should be able to click on other tools/options.)

This part of the tutorial will concern rain:

When creating your rain animation after your outline is drawn you want to click the three rain lines on the top bar, it'll bring up a box it's going to look something like this:

Spoiler:

Adjust these options to your liking, as they're pretty self explanatory. Click the yellow "Run Animation" arrow tool to preview your animation with your settings.

Once you're content with the rain you've made you're going to want to save it, now there's a couple of ways to do this, you could save it as a .gif animation and batch convert via ifranview, or you could save as image files and manually add your transperacy (this is my way)

Doing it my way (with image files) will go as follows:

Click the green button on the far right (it's the last button on the bar) after doing so you should see something like this:

Spoiler:

You're going to want to check the list as I did for rain. Then you click okay, and it'll have you save the rain to your destination. Name it "Rain" and save it to it's own folder. It will then ask you to select an image type, you select .png.

Then you will convert the 19-20 (though I recommend extending the frames to about 25-30 for confirmed smoothness) layers of rain it shoots out into .pcx files and use coding in mugen to rid of the black background, it's quite easy.

That covers rain.



As far as puddles go, it's the same exact concept except rather than a black image you'd open your foreground sprite and draw your outline of where you want the puddles to be and then to edit them you'll do the same for rain except you click the three circles tool (puddle editing) and yet again, adjust to your liking. (MAKE SURE YOUR TRANSPERACY IS AT 100 FOR PUDDLES.) Then, again, you will save as png image files and add a 1 pixel wide pink background over it, index, and make the pink your 0 color in the .pcx sprite (this is what I do at least for Water/Puddle animations. Just not rain)

Water animating is the same as well, however in regards to mugen it's a bit more tricky to edit your water it's sort of the same above except your edit tool is the 3 squiggly lines next to your puddle and rain editor Also, make sure your transperacy in the editor is toned all the way up here too, or it won't turn out right.

Example:

Spoiler:

Let's say I wanted to use this image in a stage. When I animate the water, I'd have to make sure I cut out the background and have only the water in sqirlz, (If this cannot be done beforehand you must apply pink to your background before adding it into mugen mind you it's going to be 19-20 images. Batch conversion is best in this aspect.) If you don't remove your background from the water it'll animate your background along with the water in mugen (because it repeats with your water sprites) and it looks awful, and make sure when you save you check the appropriate animation used as I did above for rain. Puddles for puddles, water for water, etc.

I won't even cover sqirlz snow, because it's awful.

I hope this helped. study



Last edited by GLB on Wed Feb 13, 2013 12:25 am; edited 2 times in total


________________________________________________________________________________________________________________________________________________________________________

Sqirlz Water Reflections Program Basics XqZWtLC
https://www.newagemugen.com/

Markpachi

Markpachi

Sqirlz Water Reflections Program Basics 49283851498_0631820187_o
★★Thousand Dragon★★
Posted over 1000 Messages
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
Heaven's Door (Silver)
Created 20 or more Unique Topics
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank

Nice tut GLB, thanks for the share!

ExCham

ExCham

Sqirlz Water Reflections Program Basics 49283851498_0631820187_o
★★Thousand Dragon★★
Posted over 1000 Messages
Talk Of The Town (Wood)
Recieved 5 or more likes from other Members
The Greatest Showman (Platinum)
Created 40 or more Unique Topics
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank

Hey thats cool bro.


________________________________________________________________________________________________________________________________________________________________________
Sqirlz Water Reflections Program Basics Hdn_uni_signature_by_excahm-d8nsq46
http://excahmmugen.blogspot.com

G

G

Sqirlz Water Reflections Program Basics OjtZ7W5
★★Thousand Dragon★★
Posted over 1000 Messages
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
The Greatest Showman (Platinum)
Created 40 or more Unique Topics
★★Pot Of Prosperity★★
Commissioned/Donated to support Newagemugen
卍♆★Divine Overseer★♆卍
Verified Senior Forum support/assistant/curator
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank
Fanservice (Bronze)
Recieved 20 or more likes from other Members

No problem, guys. What a Face


________________________________________________________________________________________________________________________________________________________________________

Sqirlz Water Reflections Program Basics XqZWtLC
https://www.newagemugen.com/

Jazz Jam Jizzle

Jazz Jam Jizzle

Sqirlz Water Reflections Program Basics 49283851498_0631820187_o
Newsboy (Stone)
Created 5 or more Unique Topics
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank

I'm an idiot, I forgot to separate the water from the image before. >__<
Thanks for the tutorial


________________________________________________________________________________________________________________________________________________________________________
Sqirlz Water Reflections Program Basics NqQZXFk

Markpachi

Markpachi

Sqirlz Water Reflections Program Basics 49283851498_0631820187_o
★★Thousand Dragon★★
Posted over 1000 Messages
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
Heaven's Door (Silver)
Created 20 or more Unique Topics
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank

Also, another trick I did once.



You could render the part of the image in Photoshop (WAY EASIER). The cleared part, color it black then apply the animation in Squirlz.

Vegaz_Parrelli

Vegaz_Parrelli

Sqirlz Water Reflections Program Basics 52681694001_b0aaf96472_o
★★Thousand Dragon★★
Posted over 1000 Messages
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
The Greatest Showman (Platinum)
Created 40 or more Unique Topics
Kindred Spirit (Bronze)
Liked 5 Forum posts
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank
Apple Of The Eye (Platinum)
Recieved 60 or more likes from other Members

I'm going to need this in the near future...


________________________________________________________________________________________________________________________________________________________________________
Sqirlz Water Reflections Program Basics 0hGNWik



Do your best to become stronger. Become stronger, so you can do your best

Leo116

Leo116

Sqirlz Water Reflections Program Basics 49283851498_0631820187_o
Newsboy (Stone)
Created 5 or more Unique Topics
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
Rank Hunter (Bronze)
Obtained The Highest Tier 1 Initate Rank

Nice tutorial. Thumbs Up


________________________________________________________________________________________________________________________________________________________________________
Sqirlz Water Reflections Program Basics Signature_zpsae5163bc
http://mugengames.ucoz.com/

G

G

Sqirlz Water Reflections Program Basics OjtZ7W5
★★Thousand Dragon★★
Posted over 1000 Messages
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
The Greatest Showman (Platinum)
Created 40 or more Unique Topics
★★Pot Of Prosperity★★
Commissioned/Donated to support Newagemugen
卍♆★Divine Overseer★♆卍
Verified Senior Forum support/assistant/curator
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank
Fanservice (Bronze)
Recieved 20 or more likes from other Members

Thanks, guys!


________________________________________________________________________________________________________________________________________________________________________

Sqirlz Water Reflections Program Basics XqZWtLC
https://www.newagemugen.com/

ExCham

ExCham

Sqirlz Water Reflections Program Basics 49283851498_0631820187_o
★★Thousand Dragon★★
Posted over 1000 Messages
Talk Of The Town (Wood)
Recieved 5 or more likes from other Members
The Greatest Showman (Platinum)
Created 40 or more Unique Topics
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank

Sorry for the post i hope you dont mind.

Just followed your tuto.

This is what i got.
Spoiler:

Asides from my mistake with the border.
It supose to looks like this?


________________________________________________________________________________________________________________________________________________________________________
Sqirlz Water Reflections Program Basics Hdn_uni_signature_by_excahm-d8nsq46
http://excahmmugen.blogspot.com

11Sqirlz Water Reflections Program Basics Empty Re: Sqirlz Water Reflections Program Basics Sun Mar 03, 2013 10:22 am

G

G

Sqirlz Water Reflections Program Basics OjtZ7W5
★★Thousand Dragon★★
Posted over 1000 Messages
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
The Greatest Showman (Platinum)
Created 40 or more Unique Topics
★★Pot Of Prosperity★★
Commissioned/Donated to support Newagemugen
卍♆★Divine Overseer★♆卍
Verified Senior Forum support/assistant/curator
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank
Fanservice (Bronze)
Recieved 20 or more likes from other Members

Looks like you forgot to have your transparency at 100%.


________________________________________________________________________________________________________________________________________________________________________

Sqirlz Water Reflections Program Basics XqZWtLC
https://www.newagemugen.com/

12Sqirlz Water Reflections Program Basics Empty Re: Sqirlz Water Reflections Program Basics Sun Mar 03, 2013 10:35 am

ExCham

ExCham

Sqirlz Water Reflections Program Basics 49283851498_0631820187_o
★★Thousand Dragon★★
Posted over 1000 Messages
Talk Of The Town (Wood)
Recieved 5 or more likes from other Members
The Greatest Showman (Platinum)
Created 40 or more Unique Topics
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank

Mkay tryed again.....
When i put it at 100%
Nothing shows.


________________________________________________________________________________________________________________________________________________________________________
Sqirlz Water Reflections Program Basics Hdn_uni_signature_by_excahm-d8nsq46
http://excahmmugen.blogspot.com

13Sqirlz Water Reflections Program Basics Empty Re: Sqirlz Water Reflections Program Basics Sun Mar 03, 2013 10:38 am

G

G

Sqirlz Water Reflections Program Basics OjtZ7W5
★★Thousand Dragon★★
Posted over 1000 Messages
★★Dark Master Of Fists★★
Newagemugen Member for over 10 Years
The Greatest Showman (Platinum)
Created 40 or more Unique Topics
★★Pot Of Prosperity★★
Commissioned/Donated to support Newagemugen
卍♆★Divine Overseer★♆卍
Verified Senior Forum support/assistant/curator
Lord Of War (Gold)
Obtained The Highest Tier 3 Warlord Class Rank
Fanservice (Bronze)
Recieved 20 or more likes from other Members

Make sure you're using a cropped .png format image of whatever you're adding puddles to (I assume it'd be a floor) then put the transparency at full then make your other edits with the water. It should work.


________________________________________________________________________________________________________________________________________________________________________

Sqirlz Water Reflections Program Basics XqZWtLC
https://www.newagemugen.com/

Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum