PDA

View Full Version : Graphics & Photography Tutorials Thread


Live in Color
January 3rd, 2008, 08:50 PM
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:
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, 04: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, 04:21 PM
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, 04:30 PM
oops sorry ok i edited. sorry i didnt realize that.

Loki
January 4th, 2008, 05: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, 05:22 PM
ok i deleted i didnt know that we were only aloud to post are own tutorial.

Live in Color
January 4th, 2008, 06:55 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~

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

Pikabloo
January 5th, 2008, 07: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 (http://www.fileden.com/files/2007/6/17/1183898/shirochantut.png) :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 (http://img168.imageshack.us/img168/2973/untitled34th6.png)

Live in Color
January 5th, 2008, 02: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, 04: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 (http://www.fileden.com/files/2007/6/17/1183898/roxassmudgetut.png)

---

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 (http://www.fileden.com/files/2007/6/17/1183898/pentooltut.png)

evilcheese
January 5th, 2008, 04: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, 04: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, 04: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, 05: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, 06: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 (http://img134.imageshack.us/img134/89/coloreffectsje4.png)


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, 09:07 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

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, 05: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, 04: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 (http://darkgiratina.googlepages.com/avatartutorial)

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, 05:45 PM
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, 07: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! (http://www.imagebam.com/image/03718d1983712)

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, 04: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, 07:15 PM
Just a thing, I've never used textures before. Where can I find them? ._.

Zebra Thunderhead
January 19th, 2008, 08:58 AM
You can find textures all over the Internet. I mainly use ones from here (http://www.appendixsquared.com/downloads/textures.php)*.

*Note - You need WinRAR to extract the files.

Azonic
January 21st, 2008, 01:39 PM
Kyuusho Textures (http://kyuusho.net/textures.php)
Celestial-Star Textures (http://celestial-star.net/textures/)
Aethereality Textures (http://aethereality.net/textures.php)

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

Satoshi Sugimori
January 23rd, 2008, 05: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, 08: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. (http://www.fileden.com/files/2007/6/17/1183898/narutotut.png)

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, 07: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, 08: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, 08: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, 09: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 (http://imageshack.us)

evilcheese
February 9th, 2008, 07: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, 07: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, 01: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, 09: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 (http://img376.imageshack.us/img376/6363/mysmudgsettingsxl8.png)

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~! (http://www.imagecross.com/image-hosting-viewer-0.php?id=4573RozenMaidenTutorialpart2.png) 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, 06: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, 06: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, 02:44 AM
are any of these tutorials suited for photoshop elements? cause if they are, ill be pleased =)

THIRTY-SIX
April 5th, 2008, 02: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, 02:54 AM
oh thanks munna gee that was fast!

Tapioca
April 14th, 2008, 05: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, 02:25 AM
can someone tell me how evil cheese made his sig

Renyui!
April 17th, 2008, 02:34 AM
well, experience, C4D's and brushes. also PS CS2

.:The_Decay:.
April 17th, 2008, 05:09 PM
how do i make my sig bigger
like maybe a bit bigger ythan yours

Pikabloo
April 17th, 2008, 05: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 (http://imageshack.us/) or Photobucket (http://photobucket.com/).

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 (http://www.pokecommunity.com/showthread.php?t=122171) before you put something too big in it :\

Gummy
April 23rd, 2008, 05: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, 06: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 (http://www.appendixsquared.com/) is a good source for light textures.

evilcheese
April 23rd, 2008, 06: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, 06: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, 06: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, 06: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, 06: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, 06:17 AM
Yeah, CME posted the link to Appendix Squared. XD

Azonic
April 24th, 2008, 06: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, 07: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, 06: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, 06: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 (http://www.fileden.com/files/2007/6/17/1183898/narutotut2.png). (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 (http://img227.imageshack.us/img227/6919/mihimarugtou3.png).
Smudge settings
Program Used: Adobe Photoshop CS (will probably work with other versions)
Required: --
Skill Level: --
Tutorial: click (http://img236.imageshack.us/img236/7166/circlebrushsmudgevy4.png).

Renyui!
May 19th, 2008, 02: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 (http://www.dafont.com/visitor.font) 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, 09: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 (http://www.imagecross.com/image-hosting-view-06.php?id=1215badoubanner.png)

Comic Tragedy
June 5th, 2008, 05: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! (http://i91.photobucket.com/albums/k284/andytoe/Alloy-TutorialNakamatsu.jpg)

THIRTY-SIX
June 5th, 2008, 05:22 AM
Could you imageshack host please? .o.

evilcheese
June 5th, 2008, 05:45 PM
yeah photobucket size is limited :/

Pikabloo
June 20th, 2008, 07: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 (http://www.fileden.com/files/2007/6/17/1183898/mugentut.png)

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

YOOM-TAH
June 20th, 2008, 08: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, 09:41 AM
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, 09:57 AM
We have a tutorial thread, so I merged your thread with it. ^^;

Mukkamoto
July 6th, 2008, 07: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, 08:09 AM
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 + (http://www.pokecommunity.com/showpost.php?p=3293120&postcount=19)
That's one way of using clipping masks. Hope that helps.

Mukkamoto
July 6th, 2008, 08:17 AM
I'll just link you to this tutorial made by Bred.
+ Click + (http://www.pokecommunity.com/showpost.php?p=3293120&postcount=19)
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, 03: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. (http://img372.imageshack.us/my.php?image=colourtuthc9.png)
It's only a small banner, nothing big.

Pikabloo
July 22nd, 2008, 07: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. (http://www.fileden.com/files/2007/6/17/1183898/lancelotut.png)

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, 07: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, 01: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 (http://candy.ayumi.sama.googlepages.com/randomtutforanicon)
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, 07:00 PM
I'll just link you to this tutorial made by Bred.
+ Click + (http://www.pokecommunity.com/showpost.php?p=3293120&postcount=19)
That's one way of using clipping masks. Hope that helps.


How do I do clipping masks on gimp?

Loki
July 29th, 2008, 08:15 PM
How do I do clipping masks on gimp?


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, 03: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 :) (http://img3.imagebanana.com/view/02chbvih/c4dtutorialcopy.png)

It is more of a guide than a tutorial.

Comic Tragedy
August 14th, 2008, 05:17 PM
Yays. Finaly this is out. This will definately educate some newcomers alot! Thanks for the share cheese.

moments.
August 15th, 2008, 03: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, 04:59 PM
Program Used: CS2
Required: CS+
Skill Level: Advanced? IDK

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

I was bored.

Conman
August 23rd, 2008, 08:17 AM
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 (http://sleekupload.com/uploads/wanted_2.png) ||| Alternative Link (http://daconman.deviantart.com/art/WANTED-Tut-93434062)
--------------------------------------------------------------------------------------------------------------------

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 (http://sleekupload.com/uploads/manga_style.png) ||| Alternative Link (http://daconman.deviantart.com/art/MANGA-STYLE-Tut-93434442)
--------------------------------------------------------------------------------------------------------------------

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 (http://sleekupload.com/uploads/creative_sprite.png) ||| Alternative Link (http://daconman.deviantart.com/art/CREATIVE-SPRITE-Tut-94374158)

moments.
August 23rd, 2008, 03: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, 03:05 PM
Essentially, Photoshop has all the same features as GIMP. You should have no problem using the tut.

Conman
August 23rd, 2008, 03: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, 08:29 PM
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 (http://sleekupload.com/uploads/wanted_2.png) ||| Alternative Link (http://daconman.deviantart.com/art/WANTED-Tut-93434062)

*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, 08: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 (http://www.foxytunes.com/artist/lupe+fiasco/track/go+go+gadget+flow)
via FoxyTunes (http://www.foxytunes.com/signatunes/)

Zebra Thunderhead
August 24th, 2008, 06:11 AM
Environmental stocks are the best to work with.

Postman
August 29th, 2008, 03:26 AM
Those are some very nice tuts Conman.
I'll try the sprite ones later on.

Zebra Thunderhead
August 29th, 2008, 03: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!

Hazuki
August 29th, 2008, 04:52 PM
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!

Might use that tutorial later... who knows

Program Used: Photoshop CS2, will work for GIMP as well
Required: Lots of texture resources
Skill Level: Intermediate
Outcome: http://i112.photobucket.com/albums/n164/SoulEternity01/icon4.pnghttp://i112.photobucket.com/albums/n164/SoulEternity01/icon3.pnghttp://i112.photobucket.com/albums/n164/SoulEternity01/lulurolo-icon1.pnghttp://i112.photobucket.com/albums/n164/SoulEternity01/Dull%20tutorial/13.png

Link (http://candy.ayumi.sama.googlepages.com/dullicontutorial)
If you don't read this or do anything to this then go get hit by a car please.

Loki
August 29th, 2008, 07:13 PM
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!

AMAZING TUTORIAL, WEWT.

Here's my outcome:

http://i520.photobucket.com/albums/w326/zetsu-bou/CMEStut.png
art by ~kurichan... I think.

Comic Tragedy
September 12th, 2008, 01:59 PM
HOORAY! CHECK ME OUT!!! -shot-

Ok so I made this little diddy. It is just a smudge tut. Kthanxbai.
Click this if you are smart! xD (http://kabla-moo.deviantart.com/art/Smudge-Tutorial-97756627)

Motsuko Live
September 12th, 2008, 02:27 PM
HOORAY! CHECK ME OUT!!! -shot-

Ok so I made this little diddy. It is just a smudge tut. Kthanxbai.
Click this if you are smart! xD (http://kabla-moo.deviantart.com/art/Smudge-Tutorial-97756627)

Awesome tut, L. Will probably use later tonight. o/

Katalyst
September 12th, 2008, 02:32 PM
Great tut, El Capitano. It sure helped me getting better at smudging ^O^

Comic Tragedy
September 12th, 2008, 02:45 PM
@.freak: thanks for the comment! I am glad you liked it!

@katalyst: Is that sarcasm? :(

Katalyst
September 12th, 2008, 02:53 PM
No, seriously. I've smudged for a while, but with (almost) the default settings, just changing the brush type. Your tut helped me understand more at smudging. Thx. :D I'll include a tag later, not now, it's late here.

Renyui!
September 12th, 2008, 06:08 PM
Wha-? Only im allowed to make smudging tuts!
Thanks Capitano, I could really use this.

Memory
September 12th, 2008, 06:11 PM
hahaha I saw it on dA. /special

Anyway.
I like the tut. Very useful, thanks El Capitano. |D

Comic Tragedy
September 12th, 2008, 06:20 PM
@ everybody: I am glad you like it. I will be glad to do any other tutorial on a GFX skill of you're liking.... I have a free weekend so just tell me!

Postman
September 20th, 2008, 03:03 PM
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 (http://sleekupload.com/uploads/creative_sprite.png) ||| Alternative Link (http://daconman.deviantart.com/art/CREATIVE-SPRITE-Tut-94374158)

I used your tutorial.
It was very easy to follow.
:D
http://i306.photobucket.com/albums/nn253/Alocbk/5bc22513.png

My outcome wasn't as good as yours :(
The sprite kind of got lost >_<


EDIT: New one.
http://i306.photobucket.com/albums/nn253/Alocbk/4cff1c4b.png

Conman
September 20th, 2008, 05:47 PM
http://i306.photobucket.com/albums/nn253/Alocbk/5bc22513.png
Thx, and I think it's pretty good. Just the lighting went out of control, thus you lost your sprite XD

----------------
Listening to: MF Doom - Hoe Cakes (Ant Remix) (http://www.foxytunes.com/artist/mf+doom/track/hoe+cakes)
via FoxyTunes (http://www.foxytunes.com/signatunes/)

Twinx
November 12th, 2008, 11:52 PM
I have this PSD tutorial that I made a few months ago, but never got to upload it.. don't ask why.

Program Used: Photoshop CS
Required: Colored stock image
Skill Level: Intermediate
What you will learn: Cross-processing and some other techniques.
Outcome:
http://i268.photobucket.com/albums/jj19/DarkkChildd/Cheese-1.png

http://www.sendspace.com/file/rkvrxt

I hope that link works :D

Renneh
November 21st, 2008, 03:58 PM
Program Used: Photoshop CS3
Required: Good splatter brushes (look on deviantart)
Skill Level: Beginner, it is easy for anyone to follow.

This is just a technique tutorial =)

http://i27.photobucket.com/albums/c167/cinny_pics/cmpart1.png
http://i27.photobucket.com/albums/c167/cinny_pics/cmpart2.png
http://i27.photobucket.com/albums/c167/cinny_pics/cmpart3.png

moments.
November 21st, 2008, 09:34 PM
Renneh, nice tutorial. I already know how to do clipping masks, but it would be very helpful to beginners or anyone who doesn't know how to do them
Kudos to you!

Zebra Thunderhead
November 22nd, 2008, 06:51 AM
Clone stamp gets the same effect. You just have to know how to use it properly. I think I'll make a tutorial soon.

Snivi
November 26th, 2008, 07:59 PM
How to go from an avi file to a gif to an animated icon using VirtualDub & Animation Shop 3


Part 1: How to make a clip from an avi file using VirtualDub
http://vampirekiryuu.livejournal.com/243111.html

Part 2: How to make a gif from an avi clip in Jasc Animation Shop 3
http://vampirekiryuu.livejournal.com/243202.html

Part 3: How to take the gif and make it into a fairly simple icon
http://vampirekiryuu.livejournal.com/243611.html

Tyrantrum
November 26th, 2008, 11:18 PM
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 (http://sleekupload.com/uploads/creative_sprite.png) ||| Alternative Link (http://daconman.deviantart.com/art/CREATIVE-SPRITE-Tut-94374158)[/COLOR][/font]
(I'm a first-time Gimp user, so please don't flame me for saying this. :x)

Okay, I wanted to try this, and with a Lucario sprite.
But, I'm having trouble understanding this tutorial.

For one, how do you get the image into the canvas?

Conman
November 27th, 2008, 01:45 AM
(I'm a first-time Gimp user, so please don't flame me for saying this. :x)

Okay, I wanted to try this, and with a Lucario sprite.
But, I'm having trouble understanding this tutorial.

For one, how do you get the image into the canvas?

If you mean the sprite, open the sprite in GIMP then copy n paste it into the canvas for the tag.

----------------
Listening to: Kanye West, Kid Cudi - Welcome To Heartbreak (http://www.foxytunes.com/artist/kanye+west/track/welcome+to+heartbreak)
via FoxyTunes (http://www.foxytunes.com/signatunes/)

Jeyboye
December 2nd, 2008, 04:38 AM
Program Used: Adobe PS3
Required: Good perspective. Patience. (Also, Eye dropper and some filters)
Skill Level: Beginner

Step 1: Intro and "tides"

-Make or copy a smooth emerald colored background layer: (My Original source layer.)
http://i32.photobucket.com/albums/d8/ancientronin/emerald-3.jpg

..Now, copy your layer three times... Make visible only layer 1, rename it to "tides". Select an ocean blue colored foreground, and a white background. Render some clouds, liquefy... smoothen. Done.

Step 2: "Reflection"

-Rename the layer on top of "tides", "reflection"... both should be visible. I will use the hard light setting on the layer for now and hit it up with a lens flare. You can add more then one flare, or not have any.. whatever your perspective is.

High five yourself! Easy part over.

Step 3: "Floor"

-Make visible: Background, "tides", and "reflection" layers.

........Set your "tides" layer to screen mode for the time being. Once you notice that screen and hard light of the layers take effect on the background; grab the color sampler tool. Drop a cross hair 1 on the cleanest white pixel... drop cross hair 2 on a grayish emerald pixel............ Turn off the Background and rename the final layer to "Floor". .......While selected in this layer, adjust it to Multiply and open the levels plane. Use the "white point sampler" on cross hair 1 and the "gray point sampler" on cross hair 2. Lastly, distort with an ocean ripple filter. :]


The smoothing out part of may take time, aswell as finding good lighting, but attention to detail is the key for me... the over all picture turned out like this:

http://i32.photobucket.com/albums/d8/ancientronin/emeraldwater.jpg

Once you get the hang it should only take about 4 mins to do. :>

I know my original layer is more of a gradient, but the same effect can be made by using tools. Hope someone finds this method useful and hopefully not time constricting.
----------------------------------------------------------------------------------------------------
Peace.

moments.
December 7th, 2008, 07:28 PM
That's a pretty sweet result although you might not use it very often in tags... Nevertheless, it still looks pretty cool although I personally would make the flare a little less bright.

THIRTY-SIX
December 7th, 2008, 11:32 PM
This section shouldn't and isn't just about making tags.

It's good for people who want to learn photoshop tips and applying them their own way, rather than just to imitate.

Renyui!
December 13th, 2008, 04:29 AM
Nice tut. I'll have to use it sometime (b")b

Zebra Thunderhead
December 26th, 2008, 09:09 AM
Depth Tutorial by ♥ at KHInsider.com (http://img151.imageshack.us/img151/5251/depthgk8.png). Never posted it here. I'll be making a light and flow tutorial somewhere down the line.

Michii
December 28th, 2008, 07:15 PM
Yayay, I made my first tutorial! Please post with resultsss!!! :'DD

Program Used: Photoshop CS2

Required: A good render, a lot of knowledge of photoshop, some c4d's and a scratchy texture, andandand they abilitiy to read bad directions. <321

Skill Level: Depends on where you're at, but I'd say intermediate to advanced.

http://i182.photobucket.com/albums/x314/MagusMew/Untitled-2-1.png http://i182.photobucket.com/albums/x314/MagusMew/beachboy.png

'LE LINKKK! 8DDD (http://www.imagebam.com/image/e27c3622073920)

moments.
December 28th, 2008, 07:47 PM
OMG Michii made a tutorial!
Love the outcome and although I won't use the entire tutorial, I might take little snippits from it here and there if that is ok.

Ex Trainer Ruiisu
December 28th, 2008, 10:43 PM
is there any alternative links to those imagebam sites, i clicked on one and my computer lagged horribly, and my computer is made for photoshop use so i dont understand why it does so. But yeah alternative links like tinypic or devart if possible. thanks again ^^

Zebra Thunderhead
December 29th, 2008, 05:07 AM
I agree, Michii's tutorial caused an uber meltdown when I clicked on it. Imagebam is usually pretty good but I think Michii's said something about a pdf... which would be a very large pdf.

Michii
December 29th, 2008, 07:18 AM
Ahhh, I'm sorry. It worked fine for me, but I guess I didn't consider others. I tried uploading it on various sites, but none of them made it large enough to see. After the two above messages, I tried again on other other sites, but none worked. Thank you for making me take the initiative to make a deviantart account! :'D

Program Used: Photoshop CS2

Required: A good render, a lot of knowledge of photoshop, some c4d's and a scratchy texture, andandand they abilitiy to read bad directions. <321

Skill Level: Depends on where you're at, but I'd say intermediate to advanced.
http://i182.photobucket.com/albums/x314/MagusMew/Untitled-2-1.png http://i182.photobucket.com/albums/x314/MagusMew/beachboy.png

'LE NEW LINK! DDD: (http://michips.deviantart.com/art/Banner-tutorial-107744768)

Zebra Thunderhead
December 29th, 2008, 10:24 AM
Tag basics tutorial/explanations

Lighting:

If you enjoy creating AWESOME WHITE LIGHTS everywhere on your tag just to have someone go up and say, "looks like crap dude", then you need to learn that lighting is not just a white brush dot on the canvas. Lighting is a bit more in depth than that, and there are various kinds of lighting that you could possibly apply to your tag. Of course, that COMPLETELY depends on the stock of the tag, and effects you are adding. For basic use, you want to analyze the stock prior to actually adding a ton of effects and random splotches of ugly white brush dots everywhere.

1) Say you're a Paramore fan and what to make a tag using this stock image (http://www.weeklyreader.com/readandwriting/content/binary/paramore2-1.jpg). How would you effectively manipulate the lighting to best suit your tag? First of all, look at the stock before you do anything. Where's the light originally coming from? You will basically have to work with the light coming from that direction since it looks a lot more natural. In this case, the light is coming from roughly a 45 degree angle in relation to the front of her body, and therefore, if you were going to put some white brush dots anywhere, put them in the bottom right corner of the tag (assuming you don't horizontally flip the stock) so that it doesn't look like crap! If you put the lighting from the top left or bottom left, you're basically ignoring the stock itself and just creating cruddy effects that no one except for noobies will enjoy.

2) Don't ever just use the color white. I've seen it so many times it makes me want to puke. Want to know why you should never use white? Because pure white light would blind the hell out of your retina AND it looks like crap on a tag. You're probably asking me, or yourself, what color of light to use. The color? Doesn't matter. You could use a green light and I wouldn't care too much other than the fact it'd probably look worse than the vomit you get from food poisoning. Whatever color you choose is fine, but it's how you apply the color to make it look like real light. If your lighting is really, really, really saturated, then the areas where the light hits the stock have to be the color of the lighting as well (let's use green since I already mentioned it). If the light is really intense, it's fine to use white (I use off-white which is close to white, but not exactly white), but it should radiate the colour as the light ventures off from the centre of the source. Here's an example using one of my old tags from 100 years ago.

Tag:

http://i11.photobucket.com/albums/a187/Balmung102/monoblostag.jpg
Credit to my budden Ken

Yes, the light looks white, but you can tell that it would be light from the sun since it radiates a yellow colour as the light intensity weakens. By understanding how this works, you can make tags that have a lot of lighting to look a lot more natural than if you were to just put white. Also make sure that when you add lighting, don't just leave the stock as is. You will want to manipulate the stock a little so that it works with the lighting. Understanding colors is a great asset when working with lighting. If you take a look at the example, the light is yellow, so he darkened the shadows of the stock and given them a blue/green hue. If you had a red light, then you'd want to have shadows that were slightly more green.

3) Lighting from effects that you create are also important too. Say you had a stock of some guy looking down at his open hand, so you created some kind of awesome red energy ball or fire. What would you do? You'd add some lighting around that specific area so that the effect becomes integrated into the tag, and just isn't sitting there. Being able to effectively integrate such effects is what makes a tag that much better.

4) Lighting cannot only add a more natural feel, but add depth if used correctly. Say you had a tag that was all renders and was really busy, but despite all the 3D effects, it looked flat. Well, by adding lighting and shadows to certain areas, it creates a sense of how some things are closer and farther away from each other just by how you integrate the lighting. You can create a sort of "tunnel" effect with proper use. If you take the previous example with the monster and intense sunlight, you can observe how the intense light creates a sense of depth. Since the light is so bright and shines inwards towards the viewer, it gives them the sense that the light is far away, and everything else in the tag is much more closer, effectively creating depth.

5) Lighting is not without shadows. Light and shadows go hand in hand, but there will be times when the shadows just won't work.

All in all, everything I've said only works if you practice and are creating a tag where lighting is necessary. Some tags just look bad no matter what kind of lighting you put in, and the moment you remove it, it's amazing. Just because it looks nice doesn't mean you should put it in practice all the time. With my current sig, there is no light source whatsoever, yet it still looks good. And remember, lighting does not only effect the stock, but everything around it as well.

Flow

The stock you choose determines the flow of your art piece. For example, if you were to choose a stock such as this:

http://planetrenders.net/renders/albums/userpics/66018/normal_kk_slider-city_folk.png

There is virtually no flow. But if you were to choose to use a stock like this:

http://www.planetrenders.net/renders/albums/userpics/354414/normal_captain%20commando%20render.png

You can easily see the flow in the stock because he's pointing. Flow's really easy to master because all you have to do is determine which way your stock is moving. PICK DYNAMIC STOCKS! Crappy stocks like that dog suck and make crappy tags. If you mess up on flow everybody gets laughing rights because it's really hard to screw up.

Typography

Also known as TEXT. Text is even harder than light to master. Even some of the long time veterans don't have it down. Text isn't always necessary, and should never be forced. This means that not every tag needs text. If it doesn't follow the flow, or even just doesn't feel right, then just take it out. More often that not, the tag will look a lot better. If you're a beginner, you'll be better off just leaving it out. You can gain insights about typography and how to improve it here (http://vccgraphics.wordpress.com/2006/10/20/learn-to-love-typography/). There's also a typography tutorial on AppendixSquared but I probably shouldn't post it here since the watermark has swears. (:

I guess that's really all the basics you need to know.

Ex Trainer Ruiisu
December 29th, 2008, 03:37 PM
Ahhh, I'm sorry. It worked fine for me, but I guess I didn't consider others. I tried uploading it on various sites, but none of them made it large enough to see. After the two above messages, I tried again on other other sites, but none worked. Thank you for making me take the initiative to make a deviantart account! :'D

Program Used: Photoshop CS2

Required: A good render, a lot of knowledge of photoshop, some c4d's and a scratchy texture, andandand they abilitiy to read bad directions. <321

Skill Level: Depends on where you're at, but I'd say intermediate to advanced.
http://i182.photobucket.com/albums/x314/MagusMew/Untitled-2-1.png http://i182.photobucket.com/albums/x314/MagusMew/beachboy.png

'LE NEW LINK! DDD: (http://michips.deviantart.com/art/Banner-tutorial-107744768)
Thanks a million ^^ ill be using this tut asap

Gummy
December 29th, 2008, 03:46 PM
Ahhh, I'm sorry. It worked fine for me, but I guess I didn't consider others. I tried uploading it on various sites, but none of them made it large enough to see. After the two above messages, I tried again on other other sites, but none worked. Thank you for making me take the initiative to make a deviantart account! :'D

Program Used: Photoshop CS2

Required: A good render, a lot of knowledge of photoshop, some c4d's and a scratchy texture, andandand they abilitiy to read bad directions. <321

Skill Level: Depends on where you're at, but I'd say intermediate to advanced.
http://i182.photobucket.com/albums/x314/MagusMew/Untitled-2-1.png http://i182.photobucket.com/albums/x314/MagusMew/beachboy.png

'LE NEW LINK! DDD: (http://michips.deviantart.com/art/Banner-tutorial-107744768)

I loved the tut, Mimi! Here's my outcome:

http://i44.tinypic.com/axo13c.png

I thinK I'll use this in my theme sometime soon. Thanks again ^^.

moments.
December 29th, 2008, 03:47 PM
Wow nice guide there Color Me Evil. I read through all of it amazingly and it was quite excellent! I think there are plenty of people here who could earn something from your lighting 'guide' as it was very in depth and gave various examples.
I will definitely use it!

Zebra Thunderhead
December 29th, 2008, 04:53 PM
Hopefully it will help people understand the basics so whenever someone says something they don't wig out cause they don't know how to achieve something/know the vocab.

Dukey
January 1st, 2009, 10:50 PM
Great tut Michii, here's my outcome//
http://i304.photobucket.com/albums/nn184/McDukey/ShoMichii.png
I'll be using this as my theme for a while =]

Loki
January 2nd, 2009, 12:38 PM
Outcome:
http://i62.photobucket.com/albums/h88/EvileBell/Chrome.png

Program Used: Photoshop CS2 (Though CS+ should be fine.)
Required: Listed in the tutorial.
Skill Level: Easy (Debatable)

The thing with this is, you mostly need to know your color wheel and be good with erasing and stuff to get rid of color adjustment layers and stuff. (And as always, you need to be able to interpret what I'm saying, because I suck at explaining.)


Got Manga? (http://nephilius.deviantart.com/art/Tag-Tutorial-Manga-Sigs-108199923)

Zebra Thunderhead
January 2nd, 2009, 12:41 PM
Hot tut Loki, I'll try it out when I'm done with college apps for the day. XD

Renyui!
January 2nd, 2009, 01:22 PM
Awesome tut, Loki. Will use this later. Katekyo Hitman Reborn ftw.

Zebra Thunderhead
January 2nd, 2009, 02:15 PM
hai kids, today we're making this tag:

http://img293.imageshack.us/img293/850/tsplitzrh1.png

Program Used: Photoshop CS2 (NOT GIMP FRIENDLY, it requires selective coloring)
Skill Level: Intermediate I guess
Required: Smudging brushes, splatter brushes, probably other stuff

click pls (http://www.imagebam.com/image/b7f5d022510055)

I'd love to see your results!

moments.
January 2nd, 2009, 02:27 PM
Oooh sweet tutorial!
I will test it our later and post my result!

Loki
January 2nd, 2009, 03:58 PM
I couldn't figure out the smudge thing for the life of me. :| [/not good with smudge]
But I think it went alright, hrrrf.

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

My stock didn't take up enough space. :I

Gummy
January 2nd, 2009, 08:45 PM
http://i41.tinypic.com/whimh5.png

I used CME's tutorial and it was pretty awesome. But like Loki, when the smudging part came I was like "wut u tlkin bout, Willis? " xD

Zebra Thunderhead
January 2nd, 2009, 08:48 PM
Well, it really all depends on what tag you're making. Steps vary. Tutorials are just guides. XD

Michii
January 2nd, 2009, 10:20 PM
I loved the tutorial. I didn't follow too much of it, but I think I got a very similar outcome which I think would almost be good if I wasn't doing it at one in the morning. D:. If you don't mind, CME, I'd really like to apply this style to my own work at times.

http://i182.photobucket.com/albums/x314/MagusMew/flyaway.png
All I know is that this person is from bleach. Fly away probably doesn't work /shot XD;
EDIT: Crap. I could've done so much more this but I didn't. I'll make a psd and edit this post tomorrow later today.
SECOND EDIT TO LOKI: Can't blame me XD;! All I did was look up Bleach stock on google because I fail at characters from everything. Hate that fricken site now. ;;
THIRD IN GENERAL EDIT: Added some color layers and such, though I think I screwed it up again :321. Thanks again, CME. =))
http://i182.photobucket.com/albums/x314/MagusMew/flyawayycopy.png

Loki
January 2nd, 2009, 11:11 PM
I loved the tutorial. I didn't follow too much of it, but I think I got a very similar outcome which I think would almost be good if I wasn't doing it at one in the morning. D:. If you don't mind, CME, I'd really like to apply this style to my own work at times.

http://i182.photobucket.com/albums/x314/MagusMew/flyaway.png
All I know is that this person is from bleach. Fly away probably doesn't work /shot XD;
EDIT: Crap. I could've done so much more this but I didn't. I'll make a psd and edit this post tomorrow later today.

Bzbzzzt. xD Wrong answer!

That person is Kanda Yu, from D.Gray-Man; an exorcist, not a shinigami. And fly away fits quite well. :>


Hmm, the problem with the smudge though CME wasn't really that it didn't fit, but more like, I couldn't replicate the same effect. I got pretty close, but oh well. xD It's not a big deal, still an awesome tutorial.

Rockéttes
January 3rd, 2009, 05:02 AM
hai kids, today we're making this tag:

http://img293.imageshack.us/img293/850/tsplitzrh1.png

Program Used: Photoshop CS2 (NOT GIMP FRIENDLY, it requires selective coloring)
Skill Level: Intermediate I guess
Required: Smudging brushes, splatter brushes, probably other stuff

click pls (http://www.imagebam.com/image/b7f5d022510055)

I'd love to see your results!

*highfives*

I'll use this later when I'm not so busy. Awesome tag, CME.

Aizuke
January 13th, 2009, 03:45 AM
Oh hey, Malyka made a tut for once. :x

Banner;
http://i263.photobucket.com/albums/ii142/Akari_Productions/GFX/saber_simp.png

Program Used: Photoshop CS (Not sure if this works on GIMP. :x)
Required: Listed in tutorial~
Skill Level: Easy (I think XD;)

Will thinks my tut is funny. :[ (http://aizuke.deviantart.com/art/Saber-Simple-Banner-Tut-109339411)

I just realised a mistake at the end. XDDD; Brownie points for those who spot it. /o/

moments.
January 13th, 2009, 03:49 AM
Oooh your tutorial is very nicely presented and explained Closer!
I am going to have a go and post my result soon!

Zebra Thunderhead
January 13th, 2009, 03:54 AM
Pretty simple tut, will be good for some noobie people since it's a simple tag. :P Maybe I'll try it when I get home.

parallelzero
January 13th, 2009, 04:47 PM
http://i2.photobucket.com/albums/y39/Daiaki711/maiden-2.png

My result with CME's earlier tut. *shot* XD

Zebra Thunderhead
January 13th, 2009, 04:55 PM
Completed with a little help from me. XD Looks great! ♥

parallelzero
January 13th, 2009, 06:55 PM
Now for my result using Closer's tut:

http://i2.photobucket.com/albums/y39/Daiaki711/nia3.png?t=1231901667

Unforgettable
January 13th, 2009, 08:03 PM
http://i64.photobucket.com/albums/h179/YunaDances/simple.png
Result using Closer's Tut. First time I've touched PS in ages.

Ex Trainer Ruiisu
January 16th, 2009, 07:54 PM
My result for allelujahs badoutut back on page 3 *shot*
http://img.photobucket.com/albums/v481/ChaosZero3/Signatures/BadouSmokes.png


Also does anyone know how to do css/html integration in your signature?

Star★Seeker
January 18th, 2009, 03:31 PM
My own approach at Aizuke's tut, with stars instead of polkadots. I had to improvise alot, given that GIMP doesn't have of the features Photoshop has. It came out rather nicely.

http://img440.imageshack.us/img440/6597/cccolorho6.png

Ex Trainer Ruiisu
January 18th, 2009, 08:10 PM
heres my go at the latest tutorial michi put out, made it for someone on another forum. All of the other fonts looked wierd, so i just went with the font michi used.
http://img.photobucket.com/albums/v481/ChaosZero3/Signatures/KazinSignature.png

parallelzero
January 18th, 2009, 08:13 PM
Made using the manga tut Lokiokidoki posted. She likes the green, I like the blue. :<

http://i2.photobucket.com/albums/y39/Daiaki711/toradora-2.png

http://i2.photobucket.com/albums/y39/Daiaki711/toradora-1.png

Renyui!
January 20th, 2009, 01:31 AM
My result to Malyka's Tut. Although, i didn't think the border would go on a small tag like this.
http://i249.photobucket.com/albums/gg238/rowy95/yeahcopy.jpg

Aizuke
January 20th, 2009, 01:50 AM
OMFG LAVI. 8DDD

But yeah, that's a great outcome. XD;

I like the CC one aswell. :3 A bit bright though. :x And everyone else's is awesome too. XD; Glad to see people read my tutorial. (b'-')b

I might make another one later. XD

THIRTY-SIX
January 20th, 2009, 06:44 AM
Didn't read, well scanned it just I screen shot the circle and handwriting…

Should've used a larger canvas. Could've gotten more haha's in there if I did.

http://img.photobucket.com/albums/v510/munna170488/gallery/needed.png

http://img.photobucket.com/albums/v510/munna170488/gallery/neededv2.png

http://img.photobucket.com/albums/v510/munna170488/gallery/neededv3.png

Pikachu Trainer~
January 20th, 2009, 08:38 AM
Your outcome using Aizuke's tutorial is great Vivaa, now I don't know whether to post mine... =D.
Heres my attempt at your tutorial Aizuke, I created it for Noxious.'s graphics class.
http://i711.photobucket.com/albums/ww116/pttsr/Assignment3.png

Zebra Thunderhead
January 20th, 2009, 09:01 AM
http://img223.imageshack.us/img223/8363/raidenur7.png

Did a few adjustments to the color. :B Fun tut!

He Trembles on Your Breath
January 20th, 2009, 01:02 PM
Aizuke's tutorial was fun and easy =P My result came out like this.

http://i236.photobucket.com/albums/ff112/Taimato/tutpic.png

I might have ago at a few more of the tutorials now. =)

Loki
January 23rd, 2009, 08:16 PM
By request of Vivaa:

TUTORIAL (http://fc13.deviantart.com/fs41/f/2009/023/5/d/Tag_Tutorial__Stock_Combo_by_Nephilius.png)

Program Used: Photoshop CS2 (Though CS+ should be fine.)
Required:
-Colorful Stock
-Gray, scratchy/speckled textures
-Special textures specified inside the tutorial
-Sparkle brushes
-Lots of circular light textures, specified inside the tutorial
-Vector brushes
-.PNG to match your main .png, as specified inside the tutorial.

Skill Level: Medium-hard.

(I didn't explain how to do little things this time, but I did try to make it clearer than the last few tutorials I've made, and I think I succeeded. The process is just a little longer and complicated.)

Renyui!
January 23rd, 2009, 08:21 PM
:DDDDDDDDDDDDDDDDDDDDD
Yay! You did it, Loki! There may have been some computer crashes but you did it!
I'll get to it! ;D
Edit

Ugh, I dunno if this looks good or not. Made from Loki's latest ;D
http://i249.photobucket.com/albums/gg238/rowy95/requesttut.png

Zebra Thunderhead
January 24th, 2009, 08:43 AM
Had a little bit of trouble following the tut, Loki. :s

http://img187.imageshack.us/img187/1821/spiceyau1.png

Like the result though. :3

Twilight Wolf
January 28th, 2009, 09:40 PM
Program Used:
GIMP 2.6 (for those who are stuck with it xD)

Required:
I'm thinking any GIMP Program, but I don't know how each program differs. A GIMP program is fine, and it's all you'll need. ^-^

Skill Level:
Easy

Step 1.
First, you want to create a new file. Go to File>New and we'll start out with a 450x150, ok?

Step 2.
Next, go ahead and go to Filters>Render>Clouds>Difference Clouds. Adjust them to how you want by Randomizing it, making it Turbulent, or selecting the Tilable option. Test and expiriment with it until you are satisfied, then click 'Ok'.

Step 3.
Before you continue, go to Layer>New Layer, make sure 'Transparent' is chosen, then go ahead and press Ok.

Step 4.
Now go to Filters>Render>Nature>Flame. Leave all of the options alone excluding the Colormap and Edit buttons (unless you like them how they are). Select what style you like, color it accordingly, and press 'Ok'.

Step 5.
Repeat steps three and four about two or three times, prefferably going to Filters>Re-show "Flame" for step four and switching the colors to how you like it.

Step 6.
Add a new layer once more using Step 3 and go to File>Open. Open your render, who you should have saved.

Step 7.
Right-click on your render and go to Edit>Copy. You may now close the window with your render if you like.

Step 8.
Go to back to your banner and right-click on it and click Edit>Paste. Your image is now on your banner (duh). Move it around however you like.

Step 9.
Now repeat Step 3 and Step 4 about three times.

Step 10.
You are now finished! Go to File>Save As and save it how you like!

*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*

My End Result:
http://i637.photobucket.com/albums/uu95/White-Wolf-of-the-Snow/RapidashBanner.png

^-^

This tutorial might work on other programs such as Photoshop since I have seen the Clouds and Nature options in some of the tutorials using Photoshop. It's pretty basic, I must say. It was my first banner ever, by the way. xD Well, with me knowing how to work GIMP.

I have also learned recently that having the GIMP Germ i extremely enjoyable.

Renyui!
January 30th, 2009, 07:11 PM
ohai, rowan made a decent tut about a tag no one has seen before for once xD;
Program used:Photoshop CS3, though it will work for other versions.
Required:A Texture, decent knowledge of PS, a render and some smudge brushes.
Skill Level: Medium to hard, cause i uber-suck at explaining things.
Tutorial: Click for keeps. (http://v1vaa.deviantart.com/art/Sig-Tutorial-111284955)

I'm terrible at explaining this, i know. xD
If you have any problems, tell me.