Turbo Duel Academy

Welcome to our academy, this academy offers what you'll see in other academies, and MANY things that you won't see anywhere else. Come and join the fun.

Join the forum, it's quick and easy

Turbo Duel Academy

Welcome to our academy, this academy offers what you'll see in other academies, and MANY things that you won't see anywhere else. Come and join the fun.

Turbo Duel Academy

Would you like to react to this message? Create an account in a few clicks or log in to continue.
Are you new?Post an Intro!
Portal updated on: October 5th, 2010
TDA's Bounty Hunter's Lounge: Week 13 Bounties!

+4
Janembo
DanceJonDance
Yusei Fudo.
Flodian
8 posters

    Flo's Guide to Flow (Photoshop Tutorial)

    Flodian
    Flodian


    Male Posts : 648
    Speed Credits : 6588
    Location : Canada
    Reputation : 2

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Flo's Guide to Flow (Photoshop Tutorial)

    Post by Flodian Sun Dec 20, 2009 7:45 pm

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 2qvtv0l
    Introduction: Hey guys it's me again, here with another Photoshop tutorial. Today's topic will be about flow. The word "flow" is thrown around a lot, and no one really cares to tell you what it really means. But that's what I'm trying to get at today ^_^ This is NOT a full signature tutorial, but rather more of a mini-tutorial on what I think is one of the most important aspects of signature creation.

    Disclaimer: The following tutorial does not apply to ALL graphic works, it is mainly for signatures. If say the pieces of work has thematic significance, then flow, depth, lights and all that other jargon can be thrown out the window, BECAUSE THEME TRUMPS ALL.
    Secondly, I am going to make up some words in this tutorial. If you happen to find other "flow" tutorials, they will probably not approve of my diction. BUT, I think it is easier to remember, and it gets the point across.

    Prelude: I'm sure many of you guys remember when ordering at my shop, I get all snappy if you tell me to put more than 1 focus point, or in other words pictures into one signature. Well, here is my totally roundabout way of telling you why. xD A large part of me not wanting to have more than one focus in a signature is because it totally ruins the flow of things. Now that is NOT to say it is impossible to have more than one, in fact if your totally awesome and pro you can probably pull it off and look amazing. But sadly I'm far from being pro, so I am not able to do such a demanding task.

    What is Flow?: It's me!! Ok I'll stop with the retarded flow puns.
    Flow basically means when looking at a signature from any direction, the viewers' eyes are drawn towards the focus point of said signature. Nearly everything in your signature should contribute to this sense of flow. This not only makes it easier for the viewer to identify what you want to show them, but it is also very soothing on the eye balls.

    Finding the Flow: This is usually my first step in sig making. Identifying where the general flow is within your focus, will set the tone for the entire signature. If you do not do this step, it is possible that your entire signature will lack unity and send the eye balls of the viewer into REM. Below I have for you , some example of finding flow in a render as well as the names I have given to this specific type of flow.

    1. Mono-Flow

    This type of flow is the easiest to identify as well as highlight. There is only one possible way for the signature to look, any other way would look really weird.
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 1huwkl

    2. Di-Flow or Continuous Flow

    This type of flow is very similar to Mono Flow, however the key difference is that in Mono-flow, the flow of the signature ends at the girl's face, whereas this one continues for the entire length of Donkey Kong. This flow is also given mainly for one range of motion, hence the continuous flow. Also note that the flow from both ends of Donkey Kong is equally valid, (though the side with the ball kinda dominates) and can be used to drag flow.
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Zn3si8

    3. Major and Minor Flow

    This type of flow is very similar to Di flow, and in fact it is often mistaken as di flow. However The difference here is that there is no continuous flow, and one side of the supposedly flow generator is minor compared to the major.
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 2ngzolx

    4. Multi Flow

    This is one of my personal favourite flow types. I like to think of it as like a black hole. This type of render draws in flow from every direction and will work great when placed in the center of the signature.
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 2vijvx4

    5. Limited Flow

    This is probably one of the hardest types of flow. Since well... there isn't much to work with. This usually happens when your picture is of a character in a still pose. Though the picture still looks nice, there is no action and as a result, limited flow. So for this type of picture you have to define the flow. Sorta like finding something outta nothing. Generally I would give the sig a mono or a multi flow.
    This is also why yu gi oh signatures are hard to do. Since a lot of the pictures come directly from the cards, the monsters are almost always in a pose... and so finding flow is hard.
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 1627d5g

    6. No Flow

    And we finally come to the no flow. And like the name says... there is no flow. But this is different than limited flow, because for limited flow we are still able to give the picture a sense of direction, but for this type of picture we can't. This usually happens... WITH MULTIPLE FOCI!!!!
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 6fuwl3

    Using Flow: Now that you understand the basics of what flow is, I'll try and show you some more specific examples of how to get flow. I decided to use a simple signature to illustrate my point.
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 2di2iqq
    This signature is done completely following my previous Beginner Grudge Signature tutorial.
    For this signature you can see that I tried my best to make my background complement my Donkey Kong. By making the background also moving in the direction of the flow of my render, I make it easier for the viewer to identify my focus, and as well making it easy on the eyes. One of my friends coined the essence of flow, and that is "it makes the signature more fluid". Indeed that is the whole point, using flow gives unity and fluidity to your pieces of art!
    Now let's take you through how I did this. I am not going to go into full details, because that can be found in my other tutorial.
    Background:
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Hsqptw
    Coloring the Background:
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 96xoox
    Putting it together:
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 2e6alib
    Final Results:
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 2di2iqq
    Now let's say for example that I did not try to have flow in my signature and just went totally random.
    Background:
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Iepd79
    Final Results:
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 28gs7z7
    Do you see how this compared to our other one, loses that "fluidity" which is so important to the overall effect of the signature.
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 2di2iqq

    Other Examples of Using Flow: So far I have shown you how to highlight the flow using your background. But there are of course many other ways to get more flow in your signature. Below are some of the ones I like to use.
    Using a C4D render: This is using a 3D render made with C4D or Cinema 4D. Using one of these renders that has similar flow with your signature can often help to highlight the flow.
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 2w74poz
    Using Brushes: This is my personal favourite and the one I use most often. That is using specific brushes that again have similar flow to further highlight the original flow of the signature.
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) I6z5o9
    These other examples of flow, will be explained in more detail in my next tutorial.

    Other Sig Examples:

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Sec2g1
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 24lr40x
    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) 2z7exw6

    Conclusion: Well once again, I hope you have enjoyed reading my guide on Flow and have learned something useful to help you get better at signature making. Please post your new creations here, since I would love to see them!! If you have any questions also post them here and I'll try my best to answer them.
    ~ Flodian见面佛

    ps. Do not rip this tutorial without asking me first.


    Last edited by Flodian on Mon Dec 21, 2009 3:21 am; edited 2 times in total
    Yusei Fudo.
    Yusei Fudo.


    Male Posts : 227
    Speed Credits : 673
    Location : Puerto Rico
    Reputation : 3

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by Yusei Fudo. Sun Dec 20, 2009 7:51 pm

    nice tutorial you got a cool talent xD
    Flodian
    Flodian


    Male Posts : 648
    Speed Credits : 6588
    Location : Canada
    Reputation : 2

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by Flodian Mon Dec 21, 2009 3:20 am

    Thanks Yusei ^_^ I appreciate it
    DanceJonDance
    DanceJonDance


    Male Posts : 1160
    Speed Credits : 3876
    Location : California
    Reputation : 32

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by DanceJonDance Mon Dec 21, 2009 6:34 am

    Where do you get these awesome brushes? X:
    Janembo
    Janembo


    Male Posts : 294
    Speed Credits : 2900
    Location : Serbia
    Reputation : 0

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by Janembo Wed Dec 30, 2009 11:48 am

    I was asking my self how do I post my signature since It is PSD format and I can not post PSD format on forumation?
    the jancok
    the jancok


    Male Posts : 657
    Speed Credits : 6016
    Location : silver cape city
    GMT : +7
    Reputation : 7

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by the jancok Wed Dec 30, 2009 1:07 pm

    Janembo wrote:I was asking my self how do I post my signature since It is PSD format and I can not post PSD format on forumation?

    when ur done with ur work, u just click in. . file-->save as(don't pick save). in the very bottom, u 'll see file format's o,o .then u pick JPEG or anything u want it. when ur done with pic a lost background (like render), u pick PNG.
    Hope this helped Razz

    ~jancok
    Janembo
    Janembo


    Male Posts : 294
    Speed Credits : 2900
    Location : Serbia
    Reputation : 0

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by Janembo Wed Dec 30, 2009 2:33 pm

    Thx m8:D
    WilBer
    WilBer


    Female Posts : 508
    Speed Credits : 1616
    Location : alien
    Reputation : 0

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by WilBer Wed Dec 30, 2009 2:41 pm

    duh so u make flow with ur hand ?

    how can u do it ?

    my hand always shake when i draw something like that Sad
    any tips?
    Flodian
    Flodian


    Male Posts : 648
    Speed Credits : 6588
    Location : Canada
    Reputation : 2

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by Flodian Wed Dec 30, 2009 5:11 pm

    WilliamBerlin wrote:duh so u make flow with ur hand ?

    how can u do it ?

    my hand always shake when i draw something like that Sad
    any tips?
    I can't draw by hand. xD
    WilBer
    WilBer


    Female Posts : 508
    Speed Credits : 1616
    Location : alien
    Reputation : 0

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by WilBer Wed Dec 30, 2009 11:55 pm

    Flodian wrote:
    WilliamBerlin wrote:duh so u make flow with ur hand ?

    how can u do it ?

    my hand always shake when i draw something like that Sad
    any tips?
    I can't draw by hand. xD

    hmm i mean u drag a a brush to make that flow , dont u ?
    Flodian
    Flodian


    Male Posts : 648
    Speed Credits : 6588
    Location : Canada
    Reputation : 2

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by Flodian Wed Dec 30, 2009 11:56 pm

    WilliamBerlin wrote:
    Flodian wrote:
    WilliamBerlin wrote:duh so u make flow with ur hand ?

    how can u do it ?

    my hand always shake when i draw something like that Sad
    any tips?
    I can't draw by hand. xD

    hmm i mean u drag a a brush to make that flow , dont u ?
    Oh you mean like the smudge tool? For my effect I simple used brushes that are in the same direction as the flow of my render.
    wolverine
    wolverine


    Male Posts : 248
    Speed Credits : 773
    Location : Houston,Texas gmt-6
    Reputation : 0

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by wolverine Thu Dec 31, 2009 12:06 am

    whats the brush you used in the last donkey kong sig. the lightning things coming from the hand not holding the ball
    Flodian
    Flodian


    Male Posts : 648
    Speed Credits : 6588
    Location : Canada
    Reputation : 2

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by Flodian Thu Dec 31, 2009 12:07 am

    It's the winter breeze one you used in your other sig. xD
    wolverine
    wolverine


    Male Posts : 248
    Speed Credits : 773
    Location : Houston,Texas gmt-6
    Reputation : 0

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by wolverine Thu Dec 31, 2009 12:09 am

    o i guess i need to know how to use it more Very Happy
    Supreme_King
    Supreme_King


    Male Posts : 618
    Speed Credits : 4320
    Location : Romania
    Reputation : 1

    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by Supreme_King Sun Jan 24, 2010 2:12 pm

    Great tut Flo, flow is really a key factor in signatures, to use it doesn't take much, to master it takes a long time of practicing Wink

    ~~~Supreme_King~~~

    Sponsored content


    guide to flo - Flo's Guide to Flow (Photoshop Tutorial) Empty Re: Flo's Guide to Flow (Photoshop Tutorial)

    Post by Sponsored content


      Current date/time is Wed May 08, 2024 7:57 pm