DOROKURI Logo

How to create images for clock applications?

Create your original clock applications by yourself.

This page describes the steps about making images for clock applications(this page is for beginners and persons who are not programmers).
If you don't even have skills of image retouching, you can make images for the application from your images via following the steps below.
Let's try to create your original clock application by DOROKURI.

Making application steps

  1. Preparation
  2. Launch GMIP2
  3. Download .psd file for frame image and open it via GIMP2.
  4. Editing Image
  5. Save edited images

    After retouch finished, save the picture in the format that DOROKURI supports.

  6. Create icon

    make it 72*72 pixels.

  7. Upload image files.

Preparation

Install image editor.

To edit your picture, please install'GIMP2'(free).

gimp2 site

Download image of the frame.

Download your favorite frame image(.psd) from links on bottom of this page.

Prepare image file you would like to use in clock application.

Prepare the image files (ex. your children, pet and etc.).

Launch GMIP2

After GIMP2 is installed, the shortcut icon of GIMP2 placed on your desktop.

Double click the icon and GIMP2 will be launched and show the screen below.

gimp2 shortcut gimp2 boot

Open the PSD file you downloaded for the frame.

Select menu item 'File'-'Open...' and choose .psd file.

After the file opened, GIMP2 shows the screen like lower right.

gimp2 file open gimp2 file open after

Open the image file you would like to use as a dial plate.

1. Select layer window and click the line 'dog sample'.

2. Select menu item 'File'-'Open as layer' and choose image file you would like to use as a dial plate.

After the file opened, GIMP2 shows the screen like lower right.

gimp2 file open gimp2 file open after

The size of dial plate doesn't fit frame now, so some editing is required to fit them.

Editing Image

Scaling Images

Use to adjust the size of images to fit the frame.

trimming_scaling"/ trimming_scaling2

trimming_scaling3

Positioning images

Use to move images to best place when the images was moved by scaling.

trimming_scaling4

Erase stray area

Use to erase pictures that strays out of frame.

trimming_scaling5

Save image of dial plate

Select menu item 'File'-'save as...'.

save rename

Please save the image in PNG format.

save rename2 save rename3

save rename4

Create icon.

Select menu item 'File'-'Scaling' and resize the image to 72*72 pixels.

gimp2 trimming scaling icon gimp2 trimming scaling icon campus

Make image size to fit canvas size (Please refer to Editing Image).

Upload to DOROKURI

Upload images of dial plate and icon to doroAnalogClockWidget and you're done.

Sample Frame images

Please use these images for the base of your own images. Please down load them via right click. (These images don't have any license problems)

Clock Image files
dial plateshort handlong hand
sample_rainbow.psd Clock board Hour hand Long hand
sample_white.psd Clock board