Top Nav

How-To Get A Cool Desktop Text Icons Dock

How-To Get A Cool Desktop Text Icons DockHey, it’s the beginning of March. Have you been following all the new fashion statements? I know I haven’t, but I’m sure my PC has. With this cool tutorial we’ll show you how to get a super groovy hi-tech look for your PC using Rocketdock, photoshop and a few downloads!

groovyVideo

They say a photo is worth a thousands words so a video must be worth a million right!  Here’s a video which demonstrates the groovy high-tech look you can create if you follow the steps below!

 

Step 1 – Downloading Rocketdock

You will first need a dock. Technically, you can use any dock you want to do this, but we recommend using RocketDock.  MrGroove wrote about it back in 2008 and guess what, its still free, simple to use and groovy!  To grab your copy, simply go to the RocketDock website and check out the downloads section to find the latest version.

image

 

Step 2 – Fonts and the PSD File

You’ll be making your own icons, so for this you will need to download two archives – the Updated Text Icons by Bobbyperux from deviantart and also Geo Sand Light Font. From the first archive (deviantart), simply extract the PSD folder and from the second font archive, extract and install both of the fonts on your computer.

image

 

Step 3 – Making Your Own Icon

Here’s where we get to some Photoshoppin’. Remember the PSD file? Well it’s time to open it right now. Grab layer 3 and increase its opacity to 100%.

image

We’re going to be using this on a black colored background (well, at least I am) so we want to open the comp copy group and whilst having the type tool selected, click on each layer and select a white (or grey) color for it.

image

You see? Much better. At least now you can actually see what your text looks like in “the dark”. Now without letting go of the type tool, Click and type in your custom icon text inside of both the layers. PS – the text on both layers must be exactly the same, otherwise the reflection won’t work correctly!

image

There. GRVY (or “groovy” in its shortened version). It’ll be perfect for our icon. Once you’re happy with the results, you’ll need to disable the BACKGROUND layer group and also layer 3 before you save.

image

The icon will now be ready for saving. Hit up Ctrl+Shift+S to save, then pick a location and make sure your format is set to .png to preserve transparency.

image

Step 4 – Applying Your Custom Icon

First drag the program or file into the dock with a simple drag and drop motion to get it in the dock. In my case, we have an internet shortcut file to our website.

image

Now right-click and pick icon settings to change the icon.

image

From the new window, use the + icon to navigate to the directory of the .png icon you saved and select it, followed by pressing OK.

image

Voila! You now have a shiny new icon!

image

Umm… really great, but ya know – you might also wanna see it a little better, right? Right, so right-click anywhere near an empty spot of the dock and select Dock Settings.

image

Now from all the categories, pick Style and select a dark theme (like CrystalXP.net for example).

image

Oh, yeah, and wanna know how we did the cool minimizing to the dock trick at the beginning of the video? Simply go to General and check minimize windows to the dock.

image

Cool. Now hit OK to save everything and give it a try. Both stylish and functional at the same time.

image

 

Done!

So what do you think of RocketDock? Are you going to be making docks a part of your PC life or not? Tell us in the comments below and watch out for more cool articles like this.

More Reading:

, ,

2 Responses to How-To Get A Cool Desktop Text Icons Dock

  1. SueJ March 6, 2011 at 10:19 am #

    The video, the walk-through and the Daft Punk music – Great!!
    Will definitely be checking out RocketDock!

  2. DW96 March 6, 2011 at 11:25 am #

    Hey, that music actually isn’t daft punk… YouTube audioswapped it, but we might think of something to actually get the original video up…

Leave a Reply