Click to open network menu
Join or Log In
Mobafire logo

Join the leading League of Legends community. Create and share Champion Guides and Builds.

Create an MFN Account






Or

's Forum Avatar

Another Nameless tutorial

Creator: The_Nameless_Bard October 6, 2011 5:41pm
The_Nameless_Bard
<Ancient Member>
The_Nameless_Bard's Forum Avatar
Show more awards
Posts:
12983
Joined:
Jan 17th, 2011
Permalink | Quote | PM | +Rep October 6, 2011 5:41pm | Report
1. Create a new canvas that is 500X200 Pixels.

2. Take image of choice and open it in said canvas. I chose the chinese version of the Black Belt Udyr skin.

3. Now we have to scale the image to fit in our canvas.


Before scaling it will look something like this:


To scale it click on the scaling tool on your toolbox and click the image. Make sure the proportions are locked.


After scaling:


4. Move the image so that it fits in the canvas nicely

Time to start on our "flames"


5. Add a new layer


6. Choose a brush that is shaped like realistic flames or fire and apply in the area(s) where you want the flames to be.


7. Duplicate your flame layer


8. Set this duplicated layer to dodge


9. Continue duplicating and changing the layer's opacity (using dodge, burn, addition, difference, or whatever else) until it looks semi-realistic. This can take a lot of layers and it takes practice to make it look right. DO NOT, I repeat, DO NOT merge any of these layers. It will completely change how the flames look.


10. Udyr's looking a bit fuzzy...let's apply an unsharp mask filter to make him look a little clearer.


11. Add a new layer on top of your background layer but under your flame layers.

12. Now choose an ashy looking grunge brush and put it on this new layer


(I had to flip it with the flip tool)

13. Set this layer to overlay

14. Time for text :D

Make sure the text is under the flame layers, but not under your background image.

Clipping mask time!
15. Duplicate your background layer


16. On your toolbar right click on the text layer and click text to selection (for ease I hid the flame and ash layers during this part)


17. Now go to the select menu and click invert


18. Click on the duplicated background layer (make sure you are still on THIS LAYER not the text layer) and go to the edit tab and hit cut.


19. now move your clipping mask on top of your text layer and merge them together and move this newly merged layer on top of all the other layers (with the flames showing again).

20. Change the opacity of this layer to "Addition", duplicate it if it needs to be brighter, & merge all duplicated layers.

21. To make the text look a little cleaner I like to add a bevel


22. I didn't like how dark the text still was so I added a soft glow to it


Be sure to set the radius to the lowest option before hitting enter.


23. Now we're going to add a border. Use the rectangle Select tool to outline the sig.

24. Now go to the Paths Tab and hit "Selection to Path"


25. Click on the stroke tool and change the settings as fit (it will automatically be the foreground color so be sure to change it to the color you want it to be)




Now save it!
JEFFY40HANDS
<Altruistic Artist>
JEFFY40HANDS's Forum Avatar
Show more awards
Posts:
9281
Joined:
Aug 10th, 2010
Permalink | Quote | PM | +Rep October 6, 2011 7:08pm | Report
Nice tut +1
jhoijhoi
<MOBAFire Mother>
jhoijhoi's Forum Avatar
Show more awards
Posts:
14438
Joined:
Mar 20th, 2011
Permalink | Quote | PM | +Rep October 6, 2011 7:20pm | Report
Wow, Gimp is so much harder to use than Photoshop. Great tutorial, I'm sure it'll help those that do use the product.

I'm still amazed at how much work you have to do o.O
guide writing tips 'n tricksashes to ashesfancy a sig?

♡ sig by Janitsu ♡
The_Nameless_Bard
<Ancient Member>
The_Nameless_Bard's Forum Avatar
Show more awards
Posts:
12983
Joined:
Jan 17th, 2011
Permalink | Quote | PM | +Rep October 6, 2011 8:10pm | Report
LOL

I've used photoshop

It's not that different imo
Nyoike
<Member>
Nyoike's Forum Avatar
Posts:
942
Joined:
Dec 19th, 2010
Permalink | Quote | PM | +Rep October 6, 2011 8:39pm | Report
wat? Harder? No, not even close. I found it easier, like Nameless said, not that different. Main issue I had was key bindings for stuff I did. It's basically the same program, but less refined.

EDIT: Forgot to comment on the actual tut, I'll do it after I get a chance to actually look at it :X
To be updated soon!
The_Nameless_Bard
<Ancient Member>
The_Nameless_Bard's Forum Avatar
Show more awards
Posts:
12983
Joined:
Jan 17th, 2011
Permalink | Quote | PM | +Rep October 7, 2011 9:40am | Report
Anyone want the Udyr sig? (I don't play Udyr XD)
koridjinn
<Member>
koridjinn's Forum Avatar
Show more awards
Posts:
68
Joined:
Aug 8th, 2012
Permalink | Quote | PM | +Rep September 23, 2012 4:37pm | Report
Thank you for the tutorial! :D I got to make my own sig, so +rep!
Btw, can you tell me the measurements for a guide banner? I'd like to make my own but I have no idea how big to size it. Thanks!

You need to log in before commenting.

League of Legends Champions:

Teamfight Tactics Guide