Welcome to the Designer Fuse - A forum for designers. forums.

You are currently viewing our boards as a guest which gives you limited access to our forums. By joining our free community you will have access to:

- Free Design Resources!
- Free Video Tutorials!
- Entering our weekly signature of the week contest to win prizes!
- Creating threads, posts, and polls!
- Personal Message System!
- And much more!

Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact contact us.

Go Back   Designer Fuse - A forum for designers. > Design > Tutorials

Reply
 
Old 04-20-2007, 05:52 PM   #1
KewL
Moderator
 
KewL's Avatar
 
Join Date: Mar 2007
Location: California, US
Age: 18
Posts: 333


KewL is offline  
Thumbs up Forum Icons

Forum Icons
In this tutorial will teach you how to make trendy forum icons just like the ones of DF.

Step 1:
Create a new document, 300x300 should be plenty of room. Set the background color to white.

Click Here For Image

Step 2:
Create a new layer. Now select the rounded rectangle tool with a radius of 3 and create a small rounded rectangle around 50x50.


Step 3:
Right Click the layer and go into blending options. Use the following settings:
Note: change the color to match your skin.

Click here For Image


Step 4:
Create a new layer and CTRL+Click the layer to make a selection of it. Brush the selection with a with a white brush like so:


Step 5:
Go to select>modify>contract and contract by 1px. Now go to select>inverse. Now delete the selection (press the delete key).


Step 6:
set the layer mode to Overlay, and lower the opacity to around 85%, thus creating a nice shine.


Step 7:
Select the Text tool and type your websites initials in the center of the icon, With AA on Crisp, and the following font settings:


Step 8:
Set the text layer mode Overlay. This icon will represent New Posts.


Step 9:
Now to make a no new posts icon, just duplicate the icon, delete the text, and change the color to a more mellow color.


Step 10:
Too create a closed forum icon, change the color to a deep gray, and change the text to an X.


Wa-la! your done, you should now have 3 sharp looking post icons. Please register in order to download the .psd file!

Click Here to register today!
Attached Images
File Type: psd Forum Icons.psd (185.6 KB, 242 views)
Reply With Quote
Alt Today
Advertising

Beitrag Sponsored Links

__________________
This advertising will not be shown to registered members.
Register your free account today and become a member on Designer Fuse - A forum for designers.
   
Old 04-21-2007, 01:15 AM   #2
Fine Arts
Junior Member
 
Join Date: Apr 2007
Posts: 12


Fine Arts is offline  
Default

Hello,

very nice tut.

thanks
Reply With Quote
Old 04-21-2007, 01:37 AM   #3
Ahmose1984
Member
 
Ahmose1984's Avatar
 
Join Date: Apr 2007
Location: Egypt - Alexandria
Age: 24
Posts: 66


Ahmose1984 is offline  
Default

Thats a hot one my friends, very good
__________________
My Gallery on Deviantart
Reply With Quote
Old 04-21-2007, 10:47 AM   #4
AirForceOne1
Advanced Member
 
AirForceOne1's Avatar
 
Join Date: Apr 2007
Location: South Dakota, USA
Posts: 90
Send a message via MSN to AirForceOne1


AirForceOne1 is offline  
Default

thanks for the tut!
Reply With Quote
Old 04-23-2007, 03:42 AM   #5
sbrcn
Junior Member
 
Join Date: Apr 2007
Posts: 11


sbrcn is offline  
Default

thanks..........
Reply With Quote
Old 04-25-2007, 01:40 PM   #6
KewL
Moderator
 
KewL's Avatar
 
Join Date: Mar 2007
Location: California, US
Age: 18
Posts: 333


KewL is offline  
Default

No problem
Reply With Quote
Old 04-25-2007, 07:56 PM   #7
Mastershak3
Junior Member
 
Mastershak3's Avatar
 
Join Date: Apr 2007
Location: Denver, CO
Age: 16
Posts: 22


Mastershak3 is offline  
Default

Huh, cool, would make a good button in flash.
Reply With Quote
Old 04-27-2007, 06:28 PM   #8
ArcticFox
Junior Member
 
Join Date: Apr 2007
Posts: 10


ArcticFox is offline  
Default

That's smart!

Thanks for the tutorial.
Reply With Quote
Old 04-30-2007, 01:27 PM   #9
Foxtrot
Junior Member
 
Join Date: Apr 2007
Posts: 13


Foxtrot is offline  
Default

Pretty good little tutorial KewL, good job.
__________________
Nixism | where clients matter.
Reliable, Affordable, Quick Web Hosting.
Reply With Quote
Old 04-30-2007, 07:31 PM   #10
KewL
Moderator
 
KewL's Avatar
 
Join Date: Mar 2007
Location: California, US
Age: 18
Posts: 333


KewL is offline  
Default

Thanks, sure thing .
__________________
Reply With Quote
 
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump