![]() |
|
[Tut ] How To Create Your Own Thread Design - [ Simple - Clean - HQ ] - Printable Version +- Hack Forums (https://hackforums.net) +-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444) +--- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=156) +---- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=6) +---- Thread: [Tut ] How To Create Your Own Thread Design - [ Simple - Clean - HQ ] (/showthread.php?tid=3625380) |
[Tut ] How To Create Your Own Thread Design - [ Simple - Clean - HQ ] - y try it y - Jul 16, 2013 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/10249/48/accept_activation_check_confirm_correct_ok_save_success_tick_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/104590/128/deal_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/60850/128/blue_button_round_skype_social_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 - Jul 16, 2013 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 - Jul 16, 2013 (Jul 16, 2013 02:54 PM)Mahdy Wrote: 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? 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 - Jul 16, 2013 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 - Jul 17, 2013 Nice tutorial. I suggest attempting to creating your own Icons. * - Superstition - Jul 18, 2013 Nice tut! I'ma use it when I have to make another sales thread here on HF * - CatSoup - Jul 18, 2013 Nice dude, may use this technique if I ever open a sales thread. * - Mitchββββββββββββ - Jul 18, 2013 This is a very HQ thread! Thanks a lot for this! * - Promethazine. - Jul 18, 2013 Wow, what a thread. Thanks for doing this, i'm sure it'll help me out when needed. * - BlackHatBrony - Jul 19, 2013 That background static contains way to much contrast really distracting other than that great tutorial, I love gimp. * - Psychiatric - Jul 19, 2013 Nice job, OP. A very great and helpful tutorial! * - y try it y - Jul 20, 2013 Thanks for the feedback guys, hope it comes in handy.. Goodluck to those who make it and achieve :D * - FYTON - Jul 20, 2013 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 - Jul 21, 2013 (Jul 20, 2013 07:53 PM)FYTON Wrote: 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 - Jul 22, 2013 Totally AWESOME! This was just what i was looking for mate! Thank you. |