Welcome  GIMP PDF Tutorials  Personal Site  Home  Contact/About  Sitemap  Terms  Online GIMP Tutorials 

 GIMP (GNU) Tutorials

250+ Free Online GIMP (GNU) Tutorials - Click Here
450+ GIMP (GNU) & Photoshop PDF Tutorials - Click Here

by Wendi E. M. Scarth.


GIMP Tutorials - Click Me!


Personalise A Mobile 
Phone's Screen GIMP


Free GIMP Tutorials
Tutorials by Wendi E. M. Scarth.

GIMP Sitemap - Free GIMP Tutorials

Personalise A Mobile Phone’s Screen
Intermediate Plus

Personalise a Mobile Phone's Screen GIMP

450+ GIMP & Photoshop PDF Tutorials With Start Images & All Future GIMP PDFs
450+ Individual GIMP & Photoshop PDF Tutorials Plus All Future GIMP PDFs: Click Here.

This GIMP (GNU) tutorial demonstrates how to Personalise a Mobile Phone’s Screen by blending two images. To work along, you are welcome to download the Start Images I am working with HereUnzip the file and open the Start Images onto GIMP’s workspace.

When working with your own start images, to make life easier, ensure the Mobile Phone Image is larger than the Screen Image. 
Resize Images.

You can quickly Undo a step at any time by pressing Ctrl then Z. Alternatively, click a previous Undo History snapshot - Windows then Dockable Dialogues then click Undo History. In addition, to Zoom in (or Zoom out) of your image; from the top menu, choose View then select a Zoom Tool from the subsequent drop-down list.

Resize Images
Beginner Tutorials
Understand Layers
Layer Two Images
The Free Select Tool
Understand Blend Modes
Launch GIMP & Organise Its Workspace & Palettes

Ensure the Layers and the Undo History Palettes are visible, and then drag them into position over your workspace - (Windows then Dockable Dialogues - then click Layers and Undo History).

Open your Start Images onto GIMP’s workspace. 

Copy & Paste (Layer) Two Images Tutorial For Beginners
Now, Copy & Paste (as a New Layer), the (Dog) Screen Image onto the Mobile Phone Image. Then, to save PC resources, close the original (Dog) Screen Image.

You should now have a two-layered image, as illustrated below.

From the Layers Palette, left-click and drag the (Dog) Screen Image below the Mobile Phone Image. As demonstrated below.

Currently, you won’t be able to see the (Dog) Screen Image, as demonstrated
above. Don’t worry, this is perfectly normal. Your Screen Image will be revealed in Chapter 6.

It’s a good time to save your Layered Image as a

4/ (
Free Select Tool Tutorial For Beginners)
Now, activate the Mobile Phone Image. Then from the Toolbar, activate the Free Select Tool.

(Ensure Feather edges is not activated).

Zoom Tip
You will find the next step easier if you Zoom into your image.

Carefully isolate the Mobile Phone’s Screen with a Selection Marquee.

5/ Add Alpha Channel
Then right-click over the Mobile Phone Layer, and from the subsequent
drop-down list, select Add Alpha Channel.

Then from the top menu, choose Edit then choose Clear. (Or, tap your Keyboard’s Delete Key). This removes the selected screen, as illustrated below.

(From the top menu, choose Select then choose None).

Resize And Rotate Images Tutorial Here
Now, activate the (Dog) Screen Image’s Layer. And working between the Move, Scale, and the Perspective Tools - Resize and Rotate the Dog Image so it fits snugly inside the Screen.

When you are happy with your final image, from the top menu, choose Image and then choose Flatten Image.

Sharpen Tip
To create extra impact, apply a
Sharpening Filter of your choice - Filters then Enhance.

Blur Tool Tip
Any ragged Screen edges can be smoothed using the Blur Tool .
Congratulations, your Personalised Mobile Phone is complete,
and it is ready to save.
Now you are more familiar with this technique, you can have lots of fun personalising your mobile phone image.

Wendi E. M. Scarth. 
Top of Page.

Wendi E.M. Scarth Tutorials

 Elements Tutorials  Photoshop Tutorials  Paint Shop Pro Tutorials  GIMP PDF Tutorials  GIMP Tutorials