Skinbase.org Skinbase.org

Please help with Skin/s

By bea
897 views 22 replies
cuttheredwire avatar
cuttheredwire
Member
OP
Just use a normal graphics app (ps, psps, gimp) and a text editor (notepad, metapad). Some apps have skinning programs, but most don´t. C´est la ve.
Gregor Klevže avatar
Gregor Klevže
Member
Could be corel too, I guess :) My favourite is Photoshop
snowman avatar
snowman
Member
"real-life" stinks }:| }:|
bea avatar
bea
Member
Good Morning, <br /> <br />Sorry if I were rude not to reply before the weekend my life got a little bit to busy. <br /> <br />Thank you for all your help and unfortunately I have to put my skin project on hold. But I will be back with feedback. <br /> <br />Bye <br />B
cuttheredwire avatar
cuttheredwire
Member
Alright. I gotcha. Wish I could help dirrectly, but I suck at graphics. <br /> <br />Just look around some tutorial sites. I&acute;ve got a list someplace, but DevArt or spoono.com are good places to start. <br /> <br />When designing a skin, always start on paper. Then do it in graphics. You&acute;re going to have to do a little trial and error with what you can and can&acute;t do with a skin, but you&acute;ll figure it out. <br /> <br />When you have your graphics, and the skin just doesn&acute;t look right or won&acute;t work, then I&acute;ll be able to help you again. 8)
pk avatar
pk
Member
Your welcome Bea :-)
bea avatar
bea
Member
Good Morning :, <br /> <br />Thank you for all your help and suggestions. I do appreciate it a lot, well I can say it the whole time. <br /> <br />Firstly I have to thank you SCAREBEAR, the site with CDBurn is excellent, exactly what I&acute;m looking for. No I just hope that it is usefull. <br /> <br />I&acute;ve looked at your site PK and thank you for the example. I will take you up on your offer to mail you when I get stuck :9 <br /> <br />Not to you RED, what I&acute;ve meant with 2D is embossing effects as you know Desiging 3D but on screen and paper appears it only 2D for the eye. So basically I want to design a skin with Metallic and Fluid effect. <br /> <br />Does it make sence? :-D Thanks for the offer to help me. <br /> <br />What SNOWMAN suggested could be a great help!!!!! :9 <br /> <br />I wish you all a great day (little bit silly to say when we all know what is going on in the world :-( <br /> <br />Bye bye <br />B :p
pk avatar
pk
Member
I see gRAVE is advertising his own stuff ;-) Let me do the same here then! <br /> <br />*****START ADVERTORIAL***** <br /> <br />PKTimer (yup, made by me) is very easy to skin (really!). And when you skin it you get a free registration (well,.. heck its free anyway....). The bestest of the bestest (..) thing is that you can email me anytime when you dont know how to skin it, or get in trouble skinning it :-) <br /> <br />Here can you find it: <br />http://www.x21b.com/pktimer.php <br /> <br />Scarebear made a nice tutorial: <br />www.twohipdudes.com <br /> <br />My email is also on that page if you need help :-) <br /> <br />***** END OF ADVERTORIAL*****

Edited

cuttheredwire avatar
cuttheredwire
Member
Bea: What do you mean by 2d effects? <br /> <br />As for which app is the easiest, QN may not win that contest, but it is pretty simple. If we run into too many problems, then we&acute;ll go t something easier. It&acute;s up to you of coarse. If youwant to try another app, I&acute;ll guide you thru it. 8)
Gregor Klevže avatar
Gregor Klevže
Member
You can try with SkinMem :) :) :) Tiny .ini file, but easy to skin
scarebear avatar
scarebear
Member
Yes - 72 DPI is perfect :) <br /> <br />If an ini file is scary, then you could start with a program like BeatNik or Tyme first. Both let you create your graphics and have built in skin compilers. <br /> <br />BeatNik - http://somedec.com/downloads/ <br />Tyme - http://www.545studios.com/ <br /> <br />With Tyme you do still have to edit the ini (which is small and easy) but you can edit them easily from the &acute;Load Skin&acute; menu (Which you can access by right-clicking on the program). <br /> <br />If you want to skin a CD player, CDrun is possibly the easiest with a very small ini file (used only to give the skin a description and skin author details) and graphics that simply must be a certain size. <br /> <br />CDrun - http://www.amberror.lt/cdrun/ (the site has a skinning tutorial too :)) <br /> <br />At TwoHipDudes - did you try the PDF tutorials as well as the website ones? The PDF tutorials have pictures that should help. It&acute;s important to start small. Don&acute;t try and skin Media Jukebox or AIMutation first. PKTimer, Scribbles and Audiosliders are the easiest to skin. And Audiosliders used to give away free registration of the program to people that skinned it. I don&acute;t know if they still do. PKTimer and Scribbles are free :D <br /> <br />The most important thing you can do when learning to skin (IMHO) is pull apart someone else&acute;s skin and see what they did. Just don&acute;t ever use their graphics :)
snowman avatar
snowman
Member
hmm... it might be a good idea if we did some kinda skinning FAQ page :)
Gregor Klevže avatar
Gregor Klevže
Member
I suggest you to take a look for Ace HTML, which can be found here http://www.visicommedia.com/ <br /> <br />It&acute;s great HTML, javascript editor
bea avatar
bea
Member
Hi PK, <br /> <br />Well I am a nice person :-) to thank you guys for your help. <br /> <br />But I have to be honest, I&acute;ve looked at the site TwoHipDudes but sorry the Tutorials don&acute;t help me a lot. But thank you for your help. I am a person that understands graphics but as Java or Html there I am a little bit stupid :grin: <br /> <br />Thank you again. <br /> <br />Bye bye
pk avatar
pk
Member
Bea: Nice to see you actually reply to the answers you got (no sarcasm!). <br /> <br />When you have finished red&acute;s quicnotes tutorial you should also look at www.twohipdudes.com , they have a couple of very good tutorials ranging from simple programs to difficult programs :-)
bea avatar
bea
Member
Oh oh I do have another QUESTION, can I design the skin on an low DPI of 72? <br /> <br />thanks
bea avatar
bea
Member
Hi Red :) <br /> <br />Thank your for your link, have downloaded QuickNotes and the description page is a GREAT help!! Thank you for your assistance, I will now start playing around and see what I can do. <br /> <br />I will let you know how it is going, as soon as I mastered to create a skin. <br />the below info you&acute;ve gave me, but this is for quicknotes right? How does is look when I have a skin with 2D effects? <br /> <br />[Skin Settings] <br />Left=2 <br />Top=17 <br />Width=196 <br />height=132 <br />Windowcolor=$00000000 <br />Fontname=Arial <br />FontSize=7 <br />FontColor=$00707070 <br /> <br />Okay let me try!! <br /> <br /> :-D Bye B
cuttheredwire avatar
cuttheredwire
Member
Oh ya, you can call me Red, btw. 8)
cuttheredwire avatar
cuttheredwire
Member
bea: have look at my quick notes tutorial. Then if you have any questions we can just take it from there. <br />Tut: http://www.spoono.com/tutorials/skins/quick_notes/#3 <br />QN: http://www.lowdimension.com <br /> <br />As for the html question, it is similare. In fact there are apps that use xml based skinning, so they would be even more similare. That usually isn&acute;t the case though. Lets take quick notes for example. Here is the text file for the skin in my tut: <br /> <br />[Author notes] <br />Skinname=Spoono Sample <br />Author=CutTheRedWire <br />E-Mail=CutTheRedWire@hotmail.com <br />Website=www.spoono.com <br />Description=A sample skin for learning purposes. <br /> <br />[Skin Settings] <br />Left=2 <br />Top=17 <br />Width=196 <br />height=132 <br />Windowcolor=$00000000 <br />Fontname=Arial <br />FontSize=7 <br />FontColor=$00707070 <br /> <br />: Basically everything to the left of the equal sign is a variable, and everything to the right is what you put in to control it. The first part is pretty self explanitory. It&acute;s information you put in about yourself like credits in amovie or what not. The second part is a bit more tecknical. It&acute;s controlling where the text area is on quick notes. If you&acute;ve used the program, you&acute;ll see what I mean. If not, I&acute;ll put it to you this way: you have to tell the app where a person can type on the skin, and this is where you do that. Left & top are where it starts. Width and hight ar how big it is. The colors are in hexadecimal (I think you know what that is, if not I can explain). I think the font entries are self explanitory as well. They control how quick notes displays the fonts in the text area. <br /> <br />Now to really get a feel for what these settings are doing you should play with them in a skin. If you aren&acute;t sure how to go about that, then just divid a number in there by 2, save the file, and reopen the app. <br /> <br />Now this is just one example. A very common thing you will see in other skins is the name of the images you are using. In quick notes they have to be certain ones, so it doesn&acute;t need them. I hope this gives you a lot of specifics you&acute;ve been wondering about. <br /> <br />Again, I&acute;m open to any questions, as are most the ppl here. Heck, 90% of them have already skinned this app before. :P Even if you don&acute;t use the app or the skin, it is a nice simple stepping stone to take. Hope I didn&acute;t get too elimentary, or condesending. Just wanted to give a thurough answer and I got a lil carried away. ^.^;
bea avatar
bea
Member
Morning Scarebear, gRAVE, PK and CutTheRedWire ;) <br /> <br />Thank you for your tips, as I am aware of creating the skin with Photoshop but wat is bothering me is the functional part. <br /> <br />Another question is, do I use Notepad for text simmilar as HTML code? Sorry for the silly questions I am trying to visualize how this skin wil function after I&acute;ve designed the Graphic part. <br /> <br />Please do answer again, your help is being appreciated, if you guys now how long I am sitting on the net trying to find a program...puhh!! <br /> <br />Have a great day!!! 🍺 <br /> <br />Bye <br />B
pk avatar
pk
Member
With the programs listed above you make the graphical part of a skin. Most applications also have a .ini file (simple text file) that you have to edit, use Notepad for that. <br /> <br />If you want to make a simple skin you can also use MS Paint. It comes with windows, and is probably already installed on your system. Its mostly used to create ‘pixelart’, art / skins drawn pixel by pixel by hand :-) <br />
Sign in to post a reply.