CursorFX: Creating Your Own Custom Cursor Theme

Thursday, August 29, 2013 by Island Dog | Discussion: OS Customization

Stardock's CursorFX is an application that allows users to easily and safely change the Windows cursor to one of the thousands available on sites like WinCustomize.com.  CursorFX works with Windows 7, Vista, and XP.  There is a free version, and a Plus version which offers features like cursor colorization, cursor sizing, transparency, and much more.

Purchase CursorFX for just $9.99

Try CursorFX for free

 

8-29-2013 3-41-10 PM

Creating the graphics

I'm going to show you how to create and put together the actual cursor, but something you have to do on your own is create the graphics for your cursor.  Skinners use a wide variety of tools to create their works, including 3D graphic programs that create stunning animations.  However, that is not a necessity, you can make your graphics with any image editor such as Photoshop, Paint Shop Pro, Paint.NET, etc.  The only thing you really need to make sure of, is to export your graphics in the .PNG format as it will keep the transparency that  you make.

If you want to create animations from static images, the best tool to use is AniUtil.  It will create a "strip" of images in the .PNG format that you can use in CursorFX.


CursorFX Theme Editor

8-29-2013 3-44-21 PM

As you can see in the screenshot above, the theme editor has vastly improved.  You can now see all the cursor states at once, and most of the tools you need to make the cursor are all on one tab.

You can find the theme properties in the File menu.  Here you can input the theme name, author name, e-mail, description, etc.  Also from the file menu you have the common options such as "new", "open", and "save".  Saving your theme will put it into the .cursorfx format which is compatible with both CursorFX and CursorXP.

You can also apply your new cursor from the file menu as well.

TIP: Download more CursorFX themes on WinCustomize

 

Creating a Theme

Once your images are ready, and you have a new theme started in the CursorFX Theme Editor, then it's time for us to start building a new cursor.  There are 20 cursor states that we can change in the theme editor.  These cursor states are going to define what cursor image is shown for that particular state.  An example would be the "normal state" is the cursor you see and use the most, and "text select" will show the cursor that changes when you are going to enter text.

Select the cursor state you want to change, and click the "import graphics" button that is near the bottom right of the window.  From there you can browse and choose your image for that selected state.  For my example I will change the "normal select" state with a simple cursor image I made.

TIP: The CursorFX Theme Editor can be found in your CursorFX directory

8-29-2013 3-50-27 PM

8-29-2013 3-52-14 PM

 

As seen in the screenshots above, the image I made and imported is now occupied in the "normal select" area.  The next step is assigning the hotspot, which is the active part of the cursor image.  Clicking your selected cursor with your pointer will move the target to where you want this active spot to be.  You can also refine the target by adjust the x and y values of the hotspot configuration.

If you want to remove the image you just place, you can either import another image in its place, or click the "remove this cursor" button.  Remember that it will only apply to the cursor state that is selected.

The cursors we are changing here are in the normal state.  If you want to add a different image to the pressed state, then click "view pressed state" and import the images as we did before.

Animated Cursors

What we did before is the basic steps of creating a cursor theme.  If you want to create an animated cursor you just follow the same basic steps, but this time you will use the "strip" of images that we talked about before.  Once that image is imported you need to enter the number of frames the image has in the Frames value area.  You can also set the image to loop by checking the option box.

Another option you have for the animation is setting the interval between frames.  This will determine has fast or slow your animation will appear.  If you want to alternative the animation, or enter a separate animation script, you can also do that in this section.

8-29-2013 3-55-01 PM

All you have to do now is repeat these steps for the remaining cursor states, and your cursor is done.  You can now apply the cursor and save to upload to the CursorFX gallery on WinCustomize.

Island Dog
Reply #1 Sunday, September 08, 2013 10:11 PM

RedneckDude
Reply #2 Sunday, September 08, 2013 11:38 PM

Nice tutorial, Spencer!  This should help those who want to make cursors nicely!  Thanks!  

BoXXi
Reply #3 Monday, September 09, 2013 4:32 AM

Excellent!!

B2R
Reply #4 Monday, September 09, 2013 4:50 AM

An instructions for use which should allow new artists to enrich the base of CursorFX ! Thanks Spencer. 

neone6
Reply #5 Monday, September 09, 2013 4:58 AM

" W i n c u s t o m i z e  - Making people skin 

Quicksilver007
Reply #6 Monday, September 09, 2013 8:09 AM

Excellent tutorial ID!

Please login to comment and/or vote for this skin.

Welcome Guest! Please take the time to register with us.
There are many great features available to you once you register, including:

  • Richer content, access to many features that are disabled for guests like commenting on the forums and downloading skins.
  • Access to a great community, with a massive database of many, many areas of interest.
  • Access to contests & subscription offers like exclusive emails.
  • It's simple, and FREE!

Articles Filters

Category:
View:
Search:
Apply



walnut1