Share this topic on AskShare this topic on DiggShare this topic on FacebookShare this topic on GoogleShare this topic on TwitterShare this topic on YahooShare this topic on Google buzz

Author Topic: Sprite Signature Tutorial  (Read 17174 times)

0 Members and 1 Guest are viewing this topic.

Meep

  • Guest
Sprite Signature Tutorial
« on: November 05, 2006, 01:43:00 AM »
Yamiwar's Sprite Signature Tutorial

First of all, I'd like to thank Yamiwar for making the original tutorial and for letting me convert his tutorial into Gimp.
 Some parts are different here and there, but if it weren't for him, none of this would be possible.

You'll be making this



Some Sprite Sites:
newbielink:http://www.pokemonelite2000.com/sprites.html [nonactive]
newbielink:http://www.videogamesprites.net/ [nonactive]

ONTO THE TUTORIAL

1) Open up you canvas. It can be any size you want, for mine, it's 360x150. Pick a dark color that will compliment your sprite, and do a linear gradient using that color and black.



2) Make a new layer and paste your sprite somewhere. Duplicate that layer 4 times. And hide the duplicated layers by clicking the eye in the Layers Dialogue. In the bottom most layer the sprite is in, smudge it around with a small brush, then go Filters>Noise>Pick. Set the randomization and repeat at 100.



3) Unhide the sprite layer above that and go Filters>Distorts>Ripple. Just click ok when something pops up. Set that layer to dodge at about 50%. Unhide the next sprite layer repeat the ripple filter but this time, change the orientation to Vertical. Set the layer to dodge at about 25%.



4) Unhide your fourth sprite layer. Copy and paste your sprite a couple of times in that layer. Go Filters>Distorts>Iwarp.
To actually use the Iwarp filter, you should see the current layer you have on the top left corner. Click and drag in that little screen. Play around with the Deform Modes at the right

Once you're done, move the Iwarped sprites to around where your sprite is. Erase things you don't want with a soft brush


Set it to Screen at 40%


5) Unhide your last sprite layer. Set it to Normal at 80%. (I moved it down a bit, but that's just me)



6) Make a new layer and move it just above the background layer. Brush around using your sparks brush. Hide that layer. Make a new layer, go Edit>Copy Visible, and paste it. Go Filters>Map>Displace. Once something pops up, pick the sparks brush layer for both the X and Y displacement and pick smear. Erase things you don't like, and set that layer to Screen at about 87%



7) Make a new layer and go Edit>Copy Visible and paste it again. Redo the Displace filter using the same settings. Set it to Screen at about 50%.

Decide if you think your signature is too bright or too dark. Make a new layer and go Edit>Copy Visible and paste. Go Layers>Colours>Brightness-Contrast. Adjust the Brightness until satisfied. Set it to Darken Only at about 50%



9) Make a new layer and paste your sprite there. Set it to Multiply at about 30%. Make a new layer and Copy Visible and paste(You should know how by now). Pick a color from your sprite and do a Gradient Map (Filters>Colors>Map>Gradient Map) using that color and black. Set it to Hue at about 50%. Make a new layer, Copy Visible and paste again. Set your colors to black and white and do another Gradient Map. Set it to Color at 50%



10) Make a new layer. Set your foreground color to white and brush where you want some lighting to be. Duplicate that layer. Make a new layer and brush around where you want more effects. Set them all to overlay at about 60%



11) Make a new layer. Using your Ellipse Select tool make a circle and fill it with a light color from your sprite. Make the circle cover where your sprite is. Go Filters>Blur>Motion Blur. Set the angle to fit the flow of the signature. Set the length to around 200. Erase things you don't like using a soft brush. Set it to Screen at about 30%



12) Make a new layer and paste your sprite. Set it to Lighten only at 80%



13) Make a new layer. Copy Visible and paste it. Go Filters>Artistic>Gimpressionist. Pick Canvas then click Apply. Before you click ok, click Brush, you should see a menu of the different brushes Gimpressionist could use (The default for the Canvas Gimpressionist is Weave). Pick the brush called Wavy.

Now click ok. Set it to Lighten Only at 20%



14) Make a new layer, Copy visible and paste again(It's REALLY getting old isn't it?) and motion blur it using the same settings you used last time. Set it to Normal at 40%. Make a new layer, copy visible and paste yet again. Go Filters>Blur>Gaussian Blur. Set both the horizontal and vertical to 3. Set it to lighten only at 100%.

15) See those dots in the top left? We're going to destroy them >=) Get a color from your background, somewhere near those dots. Make a new layer, and brush with a soft brush over those dots.



16) Make a new layer, copy visible, paste. Add a Gradient Map using a light color from your sprite and black. Set it to Soft Light at about 50%.



17) Make a new layer and brush using a small brush where you think it's too bright. Set it to Soft Light at about 40%.



18) Make a new layer and paste your sprite. Set it to Multiply about 50%



19) Make a new layer. Copy Visible, paste. Go Filters>Distorts>Iwarp. Go crazy distorting your signature. Use the different Deform Modes like Swirl, Grow, Shrink, etc.


Set it to Lighten Only, at 20%


20) Make a new layer. Paste in your sprite. Move it to a different place than before though. Duplicate that layer, then move the sprite around. Repeat until you have 4 of those out of place sprites


21)On all of those four layers, use the Iwarp filter to add some pizzazz into your signature. Set them all either as Soft Light or Overlay, at different opacities.


1st Set at Soft Light at 100%


2nd Set at Soft Light at 40%


3rd Set at Overlay at 100%


4th Set at Overlay at 49%

22)Okay, nearly done. Make a new layer, Copy visible, paste it. Add a Gradient Map. For the colors, well, it's up to you. For mine, I used orange and purple. Set it to Hue  at 20%



23) Repeat the previous step, but this time, use a black and white Gradient Map. Set it to Color at about 30%.



24)Make a new layer. Copy visible and paste. Go Filters>Map>Displace. Use the same settings you used way back then when we started on this. Set it to Grain Merge at about 30%



25)Make a new Layer. Copy visible and paste. Go Filters>Enhance>Sharpen. It'll be up to you how sharp you want it. Once you're satisfied, set it to Lighten Only at 40%

26)This is it, the FINAL STEP ^_^; Copy Visible and paste on a new layer. Use the Iwarp Filter again, but this time only around the sprite. Set it to Lighten Only at 80%. Duplicate it. Add a border, some text if you want and you, my friend, are done!

« Last Edit: September 17, 2010, 01:28:30 PM by Hi-T3k~HillBilly »

Offline Kalix

  • Member
  • **
  • Posts: 202
  • Karma: 0
  • Go Go Power Rangers! Mighty Morphin Power Rangers!
Re: PS-->Gimp Sprite Signature Tutorial
« Reply #1 on: November 05, 2006, 06:02:49 AM »
nice tut man. Ill try it out right away :)


Edit: Here's what i got :) think it came out pretty good.. ::)
« Last Edit: November 05, 2006, 07:37:03 AM by Kalix »

Offline paladin169

  • Member
  • **
  • Posts: 1,601
  • Karma: 0
  • Cookies!
Re: PS-->Gimp Sprite Signature Tutorial
« Reply #2 on: November 05, 2006, 06:26:50 AM »
awesome tutorial, trying right now.
Formerly sponge!


Tony

  • Guest
Re: PS-->Gimp Sprite Signature Tutorial
« Reply #3 on: November 05, 2006, 06:45:44 AM »
Sweet Deal! I'll use this, fa sho.

Offline paladin169

  • Member
  • **
  • Posts: 1,601
  • Karma: 0
  • Cookies!
Re: PS-->Gimp Sprite Signature Tutorial
« Reply #4 on: November 05, 2006, 08:17:06 AM »
Well ya i made this my avatar because the other part of my sig didn't look very good so yeah i made it into an avvy. :) nice tut
Formerly sponge!



Toads Dont Exist

  • Guest
Re: PS-->Gimp Sprite Signature Tutorial
« Reply #5 on: November 05, 2006, 09:59:31 AM »
This has got to be one of the best sigs i've ever made


Holy crap this tut is amazing

Offline Kalix

  • Member
  • **
  • Posts: 202
  • Karma: 0
  • Go Go Power Rangers! Mighty Morphin Power Rangers!
Re: PS-->Gimp Sprite Signature Tutorial
« Reply #6 on: November 05, 2006, 10:32:24 AM »
yes.

Edit: Dunno why and when i posted this :S sorry for the "spam"
« Last Edit: November 05, 2006, 04:11:35 PM by Kalix »

Offline paladin169

  • Member
  • **
  • Posts: 1,601
  • Karma: 0
  • Cookies!
Re: PS-->Gimp Sprite Signature Tutorial
« Reply #7 on: November 06, 2006, 03:00:20 PM »
a sprite is a small render, google 'sprite'
Formerly sponge!


refried_mobert

  • Guest
Re: PS-->Gimp Sprite Signature Tutorial
« Reply #8 on: November 06, 2006, 03:27:34 PM »
nice job. i saw the original tut and  you did a great job of converting it.

Joe

  • Guest
Re: PS-->Gimp Sprite Signature Tutorial
« Reply #9 on: November 16, 2006, 02:49:46 PM »
Awesome tut!  I will try it when I have time!

Joe


Tags: