Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

[TUT] How To Make A Flat Design Signature [DETAILED TUT][PHOTOSHOP]

Hello guys, in this Tutorial I am going to teach you how to make a clean , fresh , modern , flat looking signature to promote a thread!

Requirements :
  • Basic knowledge of Photoshop



Tools needed for this Tutorial :
  • Photoshop



Difficulty :
2/5

Creativity :
2/5


Let's begin!


1. Make a new photoshop file with these resolutions : 500 px x 200 px

[Image: c38504026bde337b534272e80a0633a6.png]

2. Go to http://flatuicolors.com/ And stick with the colors on this site!
[Image: 0d3f88507440d18758fd65e34e5df5b1.png]
( small demo )

3. Go to http://www.dafont.com/theme.php?cat=501 And choose a good Flat design Font.
( I prefer )
- Dense
- quicksand
- Geo sans light

4. Select the whole image and fill it with

[Image: 9ec27d2c879c1a015cca323b90e4854e.png]

5. Make the base. add a top border .
[Image: 2846fab295d3e6d0ede83ab3c52d0609.png]
- I suggest you to put featurings in the top border.

6. Add a header text!

[Image: 962b4150154d276c8d2c3f864be935a4.png]

7. Make a box with Get it now![/b]
[Image: faee8779d8979732eff8fdb296a5eba7.png]

8. Change footer color
[Image: 64a00163976ce63de2586dd9eb9f7143.png]

9. Add a strong slogan under the header
[Image: 3a641c8b8bba81b14997194027ed72f6.png]

10. Decorate it, Give it a twist , add a patern to the background
[Image: 476e40083cfc42cf600714ece3594e0e.png]


Did you like the Tutorial ? That's awesome!

Did you made your own? Send it in the comments ! please ! :)

I loved to create this thread !
Cool TUT. Made a signature but cant upload yet. Thanks!
This is a nice tutorial for beginners to start making nice looking signatures, but you shouldn't specify adding a top bar or not. It's a nice design for some things, but being creative is all about doing new things.

Regardless, nice tutorial, i'd just like to make a note that I think this should be used as a basic starter reference and not following it step by step, since everything should be unique.
Thanks bro , nice tutorial for beginnes im not beginner but still nice :)
(Jul 13, 2015 04:17 PM)Wired‌ Wrote:  This is a nice tutorial for beginners to start making nice looking signatures, but you shouldn't specify adding a top bar or not. It's a nice design for some things, but being creative is all about doing new things.

Regardless, nice tutorial, i'd just like to make a note that I think this should be used as a basic starter reference and not following it step by step, since everything should be unique.

I totally agree with you on that sir ! Thanks for your post!


(Aug 6, 2015 05:55 PM)-Rarity- Wrote:  Thanks bro , nice tutorial for beginnes im not beginner but still nice :)

Thanks! for your post :DD
Thank you OP this is all i needed to know!
(Aug 11, 2015 04:13 PM)Gnome Kek Wrote:  Thank you OP this is all i needed to know!

No problem! glad you liked it
thanks for the help when i can upload my own i will
Looks nice, will use this in the future thanks!
Well i made one for my upcoming product i'm not ginna use it but it was fun to make.
[Image: h5htaXN.png]
[Image: RjNaENO.png]
Nice tutorial, Thanks alot.
Nice tutorial ! You make a guide for GIF Image ? :)
9-Years Old HF Member :3
Thanks for this, also, thank you for showing me the Flat UI Colors site - I will definitely be using this from now on!
Looks very clean, made very quickly and I think people will enjoy this tutorial! Good job on the tutorial!

[Image: DLS4zfM.png]
(Aug 26, 2015 05:03 AM)VOLO. Wrote:  Nice tutorial, Thanks alot.

Thanks! I appreciate your post


(Sep 8, 2015 05:44 AM)ouïյα Wrote:  Looks very clean, made very quickly and I think people will enjoy this tutorial! Good job on the tutorial!

Np , Was a pleasure making this tutorial for you guys


(Sep 7, 2015 09:15 PM)-nil Wrote:  Thanks for this, also, thank you for showing me the Flat UI Colors site - I will definitely be using this from now on!

Its a very nice site! you can even click on the colors and it copy's the code


(Aug 24, 2015 05:13 PM)Lynxed Wrote:  Well i made one for my upcoming product i'm not ginna use it but it was fun to make.
[Image: h5htaXN.png]

looks nice! maybe play around with the oppacity and add some white shine !


Possibly Related Threads...
Thread / Author Replies Views Last Post
by adilkhatriFeb 14, 2019 05:09 AM 0 205 Feb 14, 2019 05:09 AM
Last Post: adilkhatri
by MixDec 14, 2018 09:46 AM 132 10,997 Dec 14, 2018 09:46 AM
Last Post: SwedishPisces
by FactusJan 6, 2018 04:38 PM 30 2,270 Jan 6, 2018 04:38 PM
Last Post: skuter4o