Jump to content


Zan's gfx noob tuts/tips thread.


  • Please log in to reply
117 replies to this topic

#1 Guest_-Zan!

Guest_-Zan!
  • Guest
Offline

Posted 12 July 2005 - 02:27 AM

I will post one tip a day in here to help beginners. Those can post suggestions here and other are allowed to post tips here too. So here I go:Table of contentsBG enhancement:Page 1:ColoringPage 1:DeepnessPage 1:ContrastPage 6:Border shadingPage 7:Stain coloringRender enhancement:Page 1:RenderingPage 1:FeatheringPage 4:Lighting blendAddings:Page 2:LinesPage 3: Pixel StretchPage 5: Scan linesPage 6: 2pix borderText:Page 2:Simple textPage 3: Flashy textPage 3:Broken textOthers:Page 5: Basic phtomanipPage 5: Making tech brushesPage 7: PlanetPage 8: Counter-BrushingTip of the day (July's 11th 2005):COLORINGLets say you have a black and white sig like that one:Posted Imageand you want to color it.One way for that is using color balance. Here how you do it:Posted Image(my ps7 is in french but I guess you can tell where it is right?Select color balance and look around:Posted ImageYou can move those pointers to change the color of your sig. Notice the 3 circles on the bottom? These are for dark colors, medium colors and light colors in that order, be sure to always play with the 3 of them for each layers. Now for those 3 options select similar colors on 1 layer. Make a minimum of 3 color balance layers of different colors (they must not be variations of the same color or else it won't do much) (I used yellow blue and green)Then select each color balance layers and use filter/render/clouds so it looks like that:Posted ImageNow what I usually do is that I add one more color balance layer of a color that nullifies a bit my main color, (if it was red use blue and so on) On my example my sig was mainly blue so I used a red color balance without clouding it.This is what my bg became:Posted ImageHope this helps beginners :drool:

Edited by -Zan!, 30 August 2006 - 03:04 AM.

  • 0

#2 Shade

Shade

    Dragon

  • Dragon's Elite
  • PipPipPipPipPip
  • 512 posts
Offline
Current mood: None chosen
Reputation: 0
Neutral

Posted 12 July 2005 - 01:18 PM

Yeah, its supposed to be in General.But why would you put colours to nullify your main colorus? What I usually do is put many different shade's of the colour in, or if I put blue I'll put cyan.. something that fits the colour scheme. But ah well.
  • 0

GFX Battles Won/Lost : Somewhere above ten games total
Average: Something above fifty percent
Votes Won/Lost: Something above eighty


#3 Guest_-Zan!

Guest_-Zan!
  • Guest
Offline

Posted 12 July 2005 - 02:52 PM

What it does is that instead of being overally blue, the dark spots are black, which makes the colors like clouds of light or something and I like that. :drool: Tip of the day (July's 12th 2005):Adding DeepnessOK lets say you have a brushed sig with color with many details (doesn't work with a too plain bg (I will use my last example):Posted ImageOk now what you must do is use level. Go to layer/new adjustment layer/levels and look around:Posted ImageThe first black pointer affects the dark colors. Move it right to make them darker.The second grey pointer affacts the mid color. Move it right to make them darker or left to make them lighter.The third white pointer affects the lighter colors. Move it left to make them lighter.The pointers on the bottom affects all colors, its a bit like lighting but not really. I never use those.The number boxes above the graph are like the coordinates of your pointers, type a number in those boxes to move the pointers to an exact location. Now play with it depending on what you want your sig to look like. I used those settings: 50-1-220.Now you should have something like that:Posted ImageDon't see much difference? Well ppl will notice you bg more this way but its not finished yet.Go to layer/new adjustment layer/courb or whatever is written on the second spot.Posted ImageNow this isn't much but you can change your colors here too. To do so just drag the line of the graph. Just never twist the graph too much here and you will be alright.If you were happy with your result with the levels only do not use it though.See the difference? It gives a better result if you use more than one layer of brushing.Posted ImagePosted ImageHope you guys liked it. More to come tomorrow.

Edited by zanzoken, 12 July 2005 - 06:50 PM.

  • 0

#4 StrykrOmega

StrykrOmega

    Fallen but not Forgotten

  • Dragon's Elite
  • PipPipPipPipPipPipPipPip
  • 1,801 posts
Offline
Current mood: Yee Haw
Reputation: 4
Neutral

Posted 12 July 2005 - 06:56 PM

bump upon request, and if you need it bumped again zan, just pm me, and ill do it :drool:
  • 0

Posted Image


#5 Guest_-Zan!

Guest_-Zan!
  • Guest
Offline

Posted 15 July 2005 - 01:52 AM

This time its kinda short. ContrastAdding contrast give a nice touch to a sig. For that go to layer/new adjustment layer/ light and contrast Then you can play with the contrast and luminosity pointers but you should NEVER lower the contrast or it will make your sig plain. My suggestion is to higher the contrast and lower the luminosity, this way the colors will stand out but they won't hurt the eye.
  • 0

#6 StrykrOmega

StrykrOmega

    Fallen but not Forgotten

  • Dragon's Elite
  • PipPipPipPipPipPipPipPip
  • 1,801 posts
Offline
Current mood: Yee Haw
Reputation: 4
Neutral

Posted 15 July 2005 - 01:56 AM

all of the these great tips :P
  • 0

Posted Image


#7 Guest_migspogi

Guest_migspogi
  • Guest
Offline

Posted 17 July 2005 - 06:19 AM

very nice zan GJ
  • 0

#8 raptordio

raptordio

    vagabond

  • Active Member
  • PipPipPipPip
  • 478 posts
Offline
Current mood: Spooky
Reputation: 28
Good

Posted 17 July 2005 - 11:52 AM

GJ! Verry good tips for noobs ...PS : Why the menu in PhotoShop is in spanish??? ;)
  • 0

davolicopycopy.png


#9 Guest_-Zan!

Guest_-Zan!
  • Guest
Offline

Posted 17 July 2005 - 02:25 PM

Thanks you ;) (its in french)RENDERINGOkay now lets say you want to put a render in this.First you need to find your pic. Lets say I take this one: Posted ImageIn this case I would choose a color that stands out from the red and black like blue or green and I would make a layer filled with this color behind the actual pic.Then I would remove the biggest useless parts of the image with the polygon lasso or even the rectangular one. Then I would take the poligon lasso and zoom in the edges to select everything around that I don't need and delete it until the image is rendered.In the end always review your image with different zooms to be sure that you didn't miss any nasty dots. If you want you can always go to gamerenders and search for good ones or ask someone else to render your images but doing it yourself usually takes less time.

Edited by zanzoken, 17 July 2005 - 03:48 PM.

  • 0

#10 Guest_tabblink182

Guest_tabblink182
  • Guest
Offline

Posted 18 July 2005 - 05:31 PM

a tutorial on how to blend renders into the background would be cool, hint hint XD
  • 0

#11 Guest_-Zan!

Guest_-Zan!
  • Guest
Offline

Posted 18 July 2005 - 05:38 PM

Thats exactly what I was going to do you mind reader! XD
  • 0

#12 Guest_tabblink182

Guest_tabblink182
  • Guest
Offline

Posted 18 July 2005 - 08:12 PM

well, i am gifted in the department, and why are you wearing ladies underwear ? XD
  • 0

#13 Guest_NickDude

Guest_NickDude
  • Guest
Offline

Posted 18 July 2005 - 10:32 PM

lol nice one.Man your tutorials helped me alot thanks man. Keep on the good work.
  • 0

#14 Guest_-Zan!

Guest_-Zan!
  • Guest
Offline

Posted 19 July 2005 - 12:57 AM

Heeeere comes the good stuff!!!Blending render... and stuff like that you know...Lets say you have a nice bg like this one: (made only with the techniques stated above)Posted Imageand you want to blend in a cool render. Lets take this one: Posted ImageNow since I took it from gamerenders I don't need to render it. 1.Just slide the rendered pic in your opened sig and place it where you want it to be.2.You can transform the image in edition/transformation but be carefull. You should always avoid making your renders bigger than they were at the beginning or they will lose quality. If it is too small when you take it don't use it. Also always hold shift and resize the render from the edge, this keeps proportions.Btw if you make your render too small it won't really look good so keep them at a good size.Ok now you got your render in place!Posted ImageHere comes the sweet stuff!3. Now you have 2 options you can either put your render under the color balance or duplicate your render, set one of them to luminosity and the one under it to that layer type on the screenshot. (its hardlight thanks monkey :lol: ) (If you choose to do this you should featherblend (step 4) before doing it.)Posted Imageresult with layer type: Posted Imageresult under color balance: Posted ImageMy advice would be to use the one more adapted to the render and that you like the most.But its not over yet!4. Now take the polygon lasso and select your render (be sure to let some space between your line and the render)Posted ImageNow with still the polygon lasso on hand right click on your selection and select reverse selection.Then right click on it again and select feather, then make it to 20 pixels.now just click on edit/clear until you are satisfied. (with the render layer selected)5. After that if you chose to put the render layer under the color blance ones you can try and switch the layer type to luminosity.Here is my final result: Posted ImageTo complete it you can add brushing layer over the render.If you have any questions don't be shy ask here.

Edited by zanzoken, 03 August 2005 - 01:42 AM.

  • 0

#15 StrykrOmega

StrykrOmega

    Fallen but not Forgotten

  • Dragon's Elite
  • PipPipPipPipPipPipPipPip
  • 1,801 posts
Offline
Current mood: Yee Haw
Reputation: 4
Neutral

Posted 19 July 2005 - 01:15 AM

wow, that last tut was great zan, keep up the good work :lol:
  • 0

Posted Image


#16 Guest_{ling}

Guest_{ling}
  • Guest
Offline

Posted 19 July 2005 - 04:28 AM

May I request a tut on simple animation?
  • 0

#17 StrykrOmega

StrykrOmega

    Fallen but not Forgotten

  • Dragon's Elite
  • PipPipPipPipPipPipPipPip
  • 1,801 posts
Offline
Current mood: Yee Haw
Reputation: 4
Neutral

Posted 19 July 2005 - 05:28 AM

you can find simple tutorials on animation with Imageready and Flash on both www.Good-Tutorials.com and Pixel2life.com, also: www.GameRenders.com has a awsome list of tutoral sites:)
  • 0

Posted Image


#18 mnkey_rbbr

mnkey_rbbr

    Hatchling

  • Active Member
  • PipPip
  • 139 posts
Offline
Current mood: None chosen
Reputation: 0
Neutral

Posted 19 July 2005 - 05:37 AM

(sry I don't know the english name, if someone can tell it here it will be apreciated)

[color=blue] this is the setting "hard light" in englishthanks, mnkey
  • 0

Posted Image


#19 Guest_{ling}

Guest_{ling}
  • Guest
Offline

Posted 19 July 2005 - 02:10 PM

I know but I'm trying to spice this thing up.
  • 0

#20 Guest_-Zan!

Guest_-Zan!
  • Guest
Offline

Posted 19 July 2005 - 03:23 PM

Well I never used animation so I can't help ya there :lol:
  • 0

#21 Guest_RunDown

Guest_RunDown
  • Guest
Offline

Posted 20 July 2005 - 05:40 AM

heh pretty good zan still trying with the blending in the render :drool: :D :D

Edited by RunDown, 20 July 2005 - 05:45 AM.

  • 0

#22 Guest_Zamin

Guest_Zamin
  • Guest
Offline

Posted 20 July 2005 - 05:43 PM

OK. I loved those mini tutorials Zan but I need help on publishing one...the file is ".psd" and I don't know how to open it as something else or any site where I can publish. Can you help me on that please? I also need help on the text..I can't like make it cool at stuff can you post a guide on that, plz? :D I have worked on some Flash Animations.... :whistle2: Edit: I figured it out and thank you for those guides, now I can create my life away :drool:

Edited by Zamin, 20 July 2005 - 05:50 PM.

  • 0

#23 Guest_-Zan!

Guest_-Zan!
  • Guest
Offline

Posted 20 July 2005 - 06:01 PM

Oh and BTW the best way to save a file is to save it on a .png format. It keeps the best possible resolution.For the text be patient, my next tut is about lines and the many others after that will be how to make different kind of text.

Edited by zanzoken, 20 July 2005 - 06:02 PM.

  • 0

#24 Guest_tabblink182

Guest_tabblink182
  • Guest
Offline

Posted 20 July 2005 - 07:14 PM

heh pretty good zan still trying with the blending in the render :D :drool: :D

inspired by..............who else ?
  • 0

#25 Guest_Zamin

Guest_Zamin
  • Guest
Offline

Posted 20 July 2005 - 09:22 PM

Man thanks to your lessons I just created a fantastic (I think it is becuz it is cool) siggy of Pheonix :drool:
  • 0