HOME | DD
glaceau โ Lilith Face-making Tutorial
Published: 2009-12-17 06:23:28 +0000 UTC; Views: 13297; Favourites: 258; Downloads: 250
Redirect to original
Description
BA skin (rar file) --> [link]BA skin (zip file) --> [link]
Installing and Using Lilith Player --> [link]
Someone asked, and Hika provided. Rather clumsily too. XD;;
A tutorial on how to make a simple face for Lilith Player. I'm a coding beginner so this is about as much as I know about making custom faces for Lilith Player. TvT;; I apologize if it's not much.
If you have any questions, I'll try my best to answer them O3O;; I'm not very good though, so I can't guarantee being able to provide the answer for every question TwT;;
Lilith Faces are faaar easier to make and prepare compared to FLELE shells, and they're also really flexible and highly customizable >v<;; If this tutorial can help more people produce their own faces for their Lilith Player it'd make Hika really happy.
Please do tell me if you've made a face too >u(/is a face-collector-maniac)
Related content
Comments: 109
Lilith song player is like a small music player you can have on your computer, you can give it different looks with faces like this one :3
๐: 0 โฉ: 0
Oh, is it alright now? OmO?
๐: 0 โฉ: 1
yes, when I get to codeing I'll might need somehelp.
๐: 0 โฉ: 0
I want to mke one, but the pic won't show... help?
๐: 0 โฉ: 0
Im so going to make my own!! Um.. when I got the time...
๐: 0 โฉ: 0
Hurray~! I might use this to make my own and thank you so much~! OuO
๐: 0 โฉ: 1
!!! Glad to hear I could be of some help *^* Good luck with making your own!
๐: 0 โฉ: 0
Thank you so much for the tutorial! I'm really in love with my Prince GumballxMarshall Lee face <3 I'll try to do a Germancest face soon, you really helped me a lot!
๐: 0 โฉ: 1
Eeee so glad it was of some help to you! * w * Please make more faces yes yes <33
๐: 0 โฉ: 0
I might try to make one sooner or later! I actually never eve head of a lilith until I looked in your gallary! Thank you for informing me on such an awesome little music player! Im slowly turning into a Lilith Face collector....^-^' so far I have all the ones you made just cuz they are BA and made by the awesome and talnted you! Thanks hope to see more of these little lovlies from you!
๐: 0 โฉ: 0
Thank you very much! I shall give this a try when I get the chance to draw a face >3<;;
๐: 0 โฉ: 0
I tried but it still didn't work, I mean, I'm new to photoshop and all and when you said "second expression line", then I have to draw the eyes and mouth for "paint over" later or I have to crop the face part and fix the details? I know I'm being a pain in the ass here but could your screencap every of your steps when doing that second face part for me? Oh and by the way, you draw your picture on the paper and scan it or you draw it on Sai directly? And with mouse or a tablet?
๐: 0 โฉ: 1
Whoaa erm... I could do the screencap thing but all of my faces have more or less been flattened so I'm not sure how much that will help you XD;;; Give me a bit of time whilst I tidy something up? TvT;;
And er... I do all of my Lilith faces directly on Sai. With a tablet of course, I'm rubbish with a mouse ahaha.
๐: 0 โฉ: 0
Uhmn, I'm sorry to bother but when you have two facial expressions like that, it means you use two different picture or two facial expression layers in PS? Since I still didn't figure how to separate those two facial parts when I flatten the image and I think may be you should show me the way to paint the second facial expression on the same image? *Urghhh I sound so dumb right now=__________=*
๐: 0 โฉ: 1
ah erm... OwO;; it's easier if you just use two seperate layers on the same file...?
I... don't really know how to explain how to paint the second facial expression on... TvT Hopefully this will make sense...
The layers should be something like this:
- Other lineart (hair, clothes etc)
- Second expression lines
- Paintover layer
- First expression lines
- All the other colours here
On the paintover layer you literally just... "paint over" the first expression with a skin tone OwO;; (It helps if you draw both expressions on a seperate layer to the actual lineart.)
After that you "colour in the eyes/mouth and shade in the face" like you usually would in a CG.
Then you can flatten "second expression lines" with "paintover layer" so it's now just one layer you can show and hide with one click.
This way you can er... use the save as option without needing to flatten...?
OTL does that make sense?
๐: 0 โฉ: 0
Okay, everything I wrote is far too complicated. I figured out a simpler way of saying it. Ignore all that and just read this one. Sorry.
The playlist and next buttons are working as play/pause buttons, but only when the music is playing. When it's not playing they just don't work. Likewise, when the music is playing the original play/pause button doesn't work.
There we go.
...Help? Other than that, the entire thing is set to go and I wanna show my bro soon.
๐: 0 โฉ: 1
I'm really really really sorry for the late reply omg OTL
I was out travelling for a really long time and I didn't really have any internet access =m=;;; Just got back and finally managed to get online...
Erm hmm... the only thing I can think of at the moment is that... are the playlist/next/play/pause buttons really close to each other? Like, do they happen to overlap? OmO??
๐: 0 โฉ: 0
Oh wait no problem.
I fixed the play button so it's properly located, and I can click it to start the player, but if I click it again the playlist and next buttons only work as the play/pause button- they have the bubble that says play/pause but they still look the same- and the original play/pause button doesn't work or even appear at all. And the Back button shifts up a bit. About half the time that Lilith's not playing, the next and playlist buttons have the play/pause label, but they work normally. Help?
๐: 0 โฉ: 1
Oh, and the play/pause button never has a label.
๐: 0 โฉ: 0
๐: 0 โฉ: 0
This deviation has been featured here . Itโs just a little showcase in my journal so itโs not much, but I thought you did an awesome job. ^^ I really hope that lillith will become more popular! ( I need more faces too! 
๐: 0 โฉ: 0
how do u find the x, y, values and stuff, also i already use photoshop and i know where to find it, not how to use it though
๐: 0 โฉ: 1
mm you know how to find the x and y values of a point right? ovoa
Basically you want to hold your pointer to the top left corner of the part of the picture you're going to "cut out" as a button and note down that number. OwO
Most of the time you can just use trial and error and tweak the values till the piece fits nicely though... it shouldn't be too much of a problem if you don't use photoshop to find the numbers OvOaa
Also sorry for the late reply TvT;;!
๐: 0 โฉ: 1
i see, its okay for the late reply, plus i made one, do you want to see ^^
๐: 0 โฉ: 1
[link]
pfft though it might fail XD
๐: 0 โฉ: 0
Wow, thanks a lot! Never heard of this program. Made some flele ones before, but I feel like trying this immediately!! (specially cuz it's easier XD)
(Ur US UK drawing is so cute!!)
(By the way, I don't know if this might help anyone, but I think the reason the blue outline that's supposed to be transparent in the picture shows it's because the border it's "feathered")
๐: 0 โฉ: 0
Hello, thankyou for making this QuQ
*snatches tut and sits in ArtRage thinking of a face*
I have one question though :0
Is there any way of keeping it in front of windows like FLELEs? o3o
It makes me very sad to know that all the cute is right behind my internet window and i can't stare at it all the time OTL
๐: 0 โฉ: 1
Yes there is a way C:
If you right click on your player, there will be an option in the right-column called ๆๅ้ขใซ่กจ็คบ. If your computer cannot decode japanese and you see weird symbols instead, it's the 4th option from the bottom on the right column, just above ่จญๅฎ(T) (I suppose the (T) will still show even if the japanese gets messed up? orz).
If you click on that option a tick will appear next to it and it should make the player appear in front of your windows at all times C:
๐: 0 โฉ: 1
Ohh, so that's how it rolls :0
Thankyou very much, now it works C:
๐: 0 โฉ: 0
I love you.
seriously, though, thanks for making this X3
๐: 0 โฉ: 0
Thanks so much for the awesome tutorial! motivated me to make a face of my own:
[link]
๐: 0 โฉ: 0
nevermind, i managed to solve it by myself C:
thank you for the tutorial anyway! i did exactly what i wanted [link] 
๐: 0 โฉ: 1
Sorry for the slow reply! TvT;; I seem to only come on to check my messages after people have fixed their own problems...
ALSO WHAT IS THIS OVERWHELMING CUTE!!! Q//////Q (runs to download)
๐: 0 โฉ: 1
aha don't worry ^^
thank you btw <3 i'm happy that you liked it, but it's all thanks to your tutorial xp <3
๐: 0 โฉ: 0
nn can i ask you a thing? รฉ3รจ
i tried to do this, but i cannot find the right way to edit the template you gave. D: > i cannot find the right positions of the "play, back, next, playlist"... how can i find the right positions of them? OTL;;; thank you in advance <3
asesome tutorial anyway ;D; <3 <3 loved this
๐: 0 โฉ: 0
I Did it! thanks 4 this awesome tutorial!! [link]
๐: 0 โฉ: 1
A-aaah I'm so sorry for not being to reply! School work swamped over me and by the time I checked dA you've fixed it...! TmT!!!
................OMG KIDOU FACE WHAT.
/runs to download
๐: 0 โฉ: 0
I love this tutorial
but I have a problem, I put the TRANSPARET option, but it doesn't work Dx
if you can help me please ;3;
Thanks!
๐: 0 โฉ: 1
I went to read that you resorted to saving the image as a transparent .png in the end but here's something that might have caused the transparent option to fail OvO;;;
...trying my best to be helpful even though you guys figured it out anyway...
Technically even if you don't save an image as transparent, Lilith's code should technically make the top leftmost pixel's colour into the transparent pixel...
What I found out was that sometimes when I resize the image file, there is a very, very, very subtle difference in colour that happens 1px around the image like a border... >_>;;; This makes Lilith turn that colour transparent, but not the rest of the bg.
If that happens it helps to resize the image first (don't flatten), then fill in the bg colour that you want to make transparent with a solid paint-bucket tool to be safe. ovo!
๐: 0 โฉ: 0
Hey, I have a troubled went I want to use my lilith face. What must I do?? [link]
๐: 0 โฉ: 1
Hey there OvO;; Sorry for the late reply, things came up and all that...
I'm sorry but it's a little... difficult for me to judge anything with that one error message... orz (And it's doing the weird encoding thing...
When did this occur? Do you have all the images placed in the same folder as the code?
๐: 0 โฉ: 1
When I want to change the skin, all of image I throw in same folder.
๐: 0 โฉ: 1
Would you be able to send me a screencap of what the skin folder looks like?
Also could you send me a note with the contents of your .ini file? OvO
๐: 0 โฉ: 1
Here [link] [link]
[Preference]
Version = 0x2000
FaceName = CANADA
[Window]
Image = Base.png
Width = 206
Height = 303
ForceSystemMemory = TRUE
Option = TRANSPARENT
[Play]
Image = Play.png
PosX = 115
PosY = 94
Width = 81
Height = 63
Option = IMAGE,ENABLE,PUSHBUTTON,USETIPHINT
TipHint = Play
[TagArtist]
PosX = 53
PosY = 207
Width = 85
Height = 14
FontFace = Tahoma
FontSize = 14
FontColor = 0x00323B5E
Option = CAPTION,SCROLL
[TagTitle]
PosX = 54
PosY = 199
Width = 110
Height = 14
FontFace = Tahoma
FontSize = 12
FontColor = 0x00323B5E
Option = CAPTION,SCROLL
[Suspend]
PosX = 115
PosY = 94
Width = 81
Height = 63
Option = ENABLE,USETIPHINT
TipHint = Play/Pause
[Back]
Priority = 2
Image = Pref.png
PosX = 144
PosY = 347
Width = 34
Height = 35
Option = IMAGE,ENABLE,USETIPHINT
TipHint = Back
[Next]
Priority = 3
Image = next.png
PosX = 318
PosY = 347
Width = 20
Height = 38
Option = IMAGE,ENABLE,USETIPHINT
TipHint = Next
[PlayList]
Priority = 1
Image = Playlist.png
PosX = 163
PosY = 109
Width = 24
Height = 34
Option = IMAGE,ENABLE,PUSHBUTTON,USETIPHINT
TipHint = Playlist
๐: 0 โฉ: 1
| Next =>