The PokéCommunity Forums

The PokéCommunity Forums (https://www.pokecommunity.com/index.php)
-   Art Studio (https://www.pokecommunity.com/forumdisplay.php?f=21)
-   -   Graphics & Photography Tutorials Thread (https://www.pokecommunity.com/showthread.php?t=121847)

Live in Color January 3rd, 2008 8:50 PM

Graphics & Photography Tutorials Thread
 
Welcome to the first Graphics & Photography Tutorials thread. Here you can post tutorials on those hard to make banners for your forum signature, cool animations that you just have to show everyone, or that cool effect you made with the picture of your little French poodle.

Rules:

-You must follow the PokeCommunity Graphics & Photography rules, as well as the general rules.

-Posted tutorials can be text, text with pictures showing examples, or a link to a site that contains the tutorial.

-Your posts must contain either a tutorial, and example that was made using one of the above tutorials, or comments/criticism towards a tutorial.

-Do not post tutorials that you have not made, or do not belong to you.

Please follow these rules.

Thread approved by Sorano and Xenocrates. (Thanks!)

There is a form required for posting tutorials:
Code:

Program Used:
Required:
Skill Level:



To start things off I'll show my tutorial as an example.

Program Used: Adobe Photoshop

Required: Adobe Photoshop, a set of grunge brushes found online, I specifically use deviantArt, and an image that you would like to put in your banner. The image would be better being rendered.

Skill Level: Easy

I usually start off with a simple background such as Filter > Render > Clouds, then Filter > Render > Difference Clouds. Now, Image > Adjustments > Inverse. Then click Image > Adjustments > Levels, and dragging the middle arrow to the far right. OR just duplicating the render a lot, then adding a Filter > Blur > Motion Blur at 45º, then again at -45º, then a 2 pixel Filter > Blur > Gaussian Blur.

That's the base for your background.

I create a new layer then do some brushing with grunge brushes that can be downloaded from deviantArt. I do the brushes, on the new layer, black or white depending on how I want the banner to look. I set the brush opacity at about 60% and click 2-3 times per brush. Set the brush layer to a nice Overlay or whatever makes it look good over top of the base background.

That's basically your full background.

Over that I put the render in and position it properly. Then go to Edit > Transform > Scale and then grab a box in the top left, top right, bottom left, or bottom right and hold shift, then drag it to get the right size. When you have it click the Rectangular Marquee tool, then Apply. Then duplicate it and set the effect to Hard Light, gives a good effect.

To get an overall matching color, make sure your at the up most layer and go to Layer > New Adjustment Layer > Color Balance. Then just play around with the Midtones, Highlights and Shadows to get a nice color, don't go overboard though.

For the text you can add a Drop Shadow and/or Outer Glow to make it stand out, but change the colors of the Outer Glow if you are to use it, make it match.

Now use the Rectangular Marquee tool and select the banner and go to Edit > Stroke. Change the color to black and set it to 1 or 2 pixels, inside. Voila!

And example that I have used this tutorial on is this:
http://i273.photobucket.com/albums/jj223/Relyt-kun/Ed.png

The render of Ed has a little effect to it. I took the Lasso Tool, and selected close to the edges, inside the render and set the feather to 15 pixels. Hit Ctrl+Shift+I and it will select everything outside of what you selected, then press Delete. Gives a nice effect!

Let's get these tutorials going! Questions? Ask away!

BreD January 4th, 2008 4:39 AM

This is a sig / tutorial me and a friend did together.

Program Used: Adobe Photoshop CS2
Required: A good knowlage of photoshop, Time (as the tut is quite long), A stock / render, Fonts... Well i could go on for ever... so i guess it's kinda up to you looking at the tutorial.
Skill Level: Advanced.
http://img2.imagebanana.com/img/76ivmq4n/finalzorotut2.jpg
Another out come for the tutorial is:
http://img70.imageshack.us/img70/6681/sasukecorruptedsigrj3.png

Live in Color January 4th, 2008 4:21 PM

Quote:

Originally Posted by evilcheese (Post 3224620)
program used: adobe photoshop cs2 (but cs3 is usable)
required: a c4d, a render (duh), color harmones 1 (gradient), soft brush
skill level: probably middle - advanced

this is my outcome:

http://i217.photobucket.com/albums/cc3/chimchar59/omg2.gif

forgot one part because i didnt have a soft brush.

I don't see a tutorial. You're just saying what is needed and posted an example. You gotta explain step by step how you did it.

The banner does look nice though, and it'd be cool if I knew how to do it.

evilcheese January 4th, 2008 4:30 PM

oops sorry ok i edited. sorry i didnt realize that.

Loki January 4th, 2008 5:18 PM

Woah, sorry about this guys, but me and Sorano didn't specify;

Don't post tutorials that don't belong to you/weren't made by you.

evilcheese; Is that your tutorial? If it isn't yours, please delete your post.

Relyt; Could you edit this into the rules please? Thanks in advance~

evilcheese January 4th, 2008 5:22 PM

ok i deleted i didnt know that we were only aloud to post are own tutorial.

Live in Color January 4th, 2008 6:55 PM

Quote:

Originally Posted by Xenocrates (Post 3224826)
Woah, sorry about this guys, but me and Sorano didn't specify;

Don't post tutorials that don't belong to you/weren't made by you.

evilcheese; Is that your tutorial? If it isn't yours, please delete your post.

Relyt; Could you edit this into the rules please? Thanks in advance~

Ah sorry, I wasn't told that. :( I edited the first post though. Thanks for letting me know! :)

Pikabloo January 5th, 2008 7:14 AM

Aaaah, let me post my little Hitsugaya spatter tutorial, then ^^

Program Used: Adobe Photoshop CS (it'll probably work with other versions)

Required: Spatter brushes, a render, pen-tooling knowledge (optional)

Skill Level: Between easy and medium.

Click here for the tutorial :3

And this is the outcome:
http://i16.photobucket.com/albums/b39/Pikabloo/Forum%20Sets/shirochan-1.png

Have fun, and stuffs o_o

Loki January 5th, 2008 11:35 AM

Xenocrates highly recommends Shira-chan's tutorial, because it really really helps. :D



In the meantime, I guess I'll post my rendering tutorial. Rendering itself isn't hard, but... well... you'll see. (I suck at explaining things and I have no patience to prnt screen my every movement.)

Alternate Rendering Method (That does not include the devil's work AKA the pen tool.)

Program Used: PS 7.0+ (I'm unaware if this works with lesser programs. I'm pretty sure you can use it with Elements though.)
Required: Polygonal Lasso for all you like me who can't figure out the pen tool to save our lives, and a stock (image).
Skill Level: Hard, only because I'm not good at explaining. If you're insightful, then this should be easy as pie.

Rendering Tutorial

Live in Color January 5th, 2008 2:14 PM

Made this from Shira-chan's tutorial. :P With my own little text effect.

http://i273.photobucket.com/albums/jj223/Relyt-kun/EdElriccopy.png?t=1199571254

Pikabloo January 5th, 2008 4:18 PM

Ooh, nice banner ^^ I like the background colour.

Anywhoo, I have two more tutorials I am willing to share:

Program Used: Adobe Photoshop CS (not sure if it works with older versions)
Required: Smudge settings/brushes, at least a small knowledge on smudging, a stock image/render
Skill Level: Medium-hard to very difficult, mainly cause I suck at explaining things >.>
Outcome:
http://i16.photobucket.com/albums/b39/Pikabloo/Forum%20Sets/roxasbanner4-v2.png

Roxas Tutorial

---

Program Used: Adobe Photoshop CS (basically, any program with a pen tool)
Required: Nothing, I guess
Skill Level: Very easy to easy, again, due to my horrible explanations

Pen tool tutorial

evilcheese January 5th, 2008 4:21 PM

i used the tutorial too and i got this:

http://i217.photobucket.com/albums/cc3/chimchar59/regirosck.gif

Uryū Ishida January 5th, 2008 4:37 PM

I was wandering is it possible to do that tutorial in paint shop pro 7? i know you might not have never used it.... i really need to get photoshop
EDIT:sorry it didnt quote..this question is for your first and i think only tutorial relyt

Loki January 5th, 2008 4:41 PM

Shiranui; What kind of smudge brush should we use for the first few steps, and on what settings? xD;

Pikabloo January 5th, 2008 5:02 PM

There's some smudge settings in Planet Renders. The smudge settings I used aren't mine, unfortunately D: And I forgot the link to the one I used... So, er, have fun searching? xD

-shot'd-

Oh, and I used a hard pastel brush (default with Photoshop CS), on 70% scatter with 2 count. And with the rest of the settings... Play around, I guess o_o

Loki January 5th, 2008 6:28 PM

... xDD Alright that works. Thanks, I'll see if I can get an outcome tomorrow.

I'm pooped after this tutorial, especially since I hate showing people how I do my banners. I'm selfish, what can I say? |D But I thought this would be really useful.


Gradient Map and Selective Color Tutorial

Program Used: Adobe Photoshop CS2, but I know for a fact it works with PS 7.0+.
Required: Stock and a good taste in colors. :3
Skill Level: Super Easy. (I tried explaining really well, but if you think it's not super easy, tell me and I'll change the level. xD)

Note; For the first step, I said it works best with warm colors; That's only if you use the color settings I did.
- I also ended up not showing all the color settings I used, so I'm sorry about that. xD;

Lol look at the pretty signature at the bottom~ <3


I guess it's more of a 'demonstration' than a tutorial... xD;

Beginning; http://img244.imageshack.us/img244/8640/cebeginningey2.png

Outcome; http://img134.imageshack.us/img134/7563/ceoutcomeek9.png

Live in Color January 5th, 2008 9:07 PM

Quote:

Originally Posted by Relyt (Post 3227435)
Made this from Shira-chan's tutorial. :P With my own little text effect.

http://i273.photobucket.com/albums/jj223/Relyt-kun/EdElriccopy.png?t=1199571254

Okay Shiranui, I edited it a bit. Took your advice on the lighting. That tutorial was awesome!

EDIT: It's my current signature, not in that quote.

BreD January 6th, 2008 5:55 AM

Thank you so much Shiranui!!!
I've been looking for a pen tool tutorial that's nice and simple like this for ages... and now i get it! xD
I made a wierd sig using pentool around the arm... it was just a test tbh.
http://img521.imageshack.us/img521/6295/superpunchsigcopymi1.png

Hazuki January 6th, 2008 4:29 PM

My tutorial is an avatar...

Program Used: Photoshop CS2
Required: Um.... just an image and your Photoshop skills! ^^
Skill Level: Easy, maybe a bit too easy. D:

Link

Avatars made from this tutorial:

http://img149.imageshack.us/img149/7039/sakuraavatarexamplevc0.png
http://i112.photobucket.com/albums/n164/SoulEternity01/lelouch-avatar.png
http://i112.photobucket.com/albums/n164/SoulEternity01/yui-avatar.png

evilcheese January 13th, 2008 10:05 AM

Program Used:adobe photoshop cs2 (but any version is ok)
Required:a 1px hard brush pencil tool
Skill Level:very easy


change this:
http://i217.photobucket.com/albums/cc3/chimchar59/raquaza-1.gif


into this:
http://i217.photobucket.com/albums/cc3/chimchar59/raquaza.gif
(yes i know rayquaza is spelt wrong)




How to use Scanlines


Ok since I don’t know how to create Photoshop tuts ill just type one up

This tutorial will show you how to make scanlines without pics sorry.

Ok start off with a 3x3 or 6x6 pixel transparent document depending on the size you want it.

Zoom in 1600 so that you can actually see and grab your 1px pencil tool (right click the brush tool) and make a diagonal line across.

Now go to edit >define pattern.

That’s pretty much it just go to select > all on a new layer of your document that you want to apply your scanlines on.

Then go to edit >fill and the scanlines should be there.

(TIP: for blending I put my scanlines on soft light.)

Live in Color January 13th, 2008 5:45 PM

Quote:

Originally Posted by evilcheese (Post 3245818)
Program Used:adobe photoshop cs2 (but any version is ok)
Required:a 1px hard brush pencil tool
Skill Level:very easy


change this:
http://i217.photobucket.com/albums/cc3/chimchar59/raquaza-1.gif


into this:
http://i217.photobucket.com/albums/cc3/chimchar59/raquaza.gif
(yes i know rayquaza is spelt wrong)




How to use Scanlines


Ok since I don’t know how to create Photoshop tuts ill just type one up

This tutorial will show you how to make scanlines without pics sorry.

Ok start off with a 3x3 or 6x6 pixel transparent document depending on the size you want it.

Zoom in 1600 so that you can actually see and grab your 1px pencil tool (right click the brush tool) and make a diagonal line across.

Now go to edit >define pattern.

That’s pretty much it just go to select > all on a new layer of your document that you want to apply your scanlines on.

Then go to edit >fill and the scanlines should be there.

(TIP: for blending I put my scanlines on soft light.)

You might want to add that to put scan lines on certain layers you can make a new layer above the layer you want scan lines on, fill it black, then right click that black layer. Go to Blending Options > Pattern Overlay. And then choose that diagonal line pattern you just made. Then turn the opacity down and voila!

This works if you want the render with no scan lines and the background to have scan lines.

Zebra Thunderhead January 14th, 2008 7:04 PM

Hai guyz. 8D Someone in the rating thread requested a tutorial for my Balmung tag, so here it is luls.

Program Used: Adobe Photoshop CS2
Required: 7-CS2 should work fine, as long as you have access to smudge and adjustment layers
Skill Level: Hard if you've never smudgizzled before or made anything with depth... D8

LE LINK!

Smudge brush can be found here: http://www.people.virginia.edu/~aov2x/resources/mixedbag.abr
(Download ensues upon click)

I'd love to see your results. <: D


Loki January 15th, 2008 4:54 PM

This is my result for CME's tutorial. I couldn't follow it exactly, because the image I chose wasn't a render. D: So I had to make do with the stock I had.

But I rather like how it turned out, even though I only took little bits and pieces. xD;; The light textures are definitely something I'll be using again. <3

http://img.photobucket.com/albums/v243/Kaiyoseila/Hibari.png

Probably use the set tomorrow... xD

Shika January 15th, 2008 7:15 PM

Just a thing, I've never used textures before. Where can I find them? ._.

Zebra Thunderhead January 19th, 2008 8:58 AM

You can find textures all over the Internet. I mainly use ones from here*.

*Note - You need WinRAR to extract the files.

Azonic January 21st, 2008 1:39 PM

Kyuusho Textures
Celestial-Star Textures
Aethereality Textures

Just click on them and follow the instructions and stuff ._.;

Satoshi Sugimori January 23rd, 2008 5:45 AM

I dont have a tut but I wanted to mention something...
wouldnt it be easier if you take all the tuts that are posted and put it in the first post..
it makes it much easier to find a tut you need..:)

Pikabloo February 8th, 2008 8:50 PM

It's not a bad idea... Although, some of the tutorials are text based, so, I don't know if it would work with those.

Anywho, another tutorial, since someone requested it:

Program Used: Adobe Photoshop CS (not sure if it works with older versions)
Required: Smudge settings/brushes, minimal knowledge of smudging, a bunch of PSDs (previous banners, etc.), a render.
Skill Level: Medium to hard.
Outcome:
http://i16.photobucket.com/albums/b39/Pikabloo/Forum%20Sets/narutov2.png

Naruto banner.

I think the bit about displacement filters will help some people ;D

Uryū Ishida February 8th, 2008 10:50 PM

@shiranui: well you could just link to the single post? or use something like google docs post the tutorial there.

Crystal Shard February 9th, 2008 7:46 AM

Awesome job, Shiranui! I'll post my results later.
But one thing: I still don't undertsand smudging... COuld someone please help?

evilcheese February 9th, 2008 8:30 AM

there is like a tool on the toolbar that has a hand and a finger. thats the smudge tool.


oh and btw i used shirauni's tutorial and added my own touches to it and its in my sig right now.

Nytkoi February 9th, 2008 8:47 AM

I used her tutorial and made this:(ugh i suck):
http://i192.photobucket.com/albums/z227/ataylan/bannertry.png

Live in Color February 9th, 2008 9:39 AM

Shira-chan. Used your tutorial and here's my outcome. I like it. :D Except for the text. XD

http://img181.imageshack.us/img181/9689/haruhitestcopyvz9.png

evilcheese February 9th, 2008 7:35 PM

ok this is something i got when i used CME's tuorial. the reason i didnt use it before is becuase i was too scared and unwothy. anyway because i have gotten better at banner making i decided to give it a go. and my outcome:
http://i217.photobucket.com/albums/cc3/chimchar59/spongebob2.jpg
yeah the best render eva!

Pikabloo February 9th, 2008 10:06 PM

Great outcomes everyone ^^ Although, try not to erase too much of the displacement layers. Otherwise, the background will only show the dull, motion blurred background, which isn't a good thing :|

Twinx February 15th, 2008 7:03 AM

mm I also followed ur tutorial, this is my result:
http://i268.photobucket.com/albums/jj19/DarkkChildd/sig.png
I made it small... for some unknown reason XP
The background is unimaginative, I know, I had a problem with the displacement filter, I figured it out now.. oh well....

Anyway, 10x, this was useful ;)

Idle. February 18th, 2008 1:21 PM

Anyone got any GIMP tutorials? My sigs are pretty basic: BG and Render thts all really :S

Uryū Ishida February 21st, 2008 10:19 PM

Used Your Tut Shira-chan :P

http://img260.imageshack.us/img260/6125/renjiibannersh4.png

I think it sucks though Dx

But yeah the displacement filters should help alot of people.

EDIT:

Had time for another banner, i did CME's tut It sucks i know.

http://img89.imageshack.us/img89/2949/lbannerpx4.png

evilcheese February 23rd, 2008 10:54 AM

Program Used: Adobe Photoshop (any version ill work i think)
Required: a star brush and a preset chalk brush
Skill Level: i think easy to medium


http://img3.imagebanana.com/view/oj59esjd/firsttut.png
this is my first tut so there might be spelling and grammer errors and bad spacing.

outcome:
http://i217.photobucket.com/albums/cc3/chimchar59/personal/turtwig.png


Program Used: Adobe Photoshop (any version ill work i think)
Required: a render, alot of light textures, a c4d
Skill Level: i think easy to medium

http://img3.imagebanana.com/view/deueo8z/finalfantasytut.png

outcome:
http://i217.photobucket.com/albums/cc3/chimchar59/personal/final-fantasy.png

Motsuko Live April 1st, 2008 11:07 AM

Hey. I don't have any tuts, but someone should put up a tut on how to make those...Umm, i guess you would call them interactive sigs? Those one's with the links inside of the picture. That would be awesome...I was told it's done with CSS, but I can't figure out how!

Loki April 1st, 2008 11:25 AM

Yeah, that would be CSS, doesn't really have much to do with Graphics themselves. xD;

Perhaps you'd do better asking for help with a CSS signature in the Community Questions & Feedback forum, or maybe you could ask one of your friends who has an interactive signature for their CSS code so you can play around with it and make it your own. ^^

Uryū Ishida April 2nd, 2008 9:10 PM

Well I Made A Tut/Demonstration for my Smudge settings, i use these quite a lot, and i thought it would be better to show everybody, i don't know if this would help much people, but i hope it does.

Program Used: Adobe Photoshop (I'm pretty sure it will work for 7.0 and up)
Required: Adobe Photoshop, a basic knowledge of photoshop.
Skill Level: Very Easy (You don't need skill)
Link:Smudge Settings

Loki April 2nd, 2008 10:16 PM

With all the time I've got, I made a real tutorial this time. xD It's not just a color adjustment manipulation blah, so get ready to make a tag from start to finish. *shot'd*

Program Used: Adobe Photoshop CS2 (I'm pretty sure it's translatable to 7.0+)
Required: Listed in the tutorial, but you'll need decoration brushes, and at least two fractals.
Skill Level: Easy
Tutorial: Over the rainbow~! Fixing the link at the moment.

Finished product: http://i245.photobucket.com/albums/gg69/Xenocrates13/rozenmaiden.png

edit: Alrighty guys. The image upload is taking ages, and I want to go to bed! Sooo, you'll just have to wait until tomorrow then. Sorry. :<

Uryū Ishida April 2nd, 2008 10:55 PM

Selfish that's what you are can't be bothered to wait for an upload
o.O;;

I like the finished product, and this will help me, to finally actually use brushes in my tags, ( i would say *Shot'd* but thats way overused by you xDDD *shot'd* Lawl) well I'm going to start updating my computer, I've got so many textures and c4ds....that are the same D:

Loki April 3rd, 2008 6:15 AM

No, the problem is that it keeps re-sizing my tutorial so you can't read the text. xDD

But I finally found an image hosting site that won't resize it. *it's really really tall. xD*

So the link is up now~

By the way, you need fractals for this, not c4d's. :< Just surf planet render's apophysis fractal section.

Pikabloo April 3rd, 2008 6:28 AM

Aww, I hate using fractals D:

It's a nice tutorial though. Cool outcome. I might give it a go when I become bothered enough to actually make something. Also, it'll help motivate me to get some more brushes~

Renyui! April 5th, 2008 2:44 AM

are any of these tutorials suited for photoshop elements? cause if they are, ill be pleased =)

THIRTY-SIX April 5th, 2008 2:48 AM

http://www.pixel2life.com/tutorials/adobe_photoshop_elements/

Here's a few elements tutorials… use what you learn in them to create banners.

Renyui! April 5th, 2008 2:54 AM

oh thanks munna gee that was fast!

Chikara April 14th, 2008 5:46 PM

http://i265.photobucket.com/albums/ii225/Sorairo_resa/ranji2.png

Made this with one of Shiranui's tutorials on the first page. Made it as a request for Renji :]

.:The_Decay:. April 17th, 2008 2:25 AM

can someone tell me how evil cheese made his sig

Renyui! April 17th, 2008 2:34 AM

well, experience, C4D's and brushes. also PS CS2

.:The_Decay:. April 17th, 2008 5:09 PM

how do i make my sig bigger
like maybe a bit bigger ythan yours

Pikabloo April 17th, 2008 5:59 PM

You uploaded your banner to the PokéCommunity server thing. If you want a larger sized banner, I suggest that you upload it to a different image hosting site, such as Imageshack or Photobucket.

Oh, and just to say, I saw your banner at the original size in the Graphics Rating Thread, and they were pretty large. Just be aware of the Signature Rules before you put something too big in it :\

Gummy April 23rd, 2008 5:45 PM

Can someone direct me to or make a lighting tutorial? If I ever get my PS back it's something I want to work on.

Live in Color April 23rd, 2008 6:07 PM

Well for lighting you can start with placing a lens flare around your render in a spot that would make sense and seem to flow well, or even use light textures found throughout the internet. Appendix Squared is a good source for light textures.

evilcheese April 23rd, 2008 6:07 PM

why do you need a lightning tutorial? there is brushes ya know

filter > render >clouds

filter > rener > diffrence clouds.

Loki April 23rd, 2008 6:16 PM

I suppose someone could make a lighting tutorial, but it's really more of a skill you learn by practice and experimentation.

Most tutorials have a part in them that tell you where and how they added a light source (and sometimes why they put it there), and that's really all there is to it. xD;

Live in Color April 23rd, 2008 6:30 PM

Oh, you could also use a large soft brush and make it white to add some lighting as well.

Renyui! April 23rd, 2008 11:48 PM

Is there a tutorial on textures i could find? i dont really understand 'em yet.

Live in Color April 24th, 2008 6:07 AM

Textures are pretty simple, there's no need for a tutorial really. It's just creating a new layer and putting an image onto it, so if you searched on google or again, Appendix Squared, and found say a rust texture, you'd just paste that on, and set it to a blending mode that looks nice, or turned down the opacity.

THIRTY-SIX April 24th, 2008 6:09 AM

You can also search Color me evil's posts… I remember he/she/it posted a link to stock textures…
v…… Yeah… I knew that… xD

Aizuke April 24th, 2008 6:17 AM

Yeah, CME posted the link to Appendix Squared. XD

Azonic April 24th, 2008 6:59 PM

Does anyone have a tutorial for c4ds or whatever they're called? XD I've been dying to find out how to use one.

evilcheese April 24th, 2008 7:01 PM

ya know what i think ill make a tut for that. you gave me an idea. expect it on sunday.

Live in Color April 25th, 2008 6:29 AM

C4Ds don't take much to get used to using. The extremely hard part is learning how to make them, but you could just go to planet renders and find a few good ones there.

Pikabloo April 25th, 2008 6:31 PM

Actually... it is hard to learn how to apply them correctly to signatures, without making it look over-the-top, or making it look weird and unblended o___o There's also the different types of C4D.... It's mainly about knowing when to use them, and when to just use something else. I wrote something on C4Ds just before the forum wipe out thing (where all the posts were from five days back, or something) ;-;

Ah, but yes, making them is probably hard. Not that I would know. I don't use Cinema 4D o.o

EDIT: I had to delete my old post to update it, just in case people didn't notice >.>

Naruto banner tutorial
Program Used: Adobe Photoshop CS (will probably work with other versions)
Required: Some spatter brushes, effect C4Ds, some PSD files, a general knowledge of the tools.
Skill Level: Hard-ish.
Outcome:
http://i16.photobucket.com/albums/b39/Pikabloo/Forum%20Sets/narutorasengan-1.png
Tutorial: CLICK HERE. (WARNING: It's pretty darn big >.>)

PLEASE tell me if there are any errors, or any bits where I made no sense. I never read through the whole thing o.o

EDIT-
These are not the smudge settings I used for the Naruto one. But it is similar to what I used for this banner.
Smudge settings
Program Used: Adobe Photoshop CS (will probably work with other versions)
Required: --
Skill Level: --
Tutorial: click.

Renyui! May 19th, 2008 2:51 AM

Well, I'm bored, so I decided to make a Userbar Tutorial. I'm too lazy to make it.
Userbar Tutorial
Program Used: Photoshop Elements, but I know it will work with any other version.
Required: Scanlines, Sprites,
Skill Level: Easy, I guess.

Tut:
Start off with a 350x20 or 350x23 new document. Get your 2 colours that you want to use in the Userbar, and do a Linear Gradient Directly across with them.

Next, Duplicate the Layer and lower the opacity of the Original layer to 83%.

Do an Elliptic select just across the top, so it looks like a semi circle on the top of the Userbar.

Delete the selection, and you should have a shine effect.

Then add your Scanlines. Set them to about 19% Opacity. For a Tut on Scanlines, visit the first page.

Put in your Sprite(s). Add as much as you want, but leave space for the text.

Now for the text. I didn't really know how to do this, so i did this.
Get out Your Pencil tool, grab a White, go to This page and copy the pixels of the letters you need.
Outline them in Black and thats your text.

Put on a black border and You are done!
my result:
http://i249.photobucket.com/albums/gg238/rowy95/Userbars/roy.png
Sources:
Sprites: Photobucket, or PlanetRender

Loki June 1st, 2008 9:09 PM

Have fun deciphering this tutorial. xD;;

Program Used: Adobe Photoshop CS2
Required: Listed in the tutorial.
Skill Level: Average Difficulty, depending on your skill level.
Outcome:
http://i245.photobucket.com/albums/gg69/Xenocrates13/imagination.png

Ah, and um... Basically, add layers with every new step, or as you see fit. <3

Tutorial: The REAL Rainbow. xD

Comic Tragedy June 5th, 2008 5:20 AM

Program Used: Adobe Photoshop CS
Required: Smudge settings/brushes, at least a small knowledge on smudging, a stock image
Skill Level:Medium-hard to REALLY HARD kuz I suck at explaining things =P
Outcome: http://i91.photobucket.com/albums/k284/andytoe/Alloy-Nakamatsu.jpg

Link:Have Fun Desciphering!

THIRTY-SIX June 5th, 2008 5:22 AM

Could you imageshack host please? .o.

evilcheese June 5th, 2008 5:45 PM

yeah photobucket size is limited :/

Pikabloo June 20th, 2008 7:42 PM

Mugen tutorial
Program Used: Adobe Photoshop CS
Required: A render, stocks (a paper stock, and a stock for the background), general knowledge of the tools, knowledge to make clipping masks, spatter brushes (optional), ability to decipher my confusing instructions :D
Skill Level: Medium to hard. Depends on how good you are.
Outcome:
http://i16.photobucket.com/albums/b39/Pikabloo/elcapitano.png
Tutorial:
The link

Most of the time, with each instruction, make a new layer o.o;

YOOM-TAH June 20th, 2008 8:30 PM

Here's a Planet Lighting Tutorial I made.

Program Used: Adobe Photoshop CS2 (though any version past 6 or 7 should work)
Required: An already spherized planet that you want to add shadows/lighting/atmosphere to, and knowledge of the tools and terms mentioned.
Skill Level: Moderate, more skill needed for the actual planet itself, which this tutorial doesn't show how to make.
Outcome:
http://img502.imageshack.us/img502/641/tutorialplanetresourceax3.png

(^^keep in mind the tutorial is just for the lighting on the planet, not the planet itself)

Tutorial: http://img150.imageshack.us/img150/1470/planetlightingtutorialua1.jpg

Loki June 29th, 2008 10:19 PM

Used Shiranui's Mugen tutorial with the wrong image, but... tch. Oh well. :< It's Bonten, and it turned out alright, I guess. <3

http://i245.photobucket.com/albums/gg69/Xenocrates13/bonten.png

THIRTY-SIX June 29th, 2008 10:32 PM

I actually prefer your outcome, no offence to Shiranui. I agree with you about the wrong render.
I might use that tut now. =D

joangaes July 4th, 2008 9:41 AM

Sora and Kari tut
 
Well some people PM me to make a tut of this.

It won't stand exactly as the one I made because it would had to be the exact position.

First open up a new canvas on Gimp on file new and then put the length that you need well I used 350 x 110
http://i236.photobucket.com/albums/ff303/joangaes/Sinnombre-1.png
Thenk download some brushes from deviantart.com and brush around a little
http://i236.photobucket.com/albums/ff303/joangaes/Sinnombre-2.png
Thenk put the image and paste it wherever you want:
http://i236.photobucket.com/albums/ff303/joangaes/Sinnombre-3.png

Now were going to put the color:
1:Change the colors of you're foreground and background to things that match you're render like to me will be blue and red.
2-Then make a new layer on layer-new layer.
3-Then open you're layer dialogue that can be found on dialogs the first option and the first option again that'll open you're layer dialogue.
Put the layer that you made down from the render layer and make a gradient with the gradient tool and set that layer to overlay:
http://i236.photobucket.com/albums/ff303/joangaes/Sinnombre-4.png
Now get some good fractual renders (2)be sure to paste them on top of the render layer
Paste them and set the first one to:Plus:
http://i236.photobucket.com/albums/ff303/joangaes/Sinnombre-5.png
And the second one to:Overlay:
http://i236.photobucket.com/albums/ff303/joangaes/Sinnombre-6.png
Then take out an C4D render that can be found on google and paste it 2 times puting it to show to the 2 sides like this:http://i236.photobucket.com/albums/ff303/joangaes/Sinnombre-7.png
And set both to plus:http://i236.photobucket.com/albums/ff303/joangaes/Sinnombre-8.png
Then add a border text and you're done.

parallelzero July 4th, 2008 9:57 AM

We have a tutorial thread, so I merged your thread with it. ^^;

Mukkamoto July 6th, 2008 7:21 AM

Could anyone do a Clipping Mask Tutorial?
i find it hard to it and would like some help
Thanks

Twinx July 6th, 2008 8:09 AM

Quote:

Originally Posted by Mukkamoto (Post 3732271)
Could anyone do a Clipping Mask Tutorial?
i find it hard to it and would like some help
Thanks

I'll just link you to this tutorial made by Bred.
+ Click +
That's one way of using clipping masks. Hope that helps.

Mukkamoto July 6th, 2008 8:17 AM

Quote:

Originally Posted by Twinx (Post 3732369)
I'll just link you to this tutorial made by Bred.
+ Click +
That's one way of using clipping masks. Hope that helps.

Thanks, that my life a lot easier.
now im try this out and see how it turns out until i return here for more help :P

Renyui! July 6th, 2008 3:24 PM

Well guys, heres a tutorial from the Renyui, type guy!

Colour Sig Tut
Program Used: Adobe Photoshop Elements ( will definately work with other versions.)
Required: Smudge Brushes, Render, and a good taste in Colour (optional)
Skill Level: Easy to Medium-ish.
Outcome: http://i249.photobucket.com/albums/gg238/rowy95/sasukecolour.png there's another in the Tut.
Tutorial: Clickeh.
It's only a small banner, nothing big.

Pikabloo July 22nd, 2008 7:39 PM

Lancelot Tutorial
Program Used: Adobe Photoshop CS
Required: A couple of abstract C4Ds, effect C4Ds, render, general knowledge of the program.
Skill Level: Medium to hard.
Outcome:
http://i16.photobucket.com/albums/b39/Pikabloo/Forum%20Sets/lancelot.png
Tutorial: Link.

I forgot to mention that with the abstract C4Ds, you keep them on Normal, 100% opacity. Oh, and make a new layer for each step. If enough people want the PSD, I'll upload it as well.

Gummy July 22nd, 2008 7:40 PM

What a coincidence, I was about to send you a VM asking if you could make a tut of your latest banner. xD

Hazuki July 26th, 2008 1:44 PM

Program Used: Photoshop CS2, I think it might work for all Photoshops and GIMP
Required: A text brush, or some kind of icon brush =/
Skill Level: Not too hard, not too easy. So mediocre. xD
Here is the link
Outcome: http://i112.photobucket.com/albums/n164/SoulEternity01/Tutorial/jokericon-1.png

Really this is just to let you know everything is not just brushes and C4Ds. ;D

Postman July 29th, 2008 7:00 PM

Quote:

Originally Posted by Twinx (Post 3732369)
I'll just link you to this tutorial made by Bred.
+ Click +
That's one way of using clipping masks. Hope that helps.


How do I do clipping masks on gimp?

Loki July 29th, 2008 8:15 PM

Quote:

Originally Posted by The Postman (Post 3808718)
How do I do clipping masks on gimp?

Quote:

Originally Posted by shonenshojo
Making clipping masks in GIMP is pretty easy. Alpha to Select your brushing layer > Select-Invert > Select your texture/background layer without disturbing Alpha to Select > Delete


^ I haven't tried it myself yet, so I don't know if it works. xD;

evilcheese August 14th, 2008 3:12 PM

Wow this place is dead but i think i have a good well anticipated tutorial people might like ^^

Program used: Adobe Photoshop cs2
Required: A brain and some c4ds
Skill level: moderate to expert

Don't Worry loki spell checked it :)

It is more of a guide than a tutorial.

Comic Tragedy August 14th, 2008 5:17 PM

Yays. Finaly this is out. This will definately educate some newcomers alot! Thanks for the share cheese.

moments. August 15th, 2008 3:21 AM

Oh my god it is the awaited C4D tutorial by EvilCheese!
I can't wait to read it!

Zebra Thunderhead August 21st, 2008 4:59 PM

Program Used: CS2
Required: CS+
Skill Level: Advanced? IDK

http://www.imagebam.com/image/a48ce011678043

I was bored.

Conman August 23rd, 2008 8:17 AM

Three Tuts
 
WANTED Tut

Program Used: GIMP
Required: Render, Environmental Stock, C4Ds, Cloud/Smoke Brushes or Stocks, Great knowledge of Photoshop OR GIMP.
Skill Level: Intermediate
Outcome:
http://img48.imageshack.us/img48/5247/signaturepersona301oa3.png

Tutorial Link ||| Alternative Link
--------------------------------------------------------------------------------------------------------------------

MANGA STYLE Tut

Program Used: GIMP
Required: A Manga Panel, Wireframes, C4Ds, Splatter Brushes, Vector Brushes, General knowledge of Photoshop OR GIMP.
Skill Level: Intermediate
Outcome:
http://img516.imageshack.us/img516/8540/signaturemihawk01kh4.png

Tutorial Link ||| Alternative Link
--------------------------------------------------------------------------------------------------------------------

CREATIVE SPRITE Tut

Program Used: GIMP
Required: Sprite, C4Ds, Splatter Brushes, Ocean Ripple (not included in GIMP), Cloud/Smoke Brushes or Stocks, General knowledge of Photoshop OR GIMP.
Skill Level: Intermediate
Outcomes:
http://img218.imageshack.us/img218/859/signaturemarth01vk0.png http://img81.imageshack.us/img81/8840/signatureike01ac1.png
http://img222.imageshack.us/img222/2696/signaturelucario01rr3.png

Tutorial Link ||| Alternative Link

moments. August 23rd, 2008 3:03 PM

Nice tuts! I'd love to try out those sprite ones but it may be a bit difficult considering it is on GIMP and I use Photoshop....

Zebra Thunderhead August 23rd, 2008 3:05 PM

Essentially, Photoshop has all the same features as GIMP. You should have no problem using the tut.

Conman August 23rd, 2008 3:21 PM

Excatly like Color Me Evil said, it should be easy. PS has everything GIMP has and more, it would only problems if it was the other way around. GIMP using a PS tut.

Loki August 23rd, 2008 8:29 PM

Quote:

Originally Posted by Conman (Post 3871537)
WANTED Tut

Program Used: GIMP
Required: Render, Environmental Stock, C4Ds, Cloud/Smoke Brushes or Stocks, Great knowledge of Photoshop OR GIMP.
Skill Level: Intermediate
Outcome:
http://img48.imageshack.us/img48/5247/signaturepersona301oa3.png

Tutorial Link ||| Alternative Link

*Droooool*

I actually saw this tutorial on GIMPTalk awhile back, so this is an old tag, but I sorta-kinda used your tutorial in this one:

http://i520.photobucket.com/albums/w326/zetsu-bou/hisagifinishingtouches2.png

If you wanted to see an outcome. :| I actually stopped using it halfway through though. Because the Gimp... talk... was getting confusing. xD;

I'll have to try again sometime actually using GIMP though. I love this tag to the ends of the earth. <3333 Probably my most favorite GIMP tag ever. (I actually took a double take when I saw you on PC. xDD! I was like, "WAIT IS THAT WHO I THINK IT IS?!?!")

Conman August 23rd, 2008 8:51 PM

:D Aweeessoooommmme :D

Thx and I'm pretty sure that specific tut is confusing no matter what you use XD
I find it isn't really as clear as my newer tuts. Though your outcome looks like it it was coming together good.

----------------
Listening to: Lupe Fiasco - Go Go Gadget Flow
via FoxyTunes

Zebra Thunderhead August 24th, 2008 6:11 AM

Environmental stocks are the best to work with.

Postman August 29th, 2008 3:26 AM

Those are some very nice tuts Conman.
I'll try the sprite ones later on.

Zebra Thunderhead August 29th, 2008 3:27 AM

Huzzah for not double posting!

Tutorial for my Gunster tag that I posted when I came back.

Program Used: Photoshop CS2
Required: Sexyness, stock with a background, hardxcore resources
Skill Level: Intermediate
Outcome:
http://img299.imageshack.us/img299/4884/gunsterv2ly4.png

http://www.imagebam.com/image/71d36212157445

Get to it!


All times are GMT -8. The time now is 12:36 PM.


Like our Facebook Page Follow us on Twitter © 2002 - 2018 The PokéCommunity™, pokecommunity.com.
Pokémon characters and images belong to The Pokémon Company International and Nintendo. This website is in no way affiliated with or endorsed by Nintendo, Creatures, GAMEFREAK, The Pokémon Company or The Pokémon Company International. We just love Pokémon.
All forum styles, their images (unless noted otherwise) and site designs are © 2002 - 2016 The PokéCommunity / PokéCommunity.com.
PokéCommunity™ is a trademark of The PokéCommunity. All rights reserved. Sponsor advertisements do not imply our endorsement of that product or service. User generated content remains the property of its creator.

Acknowledgements
Use of PokéCommunity Assets
vB Optimise by DragonByte Technologies Ltd © 2023.