26-03-2012, 12:42 PM
Bootskin
How to make a Bootskin.docx (Size: 1.57 MB / Downloads: 38)
Introduction:
Basic tools:
- MS Windows: Preferably Win XP is the right system to work on for Bootskin.
Microsoft Website: Link
- Bootskin: The actual program to create and apply Bootskins with ease and safety.
Bootskin Website: Link
- Photoshop CS (either full or free trial version): This is where the main work is done.
Adobe Website: Link
- WinZip: The utility to zip your Bootskins.
WinZip Website: Link
- Notepad or Object Edit or any other text editor: Used to make the little script that comes with every Bootskin. (Notepad is intergraded to Windows so you don’t need to download anything else).
The big picture:
To create a Bootskin you need to make-create three basic things:
a. The screen image: The actual image to show.
b. The progress bar: The tiny little bar that floats.
c. The script: A small text file that tells everything what to do.
B. The screen image:
- We will now attempt to make the screen image we want to use for our Bootskin. The whole process will take place in Adobe Photoshop CS. All terms referred are from the actual Photoshop layout.
- Screen image’s Properties: 640x480, 4-bit, 16 colors palette.
1. You need to make your image in 640x480, the resolution that any Bootskin screen image is. So if you have a bigger sized picture-wall you need to drop its resolution to 640x480. Appropriate wall sizes are: 800x600, 1024x768, 1280x960 and 1600x1200. If you have any other resolution you may need to do some clipping or stretch the image.
2. The way to do proper image resize is from the menu "Image>Size…" Upon click on it a Dialog Box will appear.
3. Tick all the check-boxes that appear on the lower part of the Dialog Box. Those are:
- Scale Styles (if you have a multilayered image and you used styles or blending options
on them to scale them as vector forms, gives them a cleaner look)
- Constrain Proportions (so that your image doesn’t get hindered too much)
- Resample Image (the mode to resample your image). In the drop down menu next to
Resample Image select Bicubic; this is the best method to bring down an image.
4. Now at the text box labeled as Width insert the number 640. With Constrain Proportions activated the Height should adjust automatically to 480. Press Ok to resize.
5. If your image is not of the resolutions mentioned above, then don’t click on Constrain Proportions and in the text boxed labeled as Width and Height insert the numbers 640 and 480 correspondingly. Press ok to resize. Note: This might alter image quality, but that is your choice.
The progress bar:
- We will now attempt to make the progress bar image we want to use for our Bootskin. The whole process will take place in Adobe Photoshop CS. All terms referred are from the actual Photoshop layout.
- Screen image’s Properties: 22x9, 4-bit, 16 colors palette.
1. You need to make your image in 22x9, the resolution that any Bootskin proper progress bar image is.
2. Paint the progress bar black with the bucket tool and reduce the colors to the 4-bit palette or 16 colors.
3. The way to properly reduce the image color depth is to go from "Image>Mode>Indexed Color…" Indexing an image means that you’ll reduce its colors to a specified number and all pixels will be accordingly adjusted. The largest possible palette when you Index an image is consisted of 256 colors. Note: Imagine the image palette as a big matrix of boxes each one representing a color of the image. Each box has a unique value. The first color in the palette is called the Master Color. (Note this for future reference, since it’ll help you understand the relation between Screen Image and Progress Bar)
4. A property window will open. At this stage you won’t need to play with any fields. Just leave them as they are and hit the ok button.