[y try it y]

Hello Graphic people, in this thread i will show you step by step, picture by picture how to create your own Thread design :).
As you go along resources such as fonts, pre-made templates i made and "stuck packs" which contain the .PSD for that particular section.
This was a special request by a certain individual, hope you enjoy it and any questions post below or contact me via PM.

Final Result
Spoiler (Click to View)



Step 1

Create a new canvas with these settings



Step 2

Select the "Paint Button Tool"



Step 3

Set the color code to #33 - this is HF background color.


Step 4

Time to make the header, before you start creating think before hand what type of theme your after.

Im going to focus on Lime green + Sliver.

Download the following font here: http://www.mediafire.com/?kad20os1rof06ef

Create a new layer, using "Paint bucket tool" make it #33. You should have two of these.

Filter > Noise > Add Noise


Put these settings on



Now add a "vector mask"



We will edit it later in the thread.

Step 5



Time to make the Title, after installing the font i told you

Enter your text and follow the steps below

Click on "Blending Options"


Then enter the same stuff here on your screen











For the stroke color #3dd900

---

Now download this resource i made: http://www.mediafire.com/?4shsdwl44r4zlke

Drag it under your thread title,



Download the subtitle font : http://www.mediafire.com/?uwnw5trzfu4hf5h

Then use HelveticaNeue LT 55 - BOLD ITALIC.

If you are stuck here is the Project from step 1-5 : http://www.mediafire.com/?d9tae7f8hgvrfjv

Step 6

Well done, you managed to make to this part,
Lets work on the table/boxes

Download this template i created : http://www.mediafire.com/?b2boipopb9w5nkq

Drag it in your thread design and place it in middle ( under title )

Clicking on the template i gave you > Duplicate Layer

Step 7

Now go Edit > Transform > Scale like in the image below.



Now drag it upwards till you get this :



Step 8

Click on the duplicated layer and press CTRL + U

We're going to create a lime green color, put the numbers on your screen and you should get the green color, press "ok" .
Make sure colorize is selected!



Step 9

Name it "Information" or "About Us"

Now place the text box and insert your text.

And it should look like this.



Stuck? Download the project file for this section : http://www.mediafire.com/?8hp7ldn8k30u54w

Step 9

Delete your other groups apart from header + information.

Duplicate "Information" Group 4-5Times.

And then drag it down and position it.

Like this



Download The .psd up to this section: http://www.mediafire.com/?8l9xdon5djzmau2

Step 10

For "Features" you want good a good tick icon or something similar.

Head over to : http://www.iconfinder.com/ and get yourself one.
I picked this one: http://www.iconfinder.com/icondetails/10...k_yes_icon

Place it in your group, duplicate it with text next to it till you get this result



Step 11

The price box, download this resource: http://www.mediafire.com/?bjtzbghzt7ajy3u

Add some own text and something simple like this,



Step 12

Terms Of Service box

Get this nice icon down below, get the .PNG one.
http://www.iconfinder.com/icondetails/10...terms_icon

Insert your own text, should be straight forward.



Step 13

Contact us box,

Get this skype icon if you use skype otherwise get your own type of icon on iconfinder.com

skype icon: http://www.iconfinder.com/icondetails/60...ocial_icon

Get a mail icon if you want,

End result



Step 14

Now go back to your layer which has the noise effect on.

Click on the vector mask





Click on your brush - make sure its on black color and mask away all the noise apart from the center one

Should look like this !



Download the completed project here: http://www.mediafire.com/?k1gyfaxabp8x4l8

---

Hope this tutorial helps those who need it, if you need help contact me.
👍👍

[Mahdy]

I'm stuck on the second part. I don't see how you did that with the box? Making one part grey and the other green. I did edit > transform > scale, but it does nothing?

http://prntscr.com/1ftm42

[y try it y]

I'm stuck on the second part. I don't see how you did that with the box? Making one part grey and the other green. I did edit > transform > scale, but it does nothing?

http://prntscr.com/1ftm42

Make sure you download this resource: http://www.mediafire.com/?b2boipopb9w5nkq

After you placed it, duplicate the layer so you got two.

Your 2nd layer transform > scale and bring it upwrds to create the bar thing.

[likedwre]

really nice tutorial!
will be sure to use it in the feature, im thinking of starting with photoshop etc to make stuff like this.
maybe one day be good enough to be able to get my work sold for a few dollars =)

[alignment]

Nice tutorial. I suggest attempting to creating your own Icons.

[Superstition]

Nice tut! I'ma use it when I have to make another sales thread here on HF

[CatSoup]

Nice dude, may use this technique if I ever open a sales thread.

[Mitch‎‎‎‎‎‎‎‎‎‎‎‎]

This is a very HQ thread! Thanks a lot for this!

[Promethazine.]

Wow, what a thread. Thanks for doing this, i'm sure it'll help me out when needed.

[BlackHatBrony]

That background static contains way to much contrast really distracting other than that great tutorial, I love gimp.

[Psychiatric]

Nice job, OP. A very great and helpful tutorial!

[y try it y]

Thanks for the feedback guys, hope it comes in handy..
Goodluck to those who make it and achieve :D

[FYTON]

This is amazing! I really appreciate you writing this! I've been trying to find how to do this amazing style forever, and you sir put the cherry on top, thanks.

[y try it y]

This is amazing! I really appreciate you writing this! I've been trying to find how to do this amazing style forever, and you sir put the cherry on top, thanks.

haha okay thanks for that reply, abit over the edge but heyy 😊👍

[Crank420]

Totally AWESOME! This was just what i was looking for mate! Thank you.