PDA

View Full Version : [Another Tombi Tutorial] Make a Classy Banner in Photoshop/GIMP


Tombi
05-27-2009, 09:13 PM
----

http://i40.tinypic.com/swvjlx.png

----

Hello yet again, and welcome to my third tutorial on making signatures in mainly Photoshop, but apparently GIMP users can follow it also. Well, they could with the others, I dunno about this. xD

Anyway, this took a while, so I hope you enjoy it.

Outcome

http://i41.tinypic.com/2j3r9er.png

----

You Will Need

- A good knowledge of Photoshop/GIMP, but I do go over stuff.
- Planet Renders open in your browser
- Photoshop 7.0 or higher/GIMP
- Patience

----

Tutorial

Due to the canvas size, you need to click download (by the orange tv screen thing) at the side. This does NOT download the file to your computer: it merely opens up the file in it's original size as a new window.

Page One
[x (http://tombi-sama.deviantart.com/art/Banner-Tutorial-Again-123917703)]

Page Two
[x (http://tombi-sama.deviantart.com/art/Banner-Tutorial-AGAIN-page-two-123918571)]

----

Other Tutorials

[x (http://www.pokemonelite2000.com/forum/showthread.php?t=96765)]

----

User Outcomes

White Wolf of the Snow

http://i637.photobucket.com/albums/uu95/White-Wolf-of-the-Snow/brokenheartspng.png

-

Broderick

http://i41.tinypic.com/f0qd7t.png

-

Kayla Ann

http://i718.photobucket.com/albums/ww186/kaylaann6/tombis2tut.png

-

Arate

http://img43.imageshack.us/img43/3269/edbannerm.png

http://img3.imageshack.us/img3/3387/gokusig.png

-

Daughter of Mew

http://i286.photobucket.com/albums/ll88/Daughter_of_Mew/Banners/Other/somegirl.png

-

Gaby

http://i273.photobucket.com/albums/jj212/Gaby_Wabby/chronabanner.png

http://i273.photobucket.com/albums/jj212/Gaby_Wabby/deaththekidbannerforkimmeh.png

-

Lunar Latias

http://i281.photobucket.com/albums/kk214/LatiasRider/VaporeonBanner-1.png

----

Jose
05-27-2009, 09:22 PM
I can't read.. the text is too small.

Tombi
05-27-2009, 09:23 PM
If you read the thing above where I gave the links to the pages, you'll find out how to fix that. x_X

Jose
05-27-2009, 09:37 PM
If you read the thing above where I gave the links to the pages, you'll find out how to fix that. x_X

Oh ok thanks I will try it soon.

Tombi
05-27-2009, 09:39 PM
No problem, and thanks.

Sight of the Stars
05-27-2009, 11:06 PM
HAHAHA FIRST ONE. :D

I <3 the outcome.

http://i637.photobucket.com/albums/uu95/White-Wolf-of-the-Snow/brokenheartspng.png

I added an extra Gradient Map to it in the end. ;D

I tink it's pweety. :D

Tombi
05-28-2009, 04:56 PM
@WWotS: Awesome outcome. I'll put it up.

@kokovo: Uhn... click User CP at the top of the page, then click Edit Signature. Get the link to your banner and place it in these tags:

yourbannerlinkhere

And then it'll come up in your signature. But next time, read the FAQ before posting quetions in threads, as it's off-topic and counts as spam. ;3

Rawwr
05-28-2009, 06:18 PM
Hey nice tut tombi!
i'll have to try it out sometime ;)

-Ash-

Tombi
05-28-2009, 06:23 PM
Thanks; I can't wait to see the outcome. ^^

Rawwr
05-28-2009, 06:25 PM
I also use GIMP so will that be the first GIMP outcome? or did WWOTS Use GIMP?

-Ash-

Tombi
05-28-2009, 06:31 PM
I believe she uses GIMP, yus. :3

Sight of the Stars
05-28-2009, 08:28 PM
I also use GIMP so will that be the first GIMP outcome? or did WWOTS Use GIMP?

-Ash-

I use GIMP, so I am the first to do it with GIMP and first to do it all together. :D

Vaughn
05-28-2009, 08:30 PM
OOooh, I'll try this. Editing post later for the outcome. ^^

Broderick
05-28-2009, 11:43 PM
._.

I've always wanted to make banners like this, but never knew what kinds of effects to use, and am too lazy to figure it out myself. Hooray for tuts. <3
I'll try this out later tonight, or tomorrow or something and post the outcome. :3

Broderick
05-29-2009, 03:31 AM
http://i41.tinypic.com/f0qd7t.png


I think it turned out okay. :p
Once I make a matching avatar that'll be my new set.

Kayla Ann
05-29-2009, 09:54 AM
ok be prepared to be amezed!!!

http://i718.photobucket.com/albums/ww186/kaylaann6/tombis2tut.png

Tombi
05-29-2009, 02:18 PM
@WWotS: Yes, yes, we all know you're awesome.. xD

@Nero: I can't wait to see your result. =]

@Broderick: Great outcome. =D I tried using that render before and failed miserably, so nice job.

@Kayla: Nice job. Maybe darken the edges of the banner to make the focal point stand out a little more? :3

Broderick
05-29-2009, 04:02 PM
@WWotS: Yes, yes, we all know you're awesome.. xD

@Nero: I can't wait to see your result. =]

@Broderick: Great outcome. =D I tried using that render before and failed miserably, so nice job.

@Kayla: Nice job. Maybe darken the edges of the banner to make the focal point stand out a little more? :3

It was acually a super-duper easy render to use. :s Thanks. :3
Oh, what kind of font is that you use in like your avatar, and for small text? I like small text on my banners, but never have the right font.

Tombi
05-29-2009, 04:08 PM
My avatar text is one I stumbled across by accident, and is called '04b24'. Other goods types are 'Silom', 'Redensek', and 'xpaider pixel explosion'.

Guys, I tried a new style. I'm thinking of making a tut to explain how to do it after I've experimented a little more. What do you think? This is the banner. (http://i40.tinypic.com/2cfw843.png)

Rawwr
05-29-2009, 04:10 PM
Moi Banner * Yay *
Love the new style tombi.
Love the 3 squares of colour! how did you do that.

-Ash-

Tombi
05-29-2009, 04:12 PM
I used the square tool to draw them out, one square on a seperate layer, then for each layer I right-clicked and selected Blending Options, and added a 'Bevel and Emboss'. :3

Simples. And thanks. =D

Rawwr
05-29-2009, 04:13 PM
Keep the Banners Coming.
=D

-Ash-

Tombi
05-29-2009, 04:17 PM
Indeed I shall, indeed I shall. Thanks. :3

Rawwr
05-29-2009, 04:21 PM
=P

And Broderick Here's The Link To That Font You Wanted.
http://www.fontspace.com/04/04b24

-Ash-

Tombi
05-29-2009, 04:32 PM
Courtesy of moi, of course. xD

Broderick
05-29-2009, 04:33 PM
=P

And Broderick Here's The Link To That Font You Wanted.
http://www.fontspace.com/04/04b24

-Ash-

o:
Thanks! I'll use this on my next banner. :3

Rawwr
05-29-2009, 04:38 PM
No prob. But you should really say thanks to tombi =O

-Ash-

Tombi
05-29-2009, 05:22 PM
Yeah, so, I tried out that style again for a new sig, and I adore the outcome. (http://i40.tinypic.com/5efu6t.png) I'll do a few more then attempt a tut. :3

Tombi
05-29-2009, 06:51 PM
Awesome outcome. I love the placement of the c4d on the right. :3

Broderick
05-29-2009, 06:57 PM
Yeah, so, I tried out that style again for a new sig, and I adore the outcome. (http://i40.tinypic.com/5efu6t.png) I'll do a few more then attempt a tut. :3
The new banner's pretty good. I don't like how it smears though. :|
However, the splatters at the bottom are a nice effect.
Finally learned to use C4d's, Tombi? :O

I was bored in a nice mood and tried it out.

http://img43.imageshack.us/img43/3269/edbannerm.png

Isn't Edward just awesome, even though incredibly oh-so-bright?

I'll go for a simple critique...

The tut is not really GIMP-friendly, but whatever, I still love it.

o:
Dat bannerz liek ttly epic d00d. I like the way the C4D is placed just above and to the left of the guy's hair, it brings more attention to his face.

Daughter of Mew
05-30-2009, 02:10 AM
As is tradition, I had to follow this. *Follows every tutorial by Tombi*

http://i286.photobucket.com/albums/ll88/Daughter_of_Mew/Banners/Other/somegirl.png

I was only half paying attention, to be honest. xD I just glanced at the pictures and guessed what it was saying.

Gaby
05-30-2009, 04:26 AM
http://i273.photobucket.com/albums/jj212/Gaby_Wabby/chronabanner.png

http://i273.photobucket.com/albums/jj212/Gaby_Wabby/deaththekidbannerforkimmeh.png

The first one is for me, the second is for a friend. Stfu, I'm addicted to Soul Eater atm. xD Chrona ftw~!

Anyways, the tut's epic, not surprising from my Sensei. :3 I might try mixing parts of all the tuts so far. *nodnod* Experimentation, yush yush! 8D

EDIT: Meh, now that I think about it, Kid's banner should've gotten a more fitting quote... xD 'Tis what I get for rushing. And I do realize Chrona's banner has a pink outline around his/her shadow and on his/her dress. I kinda like it like that. 8D

Gem N Ems
05-30-2009, 02:28 PM
Tombbiiiii-chaaannn~ :D

Look at what I made! Thanks for the awesomely uber tut! I followed it until my heart's content~

Worked wonders too. I even added a few details of my own. It's now my siggy banner. n__n

http://i281.photobucket.com/albums/kk214/LatiasRider/VaporeonBanner-1.png

Tombi
05-30-2009, 03:24 PM
@DoM: Of course, of course. <: And cute outcome, I love it. :D *adds*

@Gaby: Not one, but two! O: You really do love me! xD Amazing, I love the first one the most. :3 *huggle* *adds*~

@Arate: Yeah, precisely. But I found how to do it, so huzzah! And nice outcome, it looks like the star is going to attack him. o xo *adds*

@LL: Yay! =D Hii, haven't seen you for ages. Gorgeous outcome, I love the stripes. :3 *addaroo*

Gem N Ems
05-30-2009, 03:29 PM
I ish sorry, Tombi-chan. I've been busy with the never-ending pile of homework school keeps giving me. -_-;

Thanks! If I get time, I might even try another banner! :D

Tombi
05-30-2009, 03:34 PM
Yay. <3 At the moment I'm gonna start working on ANOTHER tutorial. I might make this a tutorial thread, if it stays alive.

I might need to take a vote, though. Shall I do a tut of the banner in my sig, or for this? (http://i40.tinypic.com/xbgwu9.png) The second one is actually made of two images blended together into one to make a nice scene, so...

Sight of the Stars
05-30-2009, 03:42 PM
Yay. <3 At the moment I'm gonna start working on ANOTHER tutorial. I might make this a tutorial thread, if it stays alive.

I might need to take a vote, though. Shall I do a tut of the banner in my sig, or for this? (http://i40.tinypic.com/xbgwu9.png) The second one is actually made of two images blended together into one to make a nice scene, so...

I like the one in your sig bettah. xD Do dat one, then the other one after dat. ;]

Gem N Ems
05-30-2009, 03:42 PM
I think a tutorial thread would be great. n__n

And, um...I vote...I like them both. x__x

*thinks* Can you do a combination?

Kayla Ann
05-30-2009, 03:45 PM
This kinda random but could you tell me the name of the font you use in your picture.....http://i590.photobucket.com/albums/ss349/Tombi/Untitled-1copy-1.png the word TOMBI is the tet i want the name of :)

Tombi
05-30-2009, 05:06 PM
Wooooah, page stretch much. x_X And you PM'd me the same question. Could you edit the post and put the pic in a link or something?

Scriptina.

XaiakuX
06-08-2009, 02:33 PM
http://i44.tinypic.com/3354bbt.png

Mneh... I tried to do it. 8P

Tombi
06-08-2009, 05:05 PM
oooOOooo, I like. <3

I'll get the tutorial thread up ASAP. I need to work out if MSUK is going to be my partner or not. xD

XaiakuX
06-08-2009, 05:29 PM
oooOOooo, I like. <3

I'll get the tutorial thread up ASAP. I need to work out if MSUK is going to be my partner or not. xD

>_> ....

Have fun with that, neechan. :D

Sight of the Stars
06-08-2009, 11:08 PM
oooOOooo, I like. <3

I'll get the tutorial thread up ASAP. I need to work out if MSUK is going to be my partner or not. xD

OOOOOO I'LL BE YOUR PARTNER!

xD

I've never made a tut in meh life, but if I had, I would. And I don't even have a banner awesome enough to do it on. D:

lol someone go check out my photobuicket account and FIND ONE. xD

Nah, I will. Maybe. xD

Rago
06-09-2009, 01:46 AM
I've never been good with banners, so leave it to Tombi to make an awesome tut. :mrgreen:
This is my first ever banner with Photoshop (that was done right at least 8C,) and I think it's nice:
http://i210.photobucket.com/albums/bb254/Champion_Ragon/amigobanner.png

EDIT: I thought making banners was fun, so I made another one (this time it's for my brother,) but I changed up the effects and experimented with layer styles, etc:
http://i210.photobucket.com/albums/bb254/Champion_Ragon/mariobanner.png
I actual like this one better, mainly because I decided to put the c4d's on top of the duped renders, and messed with the layer style of one of them to make it hue instead of screen. 8P

EDIT: I was looking at the Pokemon renders, and when I saw this render, I had to make this:
http://i210.photobucket.com/albums/bb254/Champion_Ragon/mudkipbanner.png
(I was also bored and had nothing to do. xD) I'm still learning and experimenting with different styles, and I think I'm going to post the latest two (I think they're the best out of the three 8P) in the General Graphics Art thing so i can get some advice.
.:.: Rago :.:.

CandleJack
06-09-2009, 12:13 PM
oooOOooo, I like. <3

I'll get the tutorial thread up ASAP. I need to work out if MSUK is going to be my partner or not. xD

*Eyebrow Raise*

Mebbi.

We'll discuss this on MSN anyway. [=

Tombi
06-10-2009, 05:50 PM
OOOOOO I'LL BE YOUR PARTNER!

o.O Fer srs?

It'd be good to have a GIMP user and a PS user... it'll be a multi-tut thread anyway, so..

Yeah.

MSUK. Hurry your ass up and make a tut, otherwise I'll FORGET ABOUT YOU

@Rago: I like. The first one has the focus totally on the text though. =/

The second would be great if it wasn't for the white outline around Mario. @_@

The third is nice but again, the text effects are a little overwhelming.

PapaLuLu27
06-11-2009, 07:19 AM
I can help. I have Photoshop Elements, Jasc Paint Shop Pro, Paint.NET and GIMP. xD But I'm only good at copying other people's styles, except on JPSP, no one ever makes tuts for that since it's so.... Unknown. Anyways, so this is not spam.
http://i41.tinypic.com/2uj5npj.png
First attempt. Next three banners are for an adoptables site named Valenth. I wanted to make a banner for my feeding thread with Pets I own for my sig so it doesn't seem like bragging if I use good pets xD
http://i42.tinypic.com/20fuwt4.png
Then I remembered I didn't have a cat so I used a chicken and started again, in the process making it look happy ._.
http://i43.tinypic.com/vcw75t.png
For my friend that was new to the site...
http://i39.tinypic.com/v42bfr.png
Random phail Suicune banner. Lulz.
All three were created using the base of your tutorial. Some I did by memory, some I followed directly. ~Made with PSE 2.0.

♪~Luis~♫

Tombi
06-12-2009, 03:56 PM
Nice work. I love the first one. :'D

And yeah, if you'd like to team with WWotS and make some GIMP tuts, that'd be great. Just... go over some techniques, good font styles, any little tidbits that may help, and of course, full sig tuts are needed, too. xD

Sight of the Stars
06-12-2009, 10:53 PM
I'd love to try my hand at a tut... which one do you think I should do it on? -scans through files I saved copies of as .xcf-

Gah, can't find any. >.>

I'll make a new one and then you guys can...

OH, WAIT! What about this one:

http://i637.photobucket.com/albums/uu95/White-Wolf-of-the-Snow/WhiteHawkTag.png

Think I should make a tut out of it?

PapaLuLu27
06-13-2009, 02:23 AM
...

I suck at explaining though.

...

I'll try my best, how about a tut of this?

http://i43.tinypic.com/6zpisi.png

Is it good enough for people to wanna learn? xD

♪~Luis~♫

Sight of the Stars
06-13-2009, 02:30 AM
...

I suck at explaining though.

...

I'll try my best, how about a tut of this?

http://i43.tinypic.com/6zpisi.png

Is it good enough for people to wanna learn? xD

♪~Luis~♫

I'll respond to yours if you respond to mine. ;D

PapaLuLu27
06-13-2009, 02:36 AM
I'd love to try my hand at a tut... which one do you think I should do it on? -scans through files I saved copies of as .xcf-

Gah, can't find any. >.>

I'll make a new one and then you guys can...

OH, WAIT! What about this one:

http://i637.photobucket.com/albums/uu95/White-Wolf-of-the-Snow/WhiteHawkTag.png

Think I should make a tut out of it?

It's nice. I like how the render floats off the edge of the banner, but it makes the whole thing look a lot more plain. But I would like to know how you make the shwirly backgroudn though x3

♪~Luis~♫

Sight of the Stars
06-13-2009, 02:45 AM
I'll be making a tut for that banner soon, then. xD

I like yours. I am interested in the fact that you were able to make the duplicate of the render visible without drawing from the first or making it look awkward.

PapaLuLu27
06-13-2009, 02:49 AM
... Wait, what? Explain in Yr2 words please. I have a slow brain ._. And it's a stock banner, I just play around so darn much that the background disappears and makes the Bellossom turn into a render .-. Glad you like it, I'll see if I can whip a tut up.

♪~Luis~♫

Sight of the Stars
06-13-2009, 02:54 AM
lol.

I like how the 'render' is duplicated without distracting from the main image of the tag and without making it look wierd. xD