First Previous Page 27 of 41 Next Last

This Week in Skinning – September 12th

Skin Roundup for 9-12-08

Friday, September 12, 2008 by Island Dog | Discussion: OS Customization

It’s been a busy week, but I still wanted to make a quick This Week in Skinning.  Here are this weeks picks!

 

DXDragDropExtended by Littleboy

Not so much a skin, but a very useful tool for anyone creating things with DesktopX.

 

I-Tech by gef

This latest Master DX theme from gef is another clean, sleek style that everyone should try.

 

Cloud Surfing by CarGuy1

This .dream puts your desktop on top of the clouds.

 

Waterfall and Koi Pond by OutdoorPicture

This Vista logon is just a really beautiful scene.

 

AMA by Richard Mohler

Another fantastic wallpaper from Richard.

 

Mysteria by KittyMalone

This WindowBlinds is great.  A beautiful design that you definitely need to check out.

 

See you next week!

Example of WindowBlinds Layer Blending

Friday, September 5, 2008 by Island Dog | Discussion: OS Customization

In case you missed the news the other day, WindowBlinds 6.3 and SkinStudio 6.3 betas were released via Impulse and Stardock Central the other day.  One of the most notable features was the layer blending feature, which opens up a bunch of creative possibilities for skinners.  It allows you to create some high quality skins using layer blending, which saves some time and trouble.  Layering in SkinStudio was a great feature, but it has now been enhanced by using features like Multiply, Screen, and Overlay modes.

Neil provided some images for me, and I wanted to post them to show you exactly what layer blending can do.

The first image here is an existing skin, with no layer blends at all.

origpic

These next two images are the same start menu.  One has a layer blended on color pixels, and the other is blended on greyscale pixels.  This was also done using the Multiply mode.  All that was done was taking two tiling images and adding them in tiling mode as new layers.

pic2 pic3

For more information about WindowBlinds and SkinStudio, visit the websites below.  If you don’t already have an Object Desktop or subscription, you can also get a special bundle with both WindowBlinds and SkinStudio included.

This Week in Skinning - September 5th

Skin Roundup for 9-5-08

Friday, September 5, 2008 by Island Dog | Discussion: OS Customization

Finally it’s Friday!  So many skins this week, including a couple of Master skin releases in the WindowBlinds category.  A quick reminder that the 2008 GUI Champs Starts in just over a month.  You can get more details here, and there is plenty of time to get skins started.  Now for this weeks picks!


 

Outer Limits for CursorFX
by J. Aroche

Another matching skin for the Outer Limits WB skin.  This is just an awesome cursor, download it and see for yourself.

 

Leatherbound DX for DesktopX Themes
by PuterDudeJim

PuterDudeJim is cranking out these DX themes.  I like the way he uses textures and styles to make unique themes.

 

ecological meters widget for DX Widgets
by philar83

Another great addition to the set of accessories for the ecoLogical WB skin.

 

Sea of Burning Dreams in Dreams
by Chris Bary

This is a really beautiful .dream with a subtle animation.  Looks great on the desktop.

 

Wraith Tabbed Dock for ObjectDock
by WebGizmos

This is one of several sets of dock backgrounds for the Wraith WindowBlinds skin.  Great work!

 

Srg138 in Wallpapers
by Srg01

This wallpaper really caught my eye.  It has a simple design that goes with many skins.

Wraith for WindowBlinds
by SKoriginals

The latest Master skin from SKoriginals is another winner.  A great, black WB skin that is usable for everyday use.

Great job to everyone featured, and thanks to everyone who submitted skins to WinCustomize this week.  See you next week!

This Week in Skinning – September 5th

Friday, September 5, 2008 by Island Dog | Discussion: OS Customization

Finally it’s Friday!  So many skins this week, including a couple of Master skin releases in the WindowBlinds category.  A quick reminder that the 2008 GUI Champs Starts in just over a month.  You can get more details here, and there is plenty of time to get skins started.  Now for this weeks picks!


Outer Limits for CursorFX
by J. Aroche

Another matching skin for the Outer Limits WB skin.  This is just an awesome cursor, download it and see for yourself.

Leatherbound DX for DesktopX Themes
by PuterDudeJim

PuterDudeJim is cranking out these DX themes.  I like the way he uses textures and styles to make unique themes.

ecological meters widget for DX Widgets
by philar83

Another great addition to the set of accessories for the ecoLogical WB skin.

Sea of Burning Dreams in Dreams
by Chris Bary

This is a really beautiful .dream with a subtle animation.  Looks great on the desktop.

Wraith Tabbed Dock for ObjectDock
by WebGizmos

This is one of several sets of dock backgrounds for the Wraith WindowBlinds skin.  Great work!

Srg138 in Wallpapers
by Srg01

This wallpaper really caught my eye.  It has a simple design that goes with many skins.

Wraith for WindowBlinds
by SKoriginals

The latest Master skin from SKoriginals is another winner.  A great, black WB skin that is usable for everyday use.

Great job to everyone featured, and thanks to everyone who submitted skins to WinCustomize this week.  See you next week!

SkinStudio 6 Tutorial: Table of Contents

Thursday, September 4, 2008 by Island Dog | Discussion: OS Customization

The SkinStudio 6 tutorial has many sections, most with plenty of screenshots to help show the process of creating your own  WindowBlinds skin.  We tried our best to create a thorough Table of Contents which will make it easy for you to find the specific section you might want to reference.  Obviously, I would recommend reading through the whole tutorial first, especially if you are setting out to create your first skin.

I posted the links below, for reference, but you can find the full TOC here.

1.  An Introduction to SkinStudio

What are Skins?
What is WindowBlinds?
What is SkinStudio?
The Elements of a Graphical User Interface

2.  A Brief Overview of SkinStudio

Choosing What Kind of Skin to Make
The SkinStudio Categories

3.  Skinning the Start Bar

The Elements of the Start Bar
The Elements of Start Menu
Making a New Start Button
Importing the Image into SkinStudio

4.  Creating Images for the Start Bar

Horizontal Taskbar
System Tray
Taskbar Group Menu
Vertical Taskbar

5.  Making a new Start Menu

Creating a Start Menu
Start Menu Logoff Images
Start Menu Popup Windows

6.  Saving Your Creation

Saving Your Work

7.  Changing the TitleBars and Borders

The Elements of the Title Bar and Windows Borders
Understanding per-pixel frames vs. UIS1 vs. UIS2
Making a New Title Bar

8.  Making Title Bar Buttons

Creating and Importing Buttons
UIS1 and UIS2 TitleBars/Buttons
Minimized and ToolWindows Window
Creating Borders

9.  Skinning Windows Buttons and Other Controls

Buttons and Controls
Combobox Controls
HeaderBar Controls
Menus and Menu Bars
ProgressBar Controls
Scrollbars
Spin Controls
Statusbar Controls
Tab Controls
Toolbar Controls
Trackbar Controls
Treeview +/- Controls

10.  Windows XP Specific Elements

Windows XP Shell
Logoff and Shutdown Screens
Toolbar Icons in Explorer and Internet Explorer 6
Control Panel Shell Styles
Shell Style Icons and Pictures
XP File Animations

11.  Vista Specific Elements

Vista Specific Elements
Explorer/IE Shell Parts
Internet Explorer 7
Task Dialog Controls
Vista Explorer Parts
Additional Vista Parts

12.  Fonts and Coloring

Changing Skin Fonts
Changing Skin Colors

13.  Tips and Tricks

Creating and Managing Sub-Styles
Backgrounds
Re-Coloring Skins
Theme Part Details
Start Menu Animation Builder
Animation Compression
Misc. Tips & Tricks

14.  Conclusion and Resources

Conclusion
Stardock Resources

DesktopX: Making Desktop Gadgets

Wednesday, August 27, 2008 by Island Dog | Discussion: OS Customization

I wrote an article showing you how to create and export DesktopX widgets/objects so they will work on the Windows Vista Sidebar.  I personally like using the Vista Sidebar on my Vista PC’s, but what if you are on XP, or just don’t like to use the Vista sidebar?  Well, DesktopX can help you there too.  Not only does DesktopX Pro export to Vista sidebar gadgets, it can also export to stand-alone gadgets.  Stand-alone Gadgets will work on any Windows XP/Vista PC regardless if DesktopX is installed or not.  This exporting feature is only available in the Pro version of DesktopX. 

There are several tutorials and guides available on how to create your own objects and widgets with DesktopX.

I’m going to start at the point where your widget or object is created, and ready to be exported.  Widgets and objects created with DesktopX need to have a version of DesktopX installed to use.  The gadgets we are going to export do not require that, and should run on any Vista/XP PC.

dx_gadget_export_01

When you are in DX Builder mode, just right-click your widget and click “Export”.  The following screens will guide you through creating your gadget.

dx_gadget_export_02

dx_gadget_export_03

dx_gadget_export_04

dx_gadget_export_05

After the export is done you should have you gadget that you can now use yourself, or distribute to the community with sites like WinCustomize.com.  For more information visit the DesktopX website.

Icon-A-Day 2.0, Supplemental, One Last Hurrah for LaST.

Tuesday, August 26, 2008 by mormegil | Discussion: OS Customization

Last_LogoI will be out of the country for the next week, so I will be putting the Icon-A-Day tutorials on hold until next Thursday. Luckily I had found something good to post that should be able to give everyone something to play with while I am MIA.


Tuesday, August 26th, 2008 Line

Bringing LaST up to date
Last_FolderMonths ago I was asked to update the IO Iconpack for MyColors. Since IO is, at its heart, a modified version of the LaST icons, I ended up doing almost all the work need to update the complete LaST icon pack. So this weekend I was able to go through and polish off the rest of it. The result was a brand new, Vista version of LaST Cobalt.

There was quite a bit of work that went into this update, so it is not really possible to do a step-by-step tutorial of the update, rather I decided to go through and show a few of the highlights of what went into the update.

Vista User Folders:
One of the biggest charges in Vista is the addition of several new User folders, as well as the new User folder structure. Several of the existing folders still worked; My Pictures, My Music, etc. However, I had to go through and create several new icons that are only used in Vista, such as Downloads, and Contacts. LaST_User_Folders
Live Folders:
The Live folders were the biggest obstacle in updated this iconpack, since the folder form factor is so non-traditional. So I had to do some tweaks, and I ended up simply creating a version of the Last folder on its side. With a few more tweaks I was able to make the Live folders work, though they obscure a bit more of the thumbnails than I like, but because the folder is translucent it still worked out ok.
Last_Live_Folders
Last(Vista)preview_Thumb Bringing along the rest of our friends:
The original LaST icons we designed for a Mac icon contest, and then brought over to 9x, and XP, so it contains many icons that are not used by default in Windows Vista. But since I have all the original icons saved in nice, clean 384x384 PNGs. I was able to create new Vista style icons of even the most obscure Windows 98 icon. I can say that this new pack includes every LaST icon I was able to fit in it. 

Even though I stuffed this iconpack with all the LaST icons I could, I there are still many more miscellaneous icons, that I currently have posted over in the Object Dock Library. I will be updating them to the new Vista standard soon.
Wrap Up:
Since I created these icons I have learned a great deal, including ways to automate many of the steps required to create sub-packs. I have always wanted to create some other color versions of these icons; Black, Ruby, and such. I am considering putting these together, but I am going to wait to see if people use these. I know they are a bit dated in style. Let me know weather you would like to see a few more LaST Iconpacks, and if so what colors you would like. 

About Me:
You can find all my skins, tutorials, and articles, on my Wincustomize Homepage, at http:\\mormegil.Wincustomize.com. Questions on icon use and techniques, can be emailed to mormegil@gmail.com. Twitter users can find me with the user name: Mormegil.

Download the LaST 2.0 Iconpack: 
Get today's iconpack from the  IconPackager Library.

Find all the Icon-A-Day tutorials, and links to the icons and more at the Icon-A-Day 2.0 Index.
All Icon-A-Day artwork, copy, and icons, are copyrighted by Paul Boyer © 2008, and may not be used with out express permission.

Icon-A-Day 2.0, Day 6: Looks like we need a new Index.

Monday, August 25, 2008 by mormegil | Discussion: OS Customization

Before we get to much further into the 2.0 update of the Icon-A-Day icon package, I want to take a moment to create a new index page so we can keep track of each step in the process. 


Day 6
(Monday, August 11th, 2008) Line

This index will give us a convenient home for the Icon-A-Day 2.0 project. As the project continues I will update this index with links to each of the tutorials. Unlike in 2.0, this index will be organized by day, not by icon.

Day 1, System Folders:

Day 2, Basic File Types:
 

Day 3, Closed Folder
 

Day 4, Open Folder
  

Day 5, Live Folder
 

Day 7, Data Folder

Day 8, Wrapper Folder 
 

Day 9, Favorites Folder  
 

Day 10, Pictures Folder   
 

Day 11, Downloads Folder 

Day 12, Links Folder    
 

Day 13, Music Folder    

Day 14, Videos Folder 
 

Day 15, Search Folder 
 

Wrap Up:
This index is for the Icon-A-Day 2.0 updated icons only. For the original Icon-A-Day tutorial Index, click here. For more details on the CorelDRAW techniques used in both the 1.0 and 2.0 tutorials, check out the CorelDRAW for Skinners tutorials here.

About Me:
You can find all my skins, tutorials, and articles, on my Wincustomize Homepage, at http:\\mormegil.Wincustomize.com. Questions on icon use and techniques, can be emailed to mormegil@gmail.com. Twitter users can find me with the user name: Mormegil.


 

All Icon-A-Day artwork, copy, and icons, are copyrighted by Paul Boyer © 2008, and may not be used with out express permission.

Icon-A-Day 2.0, Day 15, In Search of a Proper Drop Shadow.

Monday, August 25, 2008 by mormegil | Discussion: OS Customization

Last week I was lamenting that we were done with the simple User folders, but wait, I forgot one. I missed it because it did not exist in XP. After digging around in the original icons, I realized that we have pretty much have everything we need to make the new Search folder.


Day 15
(Monday, August 25th, 2008) Line

IA_15_SearchThe Search Folder.
When I started looking around the User folder today, I noticed that the the Search folder would be pretty simple to put together. I also noticed that the existing Search folder seems to have been put together in a rush as well.

It looks like they were originally just going to do the glass bits in the Wrapper folder, then decided it was not "search" enough, so they grabbed a magnifying glass and slapped it in front of what they had. The folder has one shadow, the glass has another, and the folder has a perspective 3D look. The glass is flat, and straight out of a Photoshop tutorial.

This lack of continuity with the rest of the User folders is kind of sad considering how much time and effort went into the Window Vista icons. The good news is that we should, in very few steps, be able to create something better. 

Step 1:
Once again we gather our assets together. All we will need is the Wrapper folder, the 1.0 Search icon (#81) and the File icon we created on day 9 for our Favorites folder.


IAD_15_S1 

Step 2:  
Now as luck would have it we can pretty much just flip our existing search icon, size it and skew it just a bit, and it works pretty much perfectly with our Wrapper folder. Even the shadows and reflections still work with a bit of cropping. 

IAD_15_S2

Step 3: 
At first I was just going to put the glass in the Wrapper and call it a day, but we can do better.

Lets put a few files in the folder. They will be blank, so I remove everything but the top bars from the file. I also tweak the fill just a bit, because I want the color to wrap around the edge of the file.

IAD_15_S3 
 

Step 4:   
Now we simply duplicate our file 3 times, and change the color of the bar on each.  Once I am happy with them, I move them into the Wrapper.

While we have them together, I go ahead and touch up the gloss on the files.

IAD_15_S4

Step 5:  
Tonight our classic last step is made much simpler by the fact that most of our shadows and reflections are good to go. All we need to do is give the treatment to the files.
IAD_15_S5

Finished Icon:    
There we go, a new Search folder, this time with some continuity.




IAD_15_S6

Wrap Up:
Tonight's icon, will be the last Icon-A-Day icon until next Thursday, since will be on vacation. I will, however, be back tomorrow with a special Icon-A-Day supplemental. Check in tomorrow night for a special surprise. 

About Me:
You can find all my skins, tutorials, and articles, on my Wincustomize Homepage, at http:\\mormegil.Wincustomize.com. Questions on icon use and techniques, can be emailed to mormegil@gmail.com. Twitter users can find me with the user name: Mormegil.

Download Search Folder Icon: 
Get today's icon from the Miscellaneous Icons Library.

Find all the Icon-A-Day tutorials, and links to the icons and more at the Icon-A-Day 2.0 Index.
All Icon-A-Day artwork, copy, and icons, are copyrighted by Paul Boyer © 2008, and may not be used with out express permission.

Icon-A-Day 2.0, Day 14, Video free Videos Folder.

Friday, August 22, 2008 by mormegil | Discussion: OS Customization

My original plan we to do a Video tutorial of today's icon, however after I got all the assets together I realized there was nothing particularly difficult. I realized that we can pretty much do today's icons by just tweaking our existing assets. So it looks like our first Tutorial Video will have to wait for a bit, but some videos will be coming along soon. Promise.


Day 14
(Friday, August 22th, 2008) Line

IAD_14_Video_Folder The Videos Folder
Yesterday I mentioned that the Music folder was one of my favorites from the original series. Today we will do one of the icons I was never happy with: the Videos folder.

The thing I did not care for on the original Videos folder was the film reel. Luckily I did create a clapper for the Video file, so we have something else to fall back on. So with that said, we are going to ditch the film real for good.

Step 1:
Let us start by getting our assets together, and removing the objects that we don't need. 

You can see our original Icon-A-Day 1.0, Video file in the line up.

IAD_14_S1

Step 2:  
Now, just to make sure our basic composition works I move all our original assets together. If we were in a hurry, we could probably use this as our final icon, but we will be doing some tweaks to sexy things up a bit.

IAD_14_S2

Step 3:
The first thing I want to do is replace the film images with something a bit more colorful Iin order to do this I'm going move the film strip out on its own for a bit.

Then, using the same techniques we used on the photos folder, I bring in a new image, duplicate it 3 times, and skew and crop the images to where they fit in the film.


 IAD_14_S3

Step 4:  
Now I want to change the copy on the clapper. I do this with the standard Text tool, and the Perspective tool.

IAD_14_S4

Step 5:
Now we we start fixing some things. It looks like we can re-use the shadow on the video file. But we will need to crop it where it hits the back of the folder.

I can also use the shadow, for our drop shadow by skewing it and dropping it behind everything. Then I fade it out with the interactive Transparency tool.

 IAD_14_S5

Step 6:
Now we use shadow and reflection techniques to polish things off, starting with a few new shadows, 



IAD_14_S6

Step 7: 
Last we finish off the the reflections, starting with the reflections in the folder front, and finishing up with the traditional floor reflection.

  IAD_14_S6

Finished Icon:    
Here we have our the last of our classic "My" User folders.


 IAD_14_S7

Wrap Up:
With the Videos folder we come to the end of week 3 of our Icon-A-Day 2.0 tutorials. I'll be back Monday with another User folder, and since we are just about out of the classics we will need to create something new from scratch.

About Me:
You can find all my skins, tutorials, and articles, on my Wincustomize Homepage, at http:\\mormegil.Wincustomize.com. Questions on icon use and techniques, can be emailed to mormegil@gmail.com. Twitter users can find me with the user name: Mormegil.

Download Videos Folder Icon: 
Get today's icon from the Miscellaneous Icons Library.

Find all the Icon-A-Day tutorials, and links to the icons and more at the Icon-A-Day 2.0 Index.
All Icon-A-Day artwork, copy, and icons, are copyrighted by Paul Boyer © 2008, and may not be used with out express permission.




web-wc01