Need some help working on Logons with a splash

I've recently created a few logons (4 in total), 3 of them even contain a "splash" (transparently/translucent area positioned on top of the bkgrnd image/wallpaper).
They look I guess but I'm wanting to skin the rest of the logon elements as well.

I rec'd alot of help and the logon template itself from Boss0190 (you can visit his site here, he has a ton of quality splash logons http://boss0190.wincustomize.com/)
and you can see the discussion here https://forums.wincustomize.com/?forumid=40&aid=140686&p=1#1098557

Those interested can find Boss0190's logon template that he offers freely is here http://www.deviantart.com/deviation/32414672/?qo=116&q=by%3Aboss019&qh=sort%3Atime+-in%3Ascraps

It really is a good base for starting a logon with a splash. You can use LogonStudio (XP version, not vista) and your graphic editing program of choice to create excellent looking logons. However, if you want to create a logon with the "splash" effect (mentioned above), you can only use LogonStudio to apply the logon, you can't edit it with LogonStudio. Basically it requires editing the contents of a folder which contain a number .bmp images, a uifile and a theme file.

The only thing that gets edited in the "theme" file is the name of the logon, logon author, author email address & any special notes you want to include in the notes section. I haven't edited anything else in this file. It lists descriptions for most of the .bmp image files used in the logon.

bmp_100.bmp is your logon bkgrnd image/wallpaper
bmp_128.bmp is your "splash" element, (a 32bit alpha blended bitmap which I believe is a 24bit image along with 8bit alpha channel for transparency)

The original post on how to create a "splash" for your logons is available here http://greatsphynx.wincustomize.com/Articles.aspx?AID=82822

I will also include the splash tutorial here as well since it's nice to reference everything all in one spot (maybe this post can grow with a bunch of tips from other users)

Creating a Bitmap_128 Tutorial created on Aug 4, 2005 8:27 PM by PhilipDJ check out his site at http://greatsphynx.wincustomize.com/
This tutorial is made to help understand how transparency and per pixel alpha blending is applied in bitmap_128 using Adobe Photoshop. To illustrate this, we will be using the bitmap_128 used in the Windows Vista Logon version 1.2 which can be downloaded here Link . Remember that in alpha channels or layers, black means transparent and white means solid. Any color between white and black would be semi-transparency of different levels.

1. First, create a new document with sufficient dimensions to hold all logon elements to be contained in the center panel. The commonly used dimension is 612 x 501. The background could either be white or any color or even transparent depending on your discretion.

2. Create a new layer and name it "Glass". Press U to activate the shape tool . Choose the round rectangle tool and set it to 20px radius . Set your foreground to white and then draw your shape to the size you like onto the document.

3. Ctrl+click on the thumbnail of your "Glass" layer on the layers tab to make a selection exactly like the shape you just created. Go to the channels tab and create a new channel (its default name will be Alpha 1) .

4. To create a subtle shadow effect around your glass, set your foreground color to #636363. Press ctrl+alt+d to open feather selection window, set feather to 3 and press enter.

5. On your "Alpha 1" channel, press alt+backspace to fill the selection with the foreground color. Press ctrl+d to deselect.

6. to create that semi-transparent outline of the glass, go back to the layers tab and ctrl+click on the thumbnail of your "Glass" layer to select it. Return to channels tab, set your foreground this time to #c8c8c8. Press alt+backspace to fill the selection with the foreground color.

7. With your selection still on, go the Select menu, click modify, choose contract and set it to 1. Press ok.

8. Set your foreground color to #484848 and your background color to #282828. Press G to activate your gradient tool. Set gradient filling to Reflected Gradient and apply it on the image like here. Press ctrl+d to deselect.

That basically covers the main steps in creating transparent, per-pixel blended, glass-like bitmap_128. If you want to add more objects into the image, you can do so. Just go back to the layers tab and add your stuff there. But make sure that in your alpha channel, you specify whether these will have solid colors or semi-transparencies.






- editing your UIFILE in your logon folder, I found that changing the vertical flow layout to
8,625 views 8 replies
Reply #1 Top
button [id=atom(go)]
{
margin: rect(5rp,0,0,0);
background: rcbmp(103,7,#FF00FF,28rp,26rp,0,0);
content: rcbmp(103,7,#FF00FF,28rp,26rp,0,0);
padding: rect(0rp,1rp,0,1rp);
}
button [id=atom(go)][keyfocused]
{
margin: rect(5rp,0,0,0);
background: rcbmp(104,7,#FF00FF,28rp,26rp,0,0);
content: rcbmp(104,7,#FF00FF,28rp,26rp,0,0);
padding: rect(0rp,1rp,0,1rp);

7=alpha
28rp,26rp=height,Width or inverse
hope that help in wait to Boss answers


ps: for others look at the bottom of uifiles you can get all dimension and place of each elements.
Reply #2 Top
There are certain strings in the UI that must be changed according to graphics format..for example 32bit alpha...

Try this site to learn more.. http://bfarber.com/index.php?showforum=65
bfarber.com -> XP Login Screens

Also, "round" will drive you crazy, even with the strings changed and your sizes correct, something as simple as padding can ruin your day...

Heres another site with excellent info..http://webpages.charter.net/joolsie/LogonScreens.htm
Animation/Transitions

Have fun...

PS: Brew some coffee, you'll need it...
Reply #3 Top
my scrollbars were doing the crazy thing too...getting big,then normal,then big...dont know why but they went backto normal and stayed that way...

I use Explorer scrollbars...17 pixels wide.  
Reply #4 Top
Boss got me going in a big way...I checked out his template too.I also uploaded one here in the logon section...Pimp my WB logon...you can use it if it will help.Graphix are in the graphix section.  
Reply #5 Top
Pimp my WB logon


that name still makes me chuckle   
Reply #6 Top
Hi John...its actually Dubbya Beeeee but I was too lazy to type that here this early.eheehe.  
Reply #7 Top
you guys are great, thanks for the awesome advice thus far!   
I.R. I may take you up on your offer - it is appreciated!   
Reply #8 Top
Cavan and boss have helped me a great deal. I've learned how to change the fonts and their colors and the messages. For example, instead of the same old boring welcome, I can change it to "Wassup?" or anything else. Boss helped me to change the splash logons to show the messages by changing the uifile height and width settings near the bottom (msgarea) of the file. the defaults are way to small to show any messages.