PDA

View Full Version : [Tombi Tutorial] Making Banners in Photoshop [7.0]


Tombi
05-05-2009, 07:53 PM
http://i43.tinypic.com/rmid12.png

----

Yo. :3 I wanted to do another of these, mainly for a friend of mine. I ended up making the banner for Kayla Ann, so I guessed I may as well upload it on here. 8B

You Will Need

-Photoshop 7.0 or Higher-
-Grunge/Splatter Brushes are RECOMMENDED-
-The Ability to Follow Instructions-

And that's it. o.o You can do this entire tutorial without brushes. Yay!

Post up some outcomes, I'd love to see them.

Enjoy.

----

Outcome

http://i43.tinypic.com/141mgwk.png

----

Page One
[x] (http://tombi-sama.deviantart.com/art/Banner-Tut-121553085)

Page Two
[x] (http://tombi-sama.deviantart.com/art/Banner-Tut-Page-Two-121553475)

----

User Outcomes

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

^Daughter of Mew^

http://i236.photobucket.com/albums/ff303/joangaes/Tut-3.png

http://i236.photobucket.com/albums/ff303/joangaes/Wowwww.png

^joangaes^

http://i9.photobucket.com/albums/a83/Mavenous/Killzonebanner1.png

^Jacob^

http://i40.tinypic.com/35ityd1.png

^Azumi^

http://i227.photobucket.com/albums/dd51/CornNerfer/AndrossBanner.png

http://i227.photobucket.com/albums/dd51/CornNerfer/RyanBanner.png

^Broderick^

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

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

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

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

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

^White Wolf of the Snow^

http://i718.photobucket.com/albums/ww186/kaylaann6/KaylaAnn-3.png

^Kayla Ann^

http://i42.tinypic.com/2ur0cwh.png

^Isaac8296^

Nice work, guys. :D

Ahlat
05-05-2009, 08:37 PM
If I still had photoshop I would so try this! =] But nice tut and outcome.

Tombi
05-05-2009, 08:38 PM
Thanks a lot. n_n Glad you liked it.

Jose
05-05-2009, 08:42 PM
Hey Tombi I'm followinig the tut but I'm having a problem. when I click Ctrl + G the arrow doesn;t appears!!!

Tombi
05-05-2009, 08:48 PM
Are you holding down Ctrl and pressing G at the same time? .-.

Daughter of Mew
05-05-2009, 08:54 PM
http://i286.photobucket.com/albums/ll88/Daughter_of_Mew/Banners/Other/weird.png

Mine came out weird. D: *Points at Katana* YOUR FAULT.

Katana: ...What?

Anyway, I liked the tutorial, Tombi. Nice and detailed, I didn't mess up at any point. Apart from the gradient maps, but my copy of Photoshop was being stupid, I managed to sort it out.

OH AND I COMMENTED, K?

Jose
05-05-2009, 09:26 PM
Are you holding down Ctrl and pressing G at the same time? .-.

Yes.
Now what do I do if I can;t is there any option?

Ahlat
05-05-2009, 09:28 PM
Yes.
Now what do I do if I can;t is there any option?
I thought you used GIMP. Gimp doesnt ahve ctrl+g for all i Know.

Jose
05-05-2009, 09:30 PM
I thought you used GIMP. Gimp doesnt ahve ctrl+g for all i Know.

I use both.Word
This is what I got without the final part:
http://i236.photobucket.com/albums/ff303/joangaes/Tut-3.png

Woodchuck
05-05-2009, 09:59 PM
Yes.
Now what do I do if I can;t is there any option?

I had the same problem. Right click on the layer you're trying to create a clipping mask of, and select 'Create Clipping Mask...'

Well, Cait, I promised you an outcome and a comment, so here they are. ;D

I really liked the tutorial. It was not only very detailed, but easy to understand. The pictures helped as well, and it was nice to see what each effect did before using them.

Now for my outcome...

http://i9.photobucket.com/albums/a83/Mavenous/Killzonebanner1.png

Added a few personal touches, but that orange-purple gradient map is amazing. I love it so much. <3

-Jake-

Azumi
05-05-2009, 10:54 PM
This is what happens when Azzu tries to make something "super snazzy." Then again, it's only my second pse7 tag and my first srsbsns one.
http://i40.tinypic.com/35ityd1.png
(better original version here (http://i40.tinypic.com/jjqqoi.png))

Broderick
05-06-2009, 12:59 AM
http://i227.photobucket.com/albums/dd51/CornNerfer/AndrossBanner.png

I just made that with my n00b banner skills. :3
Great tutorial tombi.
Only thing was, there was no Image>Apply Image or whatever in my version of Photshop. (Elements 7...)
Oh, and photobucket somehow made the border not show up... >>
I had a border on there though.

Jose
05-06-2009, 03:45 PM
Well I tried again and made this!:http://i236.photobucket.com/albums/ff303/joangaes/Wowwww.png

Tombi
05-06-2009, 04:41 PM
http://i286.photobucket.com/albums/ll88/Daughter_of_Mew/Banners/Other/weird.png

Mine came out weird. D: *Points at Katana* YOUR FAULT.

Preeeeetty. 8D

Axe: *stares at Katana*

Yes.
Now what do I do if I can;t is there any option?

I believe Jake told you. :3

This is what I got without the final part:
http://i236.photobucket.com/albums/ff303/joangaes/Tut-3.png

Nice. :3

Now for my outcome...

http://i9.photobucket.com/albums/a83/Mavenous/Killzonebanner1.png

Added a few personal touches, but that orange-purple gradient map is amazing. I love it so much. <3

I adore it. ._.

And yeah, inorite? <3

Tankiu~

http://i40.tinypic.com/35ityd1.png
(better original version here (http://i40.tinypic.com/jjqqoi.png))

I love the text especially. 8O

http://i227.photobucket.com/albums/dd51/CornNerfer/AndrossBanner.png

I just made that with my n00b banner skills. :3
Great tutorial tombi.
Only thing was, there was no Image>Apply Image or whatever in my version of Photshop. (Elements 7...)
Oh, and photobucket somehow made the border not show up... >>
I had a border on there though.

Awesome. n__n

Well I tried again and made this!:http://i236.photobucket.com/albums/ff303/joangaes/Wowwww.png

Pretty. =D

Broderick
05-06-2009, 05:36 PM
After reading over the tut a second time, I made another banner for a friend of mine:
http://i227.photobucket.com/albums/dd51/CornNerfer/RyanBanner.png
I think that one turned out a bit better. I just wish I could have made the text better haha.

Tombi
05-06-2009, 05:40 PM
O: Nice one. I used that render before. n_n

Isaac8296
05-07-2009, 09:06 PM
:D Here is my outcome! I reall like how it turned out XP


http://i42.tinypic.com/2ur0cwh.png

Tombi
05-08-2009, 04:26 PM
Awesome. O: That render is a joy to use, I had to use it a while back. Gorgeous outcome. ;3

Operative
05-10-2009, 08:56 PM
I just read the tutorial, Tombi. (regardless I don't have PS)

I've seen all of these things on GIMP. I might try it on GIMP then, it most likely won't have the same outcome, but I'll still probably try it.

Tombi
05-11-2009, 05:21 PM
That'd be great. :3 Show the outcome when you've finished it.

Kayla Ann
05-16-2009, 12:54 PM
Ok even though this is a PS tutorial... i tried it with gimp and here is what i came up with...

http://i718.photobucket.com/albums/ww186/kaylaann6/KaylaAnn-3.png

Tombi
05-16-2009, 05:12 PM
Hey, nice. You can get pretty good outcomes with GIMP too, huh.

Sight of the Stars
05-17-2009, 02:37 AM
This is what happens when Azzu tries to make something "super snazzy." Then again, it's only my second pse7 tag and my first srsbsns one.
http://i40.tinypic.com/35ityd1.png
(better original version here (http://i40.tinypic.com/jjqqoi.png))

Nuuu, your going PS also! D:

I tried it as well with GIMP, converting it the best I could.

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

I liked how it turned out. :D

Uomo
05-17-2009, 03:05 AM
This is such a good tut. I'm seriously considering making one *RITE NAO* for the world to fawn over. *primadonna*

*will edit w/result*

Tombi
05-17-2009, 11:31 AM
Nuuu, your going PS also! D:

I tried it as well with GIMP, converting it the best I could.

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

I liked how it turned out. :D

Pretty. O:

I suggest making the text a little easier to see, maybe.

@Uomo: Pl0x do. I shall attempt it myself. :3

Sight of the Stars
05-18-2009, 12:46 AM
Loved your tut so much I made another banner:

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

Tombi
05-23-2009, 08:38 PM
Oooh, nice. The only thing is that... those Pogeyman images with the thick black outline should NEVER be used in a banner. Ever. x_X But otherwise good job.

Sight of the Stars
05-25-2009, 09:21 PM
lol -has extreme obsession over tut-

xD

Banners made with it:
1.
http://i637.photobucket.com/albums/uu95/White-Wolf-of-the-Snow/WolfsRainBanner.png

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

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

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

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

Tombi
05-25-2009, 10:08 PM
Awesome work. <3 I'll add 'em. Remember to adapt it, however: you need to make it your own style, not just copying one of mine. ^^