Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Zan's gfx noob tuts/tips thread.

Started by Guest_-Zan! , Jul 12 2005 02:27 AM

Prev

Next
»

Please log in to reply

117 replies to this topic

#26 Guest_-Zan!

Guest

Offline

Posted 21 July 2005 - 07:15 PM

And its not finished yet!Today's tut is about:LinesThose might not seem very important or look like much but they can enhance a sig and make all the difference.Lets say I want to add'em on that sig here: Posted Image

(the method used to make this will be said in another tut)Now to do the lines make a new layer under color balance. And then select the pencil tool. (be sure to set your brushes to default)Now make your lines with the pencil tool by draggin it for a side to another by holding shift. You now have straight lines. My tip is to make vertical lines on a layer and horizontal on another this way you can move them around easily. What I do is that I make lines in the middle of the layer like this: Posted Image

And then I take the square selector to select them one by one and move them to the exact spot I want them to be. Posted Image

Then I change the line layer to this mode: Posted Image

Then you can play around by reducing the opacity or blur the lines until you are happy and then do the same thing with vertical lines.Here is my final result: Posted Image

Like I said it may not look like much but it can really add to a sig. It all depends on how you use it.

0

Back to top

#27 Guest_Zamin

Guest

Offline

Posted 21 July 2005 - 11:06 PM

Here is my siggy that I made: Posted Image

Zan can tell about the text tomorrow, plz??Zan since u like Tonberry so much i made a Tonberry King avater for you: Posted Image

Edited by Zamin, 22 July 2005 - 02:20 AM.

0

Back to top

#28 Guest_-Zan!

Guest

Offline

Posted 21 July 2005 - 11:33 PM

Ok thanks. :ph34r:

But this thread is about my tuts not rating sigs. Plz make a topic of it and I will help you. :angry:

0

Back to top

#29 Guest_-Zan!

Guest

Offline

Posted 23 July 2005 - 08:44 PM

Its about tuts so yeah you can request a tut here. :lol:

Here comes the text block!Since we must begin somewhere here goes the:Simple text:Ok lets say we have this sig in need of text: Posted Image

Take the type tool and click on where you want to write your text. Notice that in the top menu you can switch font, color, size and center the text or not.For simple text you should chose a simple font, don't take one too complicated or too thin.Set the size to something lower than 30 pix. If its too big it will take too much space and the simple text is best smaller since its not blended at all.Now make sure that your text is above all layers and right click on that layer and then click on this option here (ok sry if I can't find the names in english, I would really apreciate if ppl would help me for this >.<

) :

Then make a drop shadow, you can use any settings as long as the shadow isn't too big and that it isn't too far from the text.Then add a default outer glow and you can use a bevel option at the condition that the text is still visible, don't overdo it.(to set those options you need to click on their names so they become highlighted like this: Posted Image

)

And here you go! You got a basic, quick text on your sig! Bump this right now so I can make another tut

(I want one tut per post because I'm working on the links right now.)

Edited by zanzoken, 23 July 2005 - 08:47 PM.

0

Back to top

#30 Guest_Envy

Guest

Offline

Posted 23 July 2005 - 09:45 PM

cool

0

Back to top

#31 Duce

THE FUCKIN OLD SCHOOL

Dragon's Elite
1,349 posts

Offline

Reputation: 0

Neutral

Posted 24 July 2005 - 01:53 AM

Very nice work zan. Very detailed and helpful for noobs. My own crit would be the screenshots being in french. I know theres not much you can do but i think this tut would be alot easier with english screenies. Still though its very good

0

An old timer with bad habits, cigarettes, and a bottle of run
DGEmu's Beloved Son.

Back to top

#32 Guest_-Zan!

Guest

Offline

Posted 24 July 2005 - 02:51 AM

Thanks a lot! I would really like to be able to take english screenies too but that would mean buying another ps and that would be a waste of money.(Don't tell me to download it ppl, if theres something I like I will buy it, I won't download it.)

Edited by zanzoken, 24 July 2005 - 02:52 AM.

0

Back to top

#33 StrykrOmega

Fallen but not Forgotten

Dragon's Elite
1,801 posts

Offline

Reputation: 4

Neutral

Posted 24 July 2005 - 07:46 AM

hey zan, if you want, i can take your tuts and remake them in english, i use the english version >.<

0

Posted Image

Back to top

#34 Guest_-Zan!

Guest

Offline

Posted 25 July 2005 - 01:59 AM

Now lets have some more interesting text tut.

Here goes:Flashy textOk lets start with this sig: Posted Image

To make what I call the flashy text here is what you must do:Take the type tool and click where you want your text to be. Then select a font that is not too thin and not too complicated, choose the size you want and keep the color white. Be sure that the text layer is above everything else.Now right click on the text layer and select the same thing as last time: Posted Image

Add an external light with those settings (technique is default): Posted Image

Now it would look a bit plain alone this way wouldn't it? Posted Image

For better effects you should add lines over and under the text, here is the best way to do so:Create a new layer and then take your pencil tool and drag a small line over the text like this: Posted Image

Duplicate that layer by right clicking it and selecting duplicate layer. Then drag the new line layer under the text, you can put both lines exactly one over the other or make one more to the right of the text and the other more to the left to make an angle effect.Now add the same glow as you gave your text to both of the lines but make the opacity of the glow over 90% (you can merge the layers to make it easier)Now for the finishing touch add a directional blur in filter/blur/directional blur and play with the pointer until you are satisfied (be sure the angle of the blur is 0 or else it won't look good at all)Here is my final result: Posted Image

Edited by zanzoken, 25 July 2005 - 02:00 AM.

0

Back to top

#35 StrykrOmega

Fallen but not Forgotten

Dragon's Elite
1,801 posts

Offline

Reputation: 4

Neutral

Posted 26 July 2005 - 10:36 PM

another good tutorial

keep up the good work

0

Posted Image

Back to top

#36 Guest_-Zan!

Guest

Offline

Posted 28 July 2005 - 01:39 AM

Okay here comes some serious stuff that is awesome when used by pros.This is the long awaitedBroken textLets start with that random, fast made sig: Posted Image

For this you will need a specific kind of font. It must be non attached, not too thin and clearly readable. (gothic typos might do) I recommend Ringbearer that can be found on dafont.com (Don't use all caps)Click on where you want your text to be. (Much better effects when it interacts with a pointy part of the render, you can make it so it looks cut out later.)Click again on the same option as in any other text tuts: Posted Image

For this you want to add texture and make your text stand out. Make a noticable drop shadow by using aproxymatly those options: Posted Image

(Choose the angle of your liking)Then add a default bevel and anything that you want to add in your text (don't use too much glow and stuff though, keep your text hard and solid)Then make everything but your text and your render invisible (that includes your text effects)Then right click on your text layer and pixelate it: Posted Image

Now here comes the manual part: zoom in your text and take the polygon lasso tool.Select each letters and cut them in 2 or more with the lasso the way you want your text to be cut. (Keep your lasso options to 0 pixels) Posted Image

Keeping the part of your letter selected go to edit/transform/rotate and rotate your text so it looks like it has been brutally cut off or broken.You can also select a small bit of your text and delete it so it looks like it was cut off or something. The more details you add the better it will end up (unless you make it unreadable)Here is what you can get in many minutes of work: Posted Image

This method can be used so the text interacts with the render. (for example you can put your broken text in both sides of a sword)I hope this thing helped those who read it

Edited by zanzoken, 28 July 2005 - 01:40 AM.

0

Back to top

#37 Guest_Exodecai101

Guest

Offline

Posted 28 July 2005 - 04:48 AM

Thanks Man

.

0

Back to top

#38 StrykrOmega

Fallen but not Forgotten

Dragon's Elite
1,801 posts

Offline

Reputation: 4

Neutral

Posted 28 July 2005 - 05:53 AM

good method

0

Posted Image

Back to top

#39 Guest_-Zan!

Guest

Offline

Posted 31 July 2005 - 12:14 AM

Okay now I will drop back into the basics that I missed out:Pixel stretchThis is a way to do a good background layer or to give an effect over the brushing but do not use it alone or it will look empty.Create a new canvas with the size of your sig and then add the render you want to use on it. Posted Image

Then select the one of the small selection tools. For this tut take the vertical one(Click on the left topmost tool and choose the small vertical line)Now Choose a spot to put that selector on your render where you like the colors. I took this one on my render: Posted Image

Now click this in that order: Edit/copy -> Edit/pasteThis will create a new layer containing only the small line. Now you simply have to transform the line. Click on Edit/free transform and drag the line left and right until it covers all of your sig. Like this: Posted Image

Then just put the pixel stretch layer under your render and start brushing over it a bit. You can also put the layer over other brushing and set it to overlay. Use it as you see fit.

Edited by zanzoken, 31 July 2005 - 12:53 AM.

0

Back to top

#40 Guest_Keiosu

Guest

Offline

Posted 31 July 2005 - 12:47 AM

So what exactly is a pixel stretch?

0

Back to top

#41 Guest_-Zan!

Guest

Offline

Posted 31 July 2005 - 12:52 AM

Whoops wrong first picture...edit: fixed

Edited by zanzoken, 31 July 2005 - 12:53 AM.

0

Back to top

#42 Guest_Keiosu

Guest

Offline

Posted 31 July 2005 - 12:57 AM

OH! Now I see. It's like seeing things go by in a super fast car. Also, you wouldn't mind doing a tut on brushing and blending would you?

0

Back to top

#43 Guest_Elite_Vaizard

Guest

Offline

Posted 01 August 2005 - 01:00 AM

Nice Thanx learned some new thingsw00t w00t

0

Back to top

#44 Guest_migspogi

Guest

Offline

Posted 01 August 2005 - 02:34 PM

nice tut zan would you mind adding some photo manip tuts

0

Back to top

#45 Guest_tabblink182

Guest

Offline

Posted 01 August 2005 - 09:49 PM

amn, ur tuts are great, may i request a bg tut ?i dont know what its called but like style of migspogi's sig's bg. (love ur sig btw)thanks...

0

Back to top

#46 Guest_RunDown

Guest

Offline

Posted 03 August 2005 - 01:32 AM

zan this is getting wierd i enjoy the tut but i cant understand much of the blending:wtf: i might need a 1on1 tut on this thing and yes i am a newb on this guys

Edited by RunDown, 03 August 2005 - 02:12 AM.

0

Back to top

#47 Guest_-Zan!

Guest

Offline

Posted 03 August 2005 - 03:15 AM

Well about the requests: I won't be able to do any tuts before I leave and I will be away for a month so you will have to be patient if you really want to see my lousy tuts. And Rundown please state exactly what you don't understand and where you are confused.

Edited by zanzoken, 03 August 2005 - 03:16 AM.

0

Back to top

#48 Guest_JP585

Guest

Offline

Posted 03 August 2005 - 06:34 AM

Not exactly graphics, but can make your sig graphic (and other parts) a little more pleasing.If you want to replace the 'user posted image' caption on pictures in your sig, replace your current image tag with:<img src="Place the image link here" TITLE="What you want your caption to now say.">You can also place the TITLE attribute on links (<a href="link" title="caption">Link title</a>), and on block formatting (<p title="caption">text</p>, <span title="caption">text</span>, or <div title="caption">text</div>)For reference: The only way to make a new line in a tool-tip is to type: & #13 (remove space between & and #)The only way to add a tab in a tool-tip is to type: & #09 (remove space between & and #)...or copy a tab from notepad.

Edited by JP585, 03 August 2005 - 06:59 AM.

0

Back to top

#49 Guest_kalidor33

Guest

Offline

Posted 06 August 2005 - 12:07 AM

Thsi may sound noobish, but how doy uo add a URL link to an image?

0

Back to top

#50 Guest_RunDown

Guest

Offline

Posted 06 August 2005 - 01:21 AM

Sure Zan

Oke last tut about blending in the render, i sorduh didnt get that one since when i try me render turns for example all blue while background has other colors and some blue and i cant really find what i must do