gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-user | today 08:23 AM
    Error on script-fu
  2. gimp-user | today 06:39 AM
    Crashes in GIMP 2.6.6
  3. gimp-docs | yesterday 11:28 PM
    Can the gimp-help-2 module be maintained using Damned-Lies?
  4. gimp-developer | yesterday 10:55 PM
    Summary: How to submit gimp/gegl bugzilla with GIT patch
  5. gimp-docs | yesterday 10:01 PM
    Where have all my pictures gone?

External news

Poll

Did you ever buy products (books, video dvds) about GIMP?

No, never did

Yes, helped alot (please post)

Yes, helped a little bit (please post)

Yes but I was disappointed (why? please post)

See results

Stats

gimpusers.com RSS feed

RSS feed Retweet this!

19 Aug 2006 09:39 AM, by devvv (Bernhard Stockmann)

Hot Wallpaper with Flames

In this desktop background tutorial I will show you how to create a hot wallpaper with Angelina Jolie. She is surrounded from and standing in hot flames ;)

This article has been written using GIMP 2.3.10. It's divided into 18 steps and takes about 45 min to complete for an average user. 96764 times read so far. Category: Photos / wallpapers, required skill: 3 of 5

45 comments have been posted so far.

Available in other languages:

Files you need if you try this tutorial:

  1. 1
    Google images search, look for "Angelina Jolie", click the Dropdown to only view large images. You'll find this picture pretty easy. Save the picture and open it up in the GIMP.
    Screenshot of step 1
    Click to enlarge
  2. 2
    First of all we've to mask Angelina (free her body from the background). There are many ways to do this, one easy way is to use the paths-tool. Click B, thats the hotkey for the bezier-paths-tool. Check the "Polygon"-Option. Duplicate the picture and make the copy invisible by clicking the eye-icon in the layers-dialog.

    In the layers-dialog activate the background-layer, click right and choose "Add Alpha-Channel".

    Your layers should look like this now:
    Screenshot of step 2
    Click to enlarge
  3. 3
    Be sure to have the Paths-Tool active. Now start to click in the left bottom (where her hand is). Zoom the picture in to 300%, now click in small intervals along her skin. When encountering edges do very small click intervals. do this for the whole picture. First only for the outer part.
    Screenshot of step 3
    Click to enlarge
  4. 4
    When you finished you need to hold CTRL and click the first point you set. This is to complete your path - it is completed as seen on the picture below.

    If you did some points wrong or change anything in the path you can do this now by moving the single points. By holding CTRL and scrolling the wheel on your mouse you can zoom out/in. After you're satisified with your path hit ENTER and the path becomes an active selection.
    Screenshot of step 4
    Click to enlarge
  5. 5
    The part is now selected. Hit CTRL+I to invert the selection or go to Selection / Invert and remove the selected part (hit DEL):
    Screenshot of step 5
    Click to enlarge
  6. 6
    Now repeat step 3 with the inner - not yet transparent - part of the picture.
    Screenshot of step 6
    Click to enlarge
  7. 7
    Angelina (freed from the background) should now look like this:
    Screenshot of step 7
    Click to enlarge
  8. 8
    Move her to the right, then go to Layer / Layer to picture size. Create a new, empty layer and fill it black. Move the layer to the total bottom in the layers-dialog.
    Screenshot of step 8
    Click to enlarge
  9. 9
    Now we need to some inner glow to her body!

    - Add a new transparent Layer above the body layer
    - Set #ff7200 as FG-color.
    - rightclick the layer with her body (layers-dialog), choose "Alpha to Selection"
    - Select / Shrink: 5px
    - Select / Feather: 20px
    - Selection / Invert
    - select the just created layer
    - Edit / Fill with FG-Color
    - Selection / None
    - rightclick the body-layer again (layers-dialog) and again choose "Alpha to Selection".
    - Selection / Invert
    - activate the orange layer and cut the selection.

    You should now have a inner glow on her!
    Screenshot of step 9
    Click to enlarge
  10. 10
    Next we need a strong drop shadow.

    - Filter / Light and Schadow / Drop Shadow (in GIMP 2.2 this filter is found under Script-Fu)

    Radius: 60-70
    Color: #ff6000
    Opacity: 100%
    Screenshot of step 10
    Click to enlarge
  11. 11
    To make the glow more visible duplicate the layer 2 times.

    Another way to get a nice glow is:

    - Alpha to Selection from the body-layer
    - Selection / Expand: 5-10px
    - create a new layer, move it behind (below) her body in the layers dialog
    - fill the layer with any red or orange color
    - deactivate the selection (SElection / None)
    - choose Filter / Blur / Gaussian Blur and blur the layer pretty much until you're satisfied!
    Screenshot of step 11
    Click to enlarge
  12. 12
    Now we gonna duplicate her face and move it to the back, lower the opacity, so that it can be very little seen.

    - Press Shift+T to get the Scale-Tool active.

    In the popup-dialog set the chains to be linked! Set 2000px as new width. Click OK. Then move the layer directly above the black layer in the layers dialog.
    Screenshot of step 12
    Click to enlarge
  13. 13
    Now we let her fade a bit into the black background. Press F (free selection tool) and make a selection as seen on the picture.
    Screenshot of step 13
    Click to enlarge
  14. 14
    Then click Selection / Feather: 450px.

    Delete the selected part.
    - Selection /None


    Optional you can also use layer-masks if youre familiar with this technique.

    Now lower the opacity of this layer until you're satisfied.

    Optional you can colorize the layer now (Colors / Colorize)
    Screenshot of step 14
    Click to enlarge
  15. 15
    Next we make the picture pretty hot ;) Open your browser (oh, damn I gueass it is already open ;)) google images search and search for a cool fire, or you download my fire (Tutorial-Details to the right).

    - Open the fire.
    - Selection / All
    CTRL+c top copy alls

    switch to our picture, press CTRL+v to paste and click the "add layer"-button in the layers dialog. Then you should have the fire on a seperate layer.
    Screenshot of step 15
    Click to enlarge
  16. 16
    Colors / Color to transparent. (in GIMP 2.2 this is found under Layers / Transparency / )
    Screenshot of step 16
    Click to enlarge
  17. 17
    The next step is totally up to you. Play around with the fire, duplicate the fire-layer a few times, some of them give in front of Angelina, some put behind her. Transform each layer, rotate, scale, do as you please until you're satisfied with it. Use the Erase-Tool with a big faded (soft) brush to delete certain pieces and fade the seperate fire layers to look like one peace.
    Screenshot of step 17
    Click to enlarge
  18. 18
    Finally we want her glow very softly, we want to strenghten the shine.

    - Duplicate the body-layer.
    - Flter / Blur / Gaussian Blur: 40px
    - Set the layer-mode to "overlay". The layer modes dropdown menu is found top to the opacity-setting in the layers dialog.

    Optinal you can use the selective blur instead of the gaussian to preserve some sharp countours.

    Thats it! ;) Have fun doing your own wallpapers.
    Screenshot of step 18
    Click to enlarge

This article is licensed under the following license: Attribution-Noncommercial 3.0 Austria

Comments

Post your own comments, questions or hints here. The author and other users will see your posting and can reply to it. Of course, you can also ask in the chat.

Comments are chronologically arranged.

  1. tyree, 12 Jun 2007 06:59 AM

    wow i always wanted something like this

  2. yaser, 02 Jul 2007 01:27 AM

    heloo thank you

  3. cicero, 13 Jul 2007 01:06 AM

    Não conseguir fazer o efeito final.preciso de ajudar.

  4. Dan, 14 Jul 2007 12:22 PM

    Thanks!

    One problem for me. I cannot find select/ fade in GIMP. Looked everywhere, all I can find is Fade Outline in Script-Fu, I don't know if that creates the same effect.

  5. devvv, 14 Jul 2007 12:54 PM

    Ah, my fault - its called Select / Feather. You should have that! Sorry... I changed it in the tutorial now.

  6. lil one, 21 Jul 2007 08:38 PM

    ummm im having problems putting the flames behind her.
    im kinda new at this.
    So any help would be deeply appreciated.
    HEEELLLPPP!!!!!!!!

  7. devvv, 30 Jul 2007 12:30 PM

    just move the layer tht contains the fire under the layer with her masked body.

  8. Gimp Noob, 04 Aug 2007 02:26 PM

    Step 16. In version 2.2.17 (windows) I tried Layer/Transparency then what is the next choice... None of them seem to give me the shown effect you stated.

  9. dch, 07 Aug 2007 08:01 AM

    for some reason,when you said to invert and then hit delete,it didn't work for me but I did everything the way you said so what went wrong?

  10. amirfarahmand, 12 Aug 2007 12:53 PM

    okok very good

  11. Rhoxie, 15 Aug 2007 06:26 AM

    a need help plz...i'm trying 2 undersdand diz but it doens't work on mhe....


    Click to enlarge

  12. Christian, 22 Sep 2007 11:56 PM

    When I am at the step where I click DEL to delete the selected area, it does not work.

  13. praKash, 04 Oct 2007 04:38 AM

    it's too good

  14. elberry, 16 Oct 2007 06:21 AM

    hi good i happy

  15. Sunil, 20 Nov 2007 10:05 AM

    i like this v. much

  16. Kenned, 22 Nov 2007 04:47 PM

    Cant get past 10... have tryed 10 times to get the extra glowing effect but when i do as it says it just open a empty Drop Shadow layer..

  17. devvv, 22 Nov 2007 07:35 PM

    make sure you have correctly selected the layer with her body when you make the drop shadow. also make sure that nothing else is selected!

  18. Rich, 19 Dec 2007 04:31 AM

    Hi, I'm pretty new to this and I keep getting stuck on stage 9 - I have tried many time and all I seem to do is shrink the image and fill the rest of the layer orange - so I get left with a slightly shrunken image and an orange screen - any ideas where I am going wrong, I can't work out what I'm doing wrong - I suspect something in layer selection

  19. kyu, 31 Jan 2008 01:05 AM

    think i got it :) except my flames look kind of weird, but that can be fixed :) nice tut btw ^_^


    Click to enlarge

  20. kyu, 31 Jan 2008 01:10 AM

    @ Rich, you can also skip step 9 and try the method described in step 11 to get the glow :)

    (btw @ devvv, nevermind, i found out why my flame looks weird compared to yours :P)

  21. devvv, 31 Jan 2008 10:29 AM

    not bad at all, kyu ;) a little more time with gimp and your will look fantastic!

  22. kyu, 01 Feb 2008 07:26 PM

    modded it :P just a layers>>colours>>colorize on the flames' and "aura" layers, but imo its damned efficient if you ask me :D

    kinds of kills the "hot" part though :)

  23. kyu, 01 Feb 2008 07:31 PM

    oh my attachment didn't go through apparently, damn, nevermind, the image is at http://i34.servimg.com/u/f34/11/39/20/16/grace_12.jpg

    :P

  24. Ztoph, 13 Feb 2008 09:38 PM

    really nice tut. but you didnt chance the select/fade thing.


    Click to enlarge

  25. devvv, 16 Feb 2008 10:55 PM

    I've updated step 9. It should now be possible for all ppl to get this right ;)

  26. PhazedReality, 26 Feb 2008 01:06 AM

    SO, im stuck on #2...
    when I duplicate, it opens a new copy of the image, it does not create a new layer. Also, there is no eye next to my layers. Also, I cant remove the selected part on step 5, but lets take this one step at a time. Help please :(

  27. PhazedReality, 26 Feb 2008 01:12 AM

    Ah well, I figured out the first part, its "duplicate layer" not "duplicate". Still don't have an 'eye' next to layers.

  28. PhazedReality, 26 Feb 2008 01:41 AM

    I found the eye, im slowly getting the hang of this. I scaled a layer to larger than the image fits, how do I fix that :/

  29. PhazedReality, 26 Feb 2008 02:02 AM

    I still can't get the image by itself, delete and backspace dont work and cut just makes the area white but doesn't actually delete that space from the image.

  30. PhazedReality, 26 Feb 2008 02:14 AM

    Man..its impossible to do simple things, iv got to pirate a copy of photoshop, i tried, honest I did.

  31. basi mon, 08 Mar 2008 08:38 AM

    i didnt undrstand anythng! plz help me

  32. wallpapers, 04 May 2008 09:21 PM

    it amazing! really great work!

  33. IndianWarrior, 05 Jun 2008 06:19 PM

    Great work! I really enjoyed it.


    Click to enlarge

  34. timmy332621, 06 Jun 2008 06:24 PM

    Hi
    I stuck the hole time at step 10
    when i use dropshadow the image becomes bigger but the layers dont do anything

  35. timmy332621, 06 Jun 2008 06:59 PM

    Sorry i already figured out

  36. Rhoda, 28 Jun 2008 07:44 AM

    hi guyz a got a photoshop but its da old version itz like photoshop 6.0 da pblem is i dnt knw how to use it is it possible if u guyz can help mhe 2 use it? please and thank you@@

  37. Thrrrd, 01 Jul 2008 03:30 PM

    im having problem with step 9 inner glow, insted of inner glow i get the background color oransje???

  38. Thrrb, 01 Jul 2008 06:47 PM

    never mind i figured it out ^____^

  39. Bob, 10 Jul 2008 06:36 PM

    stuck at step 12...when i scale i get a floating transformation in my layer dialog...wat do i do from here?

  40. triki, 07 Sep 2008 09:39 PM

    awesome tut !!!
    Could possibly go into tad more detail on the fading option :D
    big fan of Angie :D

  41. xXx, 01 Oct 2008 11:04 PM

    stuck at step 13 it wont feather like yours does!! PLEASE HELP!!

  42. support, 01 Oct 2008 11:44 PM

    did you select the right parts? all but her face? did you do step 14 with the colorization?

  43. Simon, 11 Jan 2009 11:44 AM

    im sorry buy i really need help for around step 9 when activate orange layer i click the eye but but my whole back ground and the glow turns orange why???

  44. vipin, 17 Feb 2009 12:38 PM

    hhhhhhhhhhiiiiiii

  45. fitroh, 29 Jun 2009 11:00 PM

    i'am ready

Registered users can log in (top right of the page) to use their profile name to post comments, request email notification on new comments and attach images (e.g. their versions of the effect) to their postings.

Are you human?

Adobe® Photoshop® is a registered trademark of Adobe Systems, Inc. Linux is a trademark of Linus Torvalds. Ubuntu and Canonical are registered trademarks of Canonical Ltd. | Clock times are shown as CET / CEST | Imprint / Privacy policy | powered by bitfire it services