Feral Heart

Help & Guidance => Member Made Tutorials => Presets & Markings Tutorials => Topic started by: sanrio on June 15, 2017, 04:29:58 pm

Title: Arreze's Preset Tutorials - July Update
Post by: sanrio on June 15, 2017, 04:29:58 pm
I've figured lots of people have trouble with this so I decided to make a tutorial on covering (mostly) everything to do with preset manes.
If I've missed something you want added please tell me and I'll try my best to add it!

(All of these tutorials will be shown in SAI)


So, let's get started with a very basic mane.
You can find the mane base in FeralHeart>Media>Textures, and search "fmane"
The one you need should be the second option.
(http://i.imgur.com/OcGShDt.png)

After you've found that, click Open.

If you want another colour than black then you're going to need to colour it in!
To do this is very simple.

Look at your layers section, and click Preserve Opacity.
This locks the place where you can draw and just onto the canvas, this also saves the transparency.
(For Gimp it should be the same but I'm not sure!)

(http://i.imgur.com/DTMf8dV.png)

After that, you should be able to colour it without any problems at all!
Here's what it should look like once it's coloured:
(http://i.imgur.com/ZYylpJ5.png)

Now, it looks a bit plain, doesn't it?
Let's add a texture!
You can find many on the internet but the one I mainly use is the normal FeralHeart one, it can be found exactly where you found the mane base.

FeralHeart>Media>Textures and search "fmane"
But this time it should be the 6th option if you wish to choose the normal FH texture.

So open that and copy and paste it onto the base you just coloured.
Should look something like this:
(http://i.imgur.com/bYvwDAj.png)

Now, look at the layer section.
The texture MUST be above the base layer otherwise this will not work,
set the TEXTURE LAYER to MULTIPLY.
After than you'll need to click the option "Clipping Group" To ensure transparency
And it should look a little something like this:

(http://i.imgur.com/8l2e4rl.png)

That concludes the end for this tutorial, I hope everything I said makes sense!


Different textures and how edit them.
So you can actually use textures and change how fluffy the mane looks (Includes more options.)

So follow the tutorial above this one, and when you get to the multiply the texture layer step, stop there!

I'll tell you what each one can do and how it looks, let's get started:

"Screen"
I don't see this one used too often, but it makes the colour a lot brighter than the base colour
(http://i.imgur.com/u3dGxZf.png)

"Overlay"
Overlay does a mixture of Multiply and Screen, it makes the colour lighter but VERY so slightly
(http://i.imgur.com/yau84mF.png)

"Luminosity"
I DO NOT RECOMMEND USING THIS AT ALL.
It makes the colour ever so bright and basically blinding, but I guess if you have the right preset design you could pull a preset with this mane off.
(http://i.imgur.com/ZH1Oai6.png)

"Shade"
Now, use this one, but please edit the layer opacity first.
This layer edit makes dark hair look really nice (If you lower the opacity) Lighter hair? Not so much
You can use this to make the hair look more defined and more life like
The image below has had the texture opacity layer LOWERED
(http://i.imgur.com/CFt80C6.png)

"Lumi and Shade"
This one disorts the colour but also adds the effects of Shade
(http://i.imgur.com/OfJ42qd.png)

Now, let's go onto how to make the mane look fluffy, it's very simple.

1) Use the layer edit "Multiply" as this is the most realistic soft looking texture
2) Lower the opacity to make it less defined
3) Test it in game and make any edits you need.
Keep in mind that this normally works better with lighter coloured hair!
Here's what an example would look like in Gimp/SAI/etc.
(http://i.imgur.com/rdhtm0j.png)

I hope you all enjoyed this tutorial! If I forgot anything or if you have any questions, please tell me!

How to make the mane in game solid, and not see-through
So I used to always have a problem with this and never new how to fix it, and I assume other people didn't know either.

So add this code into the bottom of your .notepad files, and then you should be all set
(Of course edit it to the preset number)

Code: [Select]
    material preset_#_maneMat
    {
            technique
            {
                    pass
                    {
                            cull_hardware none
                            cull_software none
                            alpha_rejection greater_equal 128
                            texture_unit
                            {
                                    texture preset_#mane.png
                            }
                    }
            }
    }


If you have any more questions on this, just ask!

A Scrolling Fluffy Mane
A couple of people have asked me how to exactly make a scrolling mane but it has a mane texture applied, and it's actually quite simple to do.

Firstly, you must get the scrolling texture you want, for this I just used a pink galaxy:
(http://i.imgur.com/Z3Cmssz.jpg)

Now, before we get into the complicated stuff I suggest you put the code into the .notepad file
(Replace the # with whatever number file your preset is (This code also comes with the mane fix))
Code: [Select]
material preset_#_bodyMatL
{
technique
{
pass
{
texture_unit
{
texture preset_#body.jpg
}
}
}
}
material preset_#_bodyMatR
{
technique
{
pass
{
texture_unit
{
texture preset_#body.jpg
}
}
}
}
material preset_#_headMatL
{
technique
{
pass
{
texture_unit
{
texture preset_#head.jpg
}
}
}
}
material preset_#_headMatR
{
technique
{
pass
{
texture_unit
{
texture preset_#head.jpg
}
}
}
}
material preset_#_eyeMatL
{
technique
{
pass
{
cull_hardware none
cull_software none
texture_unit
{
texture preset_#eye.jpg
}
}
}
}
material preset_#_eyeMatR
{
technique
{
pass
{
cull_hardware none
cull_software none
texture_unit
{
texture preset_#eye.jpg
}
}
}
}
material preset_#_tailMat
{
technique
{
pass
{
texture_unit
{
texture preset_#tail.jpg
}
}
}
}
material preset_#_maneMat
 {
    technique
    {
       pass
       {
scene_blend alpha_blend
        alpha_rejection greater 128
          texture_unit
          {
            texture preset_#mane.png
          }
          texture_unit
          {
            texture preset_#mane.png           
             colour_op alpha_blend
          }
          texture_unit
          {
        texture SCROLLINGTEXTURE.jpg
        colour_op_ex blend_current_alpha src_texture src_current
tex_address_mode wrap
filtering trilinear
scroll_anim 0.0 0.1
          }
       }
    }
 }

So now we want to add the texture onto the actual preset, all you have to do is put the texture of the mane onto the SCROLLING TEXTURE and put it on multiply. Feel free to mess around with the opacity, I put it on 55%
And then export it as "SCROLLINGTEXTURE"
It should look something like this:
(http://i.imgur.com/ArDOzdh.jpg)

Now, you want to export 1 more image file, this is pretty easy.
Get your mane texture that you would use for a normal preset and export it under the name " preset_#mane"
There's no need to change the colour of it as this is just to keep the mane looking like a mane.
(http://i.imgur.com/ph4OVvu.png)

After you've exported all the image files and added in the code, it's time to test it in game.
Here's what it should look like:
(https://media.giphy.com/media/e0LTld9JcB3dm/giphy.gif)

If you have any more suggestions for what I should add, leave them below!

Title: Re: Preset Manes Tutorial - How to do different manes . Fix Transparency
Post by: Astraea on June 15, 2017, 04:32:29 pm
This is .//so helpful for me and those preset makers who can't figure it out! So nice of you to make this for the community seeing as there wasn't any others like this c:

Thanks for doing this! +Nuzzle
Title: Re: Preset Manes Tutorial - How to do different manes . Fix Transparency
Post by: G4RG0YLE on June 15, 2017, 04:35:31 pm
Awesome tutorial you've made here, love that you've also provided players with the actual code to make the preset manes solid; pretty sure everyone will find this very useful if they've been struggling with making manes properly without them coming across as transparent like! +Nuzzle
Title: Re: Preset Manes Tutorial - How to do different manes . Fix Transparency
Post by: sanrio on June 15, 2017, 05:01:42 pm
This is .//so helpful for me and those preset makers who can't figure it out! So nice of you to make this for the community seeing as there wasn't any others like this c:

Thanks for doing this! +Nuzzle
Awesome tutorial you've made here, love that you've also provided players with the actual code to make the preset manes solid; pretty sure everyone will find this very useful if they've been struggling with making manes properly without them coming across as transparent like! +Nuzzle
I'm glad that you both think this is helpful!

Again, if anyone has any suggestions or wants to know how to do a certain thing for preset manes, just ask!
Title: Re: Preset Manes Tutorial - How to do different manes . Fix Transparency
Post by: Kuri on June 16, 2017, 08:51:06 am
Can you make a scrolling fluffy mane that doesn't look like post-it notes?
Title: Re: Preset Manes Tutorial - How to do different manes . Fix Transparency
Post by: ola232 on June 16, 2017, 09:33:47 am
if this is possible can you make tutorial on fluffy metallic mane ?
Title: Re: Preset Manes Tutorial - How to do different manes . Fix Transparency
Post by: FlyingGrass on June 16, 2017, 11:36:36 am
if this is possible can you make tutorial on fluffy metallic mane ?
I think you only need to use the metallic code in the mane part of the presets .material file.

Metallic code is here: https://feral-heart.com/smf/index.php?topic=5665.0 (https://feral-heart.com/smf/index.php?topic=5665.0)
Title: Re: Preset Manes Tutorial - How to do different manes . Fix Transparency
Post by: sanrio on June 16, 2017, 03:05:09 pm
Can you make a scrolling fluffy mane that doesn't look like post-it notes?
I can try, seems like a challenge c:<

if this is possible can you make tutorial on fluffy metallic mane ?
As FlyingGrass said, you just need to add the coding to the .notepad file
Can be found here: https://feral-heart.com/smf/index.php?topic=26062.msg465661#msg465661
I'll still make a tutorial on it for you though!

Title: Re: Preset Manes Tutorial - How to do different manes . Fix Transparency
Post by: Morgra on June 16, 2017, 07:53:08 pm
I love the tutorial, Reg c:

NIce and simple tutorial that should help a lot of floofs!
Title: Re: Preset Manes Tutorial - How to do different manes . Fix Transparency
Post by: sanrio on June 16, 2017, 07:55:05 pm
I love the tutorial, Reg c:

NIce and simple tutorial that should help a lot of floofs!
Thank you, Morg!

I really hope so ; D
Title: Re: Arreze's Preset Tutorials - July Update
Post by: sanrio on July 16, 2017, 06:15:29 pm
Updated!
I added Kuri's request:
Can you make a scrolling fluffy mane that doesn't look like post-it notes?


I'm hoping to update this thread once a month (or more) if I get enough suggestions. c:
Title: Re: Arreze's Preset Tutorials - July Update
Post by: VortexAlive on July 27, 2017, 11:31:48 pm
Very nice tutorial, Arreze!
Title: Re: Arreze's Preset Tutorials - July Update
Post by: Vespian on July 27, 2017, 11:45:53 pm
Vesp likes. Vesp likes a lot. Thank you for continuing to do such a service for those who wish to know a few tricks with preset making.
Title: Re: Arreze's Preset Tutorials - July Update
Post by: sanrio on July 27, 2017, 11:52:59 pm
Very nice tutorial, Arreze!
Vesp likes. Vesp likes a lot. Thank you for continuing to do such a service for those who wish to know a few tricks with preset making.
Thank you both! It means a lot to hear that my guides are helping people. c:
Title: Re: Arreze's Preset Tutorials - July Update
Post by: SugarFrostBite on July 29, 2017, 01:22:04 am
Very useful guide. Will use it for our newbies.
Title: Re: Arreze's Preset Tutorials - July Update
Post by: .CrystalWolf. on August 02, 2017, 07:07:13 am
OH!, REALLY GREAT TUTORIAL! I hope I will easily make manes now : 3
Title: Re: Arreze's Preset Tutorials - July Update
Post by: sanrio on August 02, 2017, 07:27:43 am
Very useful guide. Will use it for our newbies.
Very glad to hear that!

OH!, REALLY GREAT TUTORIAL! I hope I will easily make manes now : 3
I hope the tutorials help. c: