Final Fantasy Signature Tutorial
Welcome to this Final Fantasy Signature Tutorial. We will use the Filter Liquify tool to create some unique effect of flow, a light beam effect and we will grab two space stock pictures to achieve the final result. We used this render of the Final Fantasy Character Kain. The Space stock photos can be found on DeviantArt, links were provided below. More signature tutorials are coming soon, inspired by Roronis awesome work. Here’s the outcome of this Final Fantasy Signature Tutorial:
Start by creating a new signature, the size was set to 420pixels by 130 pixels.
We will use a spacestock as a background. Before you grab just about any picture, make sure the author has given permission for you to use it. You can find the Space Stock photo here. Resize it to fit somewhere nicely onto your canvas:
Place the Final Fantasy Render on your signature. Resize if needed:
We’re going to add some coloring. Grab a soft brush, and change the opacity and flow on the toolbar a little:
Brush toolbar:
Use the eyedropper tool to select a color on the canvas, and set it a little lighter. Brush into the direction that matches your render, in our case it follows the flow of his weapon:
Place the layer underneath the character. Optionally, you can set the blending mode to Color Dodge:
Now we’re grabbing another starry sky stock, and place this on top. You can find good Space Stock photos here.
Now change this layers’ blending mode to Lighten on your layer panel:
This should blend the stars into the background:
We’re going to be making some light beams with the elliptical marquee tool. Select the Elliptical Marquee Tool:
Make a selection somewhere near your character:
Now stroke this selection, by going Edit > Stroke, and set the color to white. Set the Width to about 3 pixels. Here are our settings:
Press OK, you should now have a white circle like selection going around:
Now apply an outer glow to this circle, by selection Layer > Layer Style > Outer Glow. Set the blend mode to Linear Dodge, and opacity to 100%, and select a bright color with the eyedropper tool:
Outcome:
We’re going to make some mor ebeams. Grab a soft brush:
And make two lines on your signature, following the flow of the character:
Apply the same Outer Glow to these lines:
Add some light brushing on top of the lines. We’re going to apply another outer glow to this to add some lighting:
Outer Glow settings ( Layer > Layer Style > Outer Glow):
This will give the beam a lighter touch. Optionally, you can set the blending mode to Color Dodge for a brighter result:
Finish up the beams, add some final glow and effects to the beams:
We’re going to use the Liquify function to create some “waves” around our character. First, Create a new layer, and apply the image (Image > Apply Image):
Now Select Filter > Liquify, and select the Forward Warp Tool in the top left corner:
Change the brush size in the top right corner to about 130 pixels, and start warping the layer to form some sort of beam:
Warp it into a shape that will fit around the character. Keep going untill you get an outcome you like:
Place the beam on your character, and erase the section covering the end of our Final Fantasy Kain character. This will make it seem as if the beam is going around our character.
Now Change this layers’ blending mode to Pin Light:
Time to fix some lighting. Apply the image on a new layer:
Now grab the burn or dodge tool, and start brushing and fixing some lighting:
Outcome:
Now we’re going to use the Liquify function once again, combined with the smudge tool to create some distortion in the bottom corner. Select the smudge tool:
Smudge, liquify warp forward tool until you like the outcome:
We’re going to apply a Selective Color. Obviously, you should select your own settings. However, here are our settings to illustrate a possible outcome. To create a selective color layer, select Layer > New Adjustment Layer > Selective Color:
Outcome:
We’re going to add some final finishing touches by applying a Color Balance adjustment Layer, and the dodge and burn tool to create some depth. First, add a color balance layer by selecting Layer > New Adjustment Layer > Color Balance:
I will not be displaying our settings, because our settings will not work unless you have the exact same colors. Just experiment with the settings.
Our outcome:
Optionally, you can use the smudge tool to distort the beam:
Add some text, finnishing touches, and you’re done!
We hope you’ve enjoyed this tutorial. Premium Members will now be able to download the PSD in the Premium Section. Join Now!
Responses to “Final Fantasy Signature Tutorial”
Leave a reply
Advertisement
simple and nice
Wouldn’t call it simple, it took me long enough to figure out very advanced effects. The filter>Liquify > forward warp tool is an effect not often seen, Roroni did a good job trying to catch a unique effect and making full use of his options.
Yeah, it isn’t “simple”!
Its a great tag though.
Where the hell do I get the render.. Its a good one.
I wrote it down in the introduction of the tutorial. The render can be found here:
http://www.signaturestop.com/tutorials/finalfantasy/kainrender.png
good tut but my outcome was way better.
Haha well can’t wait to see it, please upload your outcome! I will be launching a competition soon where the best outcome will be rewarded with a premium membership!
@base: I will post my outcome too. Can the outcome just be similar [e.g. other color range] or is the nearest one the winner? anyway, here’s my sig: http://img503.imageshack.us/img503/5892/ffsig2coldblue.png
I have another version without some effects and a non-blue-render version:
http://i585.photobucket.com/albums/ss299/Dragonfly-Spamfather/FFsigblue.png
http://i585.photobucket.com/albums/ss299/Dragonfly-Spamfather/FFsig2.png
Dragonfly: I’m not sure how I’m going to pick the winner yet, however the purpose of the contest is Not to copy an outcome or image, but to create a good looking signature inspired by the tutorial, with for example the same filters or techniques used. With that said, I like your outcome
I will be launching the contest very soon, so be sure to enter your signatures! (every contestant can enter up to 3 times).
ok, base. can you send me the link then? I will try to make another one with another render and so on.
Cheers.
nice tutorial
i only did like 2 of the steps but heres my outcome XD
http://i392.photobucket.com/albums/pp5/Forgottenkings/seifer.jpg
For all the people saying it’s not a simple tut, maybe you should give up using photoshop/gimp
This is one of the most effective but simplest tut’s i’ve found in such a long time.
The outcome is great if you know how to use flow.
Great tut man, keep it up!
I’m having a hard time making Kain’s background transparent, because he comes in a black backround, and magic erasering everything is tedious. It seems you copied it on with the background already transparent, so is there a way I have to import the image?
I just copied it and pasted it into the canvas. :[
Also, when you add color in the 4th step, you seem to get this nice grainy feel, while I get this bold and stand-out outcome… I set the opacity and flow, and the color seems right, but I can’t blend it like you can.
One more question:
How did you apply the lighting on the beams? Didn’t work well for me.
Thanks!
Hey there Vincent,
I instructed in the render section that it’s best not to copy and paste the render, but to save file as, then open in photoshop. This way the image will remain transparant.
About the grainy feel, I’m not sure if you mean the Space Stock that was set to Lighten, or if you’ve just mistaken the low quality .gif file for a grainy effect
You’re going to have to give me a little more detail about the lighting on the beams, the beams in this signature were made exactly the way I explained it, use the a white brush and set an outer glow.
If there’s any more help you need please let me know
Nice Tut! I didn’t understand when you just said, use smudge and liquify.. But thanks for the nice tut
Encuentro que no sois derecho. Discutiremos. comprar cialis Un messaggio molto prezioso comprar cialis en andorra
is the competition up yet?
FML, used this as a base and worked on this for a good hour and a half, turned out great, probably my best ‘clean’ signature yet, and photoshop crashes. ._.
Very nice guide.
What font did you use? A download link would be helpful.
Though i’m quite new, I found the tutorial very helpfull and well written. Its good to know that the basic tools where usefull. Cause recently I’ve only been looking for “leet” brushes too make effects like these, and it didn’t turn out well. Anyway, thanks!
Keep posting your work, we love it!
In my photo, i’ve used both of the final fantasy signature tutorials as inspiration, and I am quite statisfied with my result. Though, I have been using your render (Kain, and Cp4-thingy)
Photo: http://i42.tinypic.com/neu8zr.jpg
for me, sigstop was down for a few months but now i’ll post my outcome. hope u guys like and i hope the competition will begin soon:
http://i585.photobucket.com/albums/ss299/Dragonfly-Spamfather/Spyrosig2hotred.png
http://i585.photobucket.com/albums/ss299/Dragonfly-Spamfather/Spyrosighotredtext.png
got 2 versions, i think the 1st one is better. base, plz tell me whether the competition is up.
Nice thanks for the tut here’s mine^^
http://i754.photobucket.com/albums/xx182/ZeroTypeX/Final-Fantasy.gif
200 match bonus ukash casinos ameristar hotel casino kansas city mo atlantic casino city guide aria resort casino at citycenter atlantic city and casinos nj accept card casino credit online that 4 aces casino north sioux falls apache gold casino job openings alladin hotel and casino atlanta georgia casino aqua caliente casino and resort ace in the hole casino school 2003 casino december flash online aquarious casino laughlin age for suncruz casino port canaveral $100 no deposit casino codes about casino arizona casino next to avi address harrah casino reno nevade argosy casino discount coupon apach gold casino aladdin casino 01qq 777 dragons casino 007 casino royal drink 330 south casino center boulevard ameristar ii casino pictures american racing casino 3 star hotel santo domingo casino 4 wind casino resort buffet american racing wheels casino discount aruba renaissance hotel and casino 3dice casino review 5000 best online casino atlantic city casino news rss albuquerque new mexico casino aquarius casino resort ameristar casino indiana atlanta city casino argosy casino 4 bears casino argosy casino and spa 1920 casino chip charm american casino torrent atlantic city casino locations aladdin resort and casino aruba casino games an casino are there casinos in quincy illinois argosy casino address a casino at dfw airport asia casino jobs aruba casino hotels 2007 casinos no deposit bonus affiliazioni casino ala ona casino air frequencies for boomtown casino slots 29 casino allentown casino 2007 american casino guide coupons 2001 spirit lake casino walleye classic all inclusive resorts and casino all inclusive resorts casino weddings bahamas amelia bell casino 007 casino royale trailer 4queens casino las america start casino kansas city 29 palms springs casino alladin casino chip all wisconsin casinos atlantic city casino poker rating age to gamble at casino marengo argosy hotel and casino kansas city alton il casino angel wings casino state of washington argosy casino terrace buffet alliante casino las vegas aquaris hotel and casino laughlin nv atlantic casino city in luxury resort apache gold casino arizona 9ry buena casino hotel las atlantic city casinos and smoking alliante station casino 65 epiphone casino elitist amhsa marina paradise beach resort casino ace casino school agua caliente casino and showroom alabama indian casino argosy riverboat casino in cincinnati american canyon casino tournament winners andrews argosy casino pictures ac casino map amerastar casino st louis atlantic city casino food discounts argosey casino kansas adelson miami casino no massachusetts $50 bill indian casino luck address foxwood casino 5k race atlantic city hilton casino aladin casino las vegas apache gold casino globe arizona atlantic budget casino city $1.00 minimum deposit casinos amistar casino arogsy casino riverside mo 10g casino dice poker chips argosys alton belle casino atlantic city casino seasonal work all jackpot casino are there casinos in mississippi atlantic city casino resorts automated games alton belle casino mo african palace casino free games atlantic city casino casino al martino pala casino agua buffet jupiter townsville casino anyone feel cheated at bodog casino 3dice online casino review blackjack argosy casino indiana construction bid and casino hayward wisconsin atlantic city casino hilton all roads lead to rome casino albaqurke casinos argosy casino in ohio atlantic city casino junkets aladdins casino aces casino rental 10 casino gambling online top all casinos in kansas city ks aladdins casino promotion codes 28 vegas casino alantic casinos antique casino poker chips arizona casino rules address grand casino tunica asian poker new casino table game albuquerque downs and casino affiliate casino gaming ameristar casino kansascity mo 2006 louisiana casino reports aliante casino in las vegas 7 kings casino airport casino basel ag address for avi resort and casino alamo casino 13g pro clay casino poker chips 2nd person view casino game downloadf 2008 wsop casino employees event 60 minutes casino ripoff 2010 free bonus no deposit casino argosy casino richard vitali apache casinos ameristar hotel and casino ameristar casino hotel vicksburg apuestas casino poker arnold rothstein casino on long island addiction to casino games atlantic city airport closest to casinos ardmore oklahoma casino 1954 james bond casino royale dvd aces star casino $1.00 casino deposits add casino online site agua kaliente casino alveda casino all online casinos age limit washington casinos a las vegas casino wedding alton belle casino phone number age to play vegas casino 2009 casino pc games amingo casino alpachino in casino apache junction casino aston martin casino royale ameristart casino