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 03-22-2007, 12:59 PM   #1
KewL
Moderator
 
KewL's Avatar
 
Join Date: Mar 2007
Location: California, US
Age: 18
Posts: 333


KewL is offline  
Default Blog Date Icon

Blog Date Icon Tutorial:
In this tutorial, I will teach you how to create a trendy icon, to display the date, for your blog.

Step 1:
Create a new document 100×100. Fill the background white.


Step 2:
Select the rounded rectangle tool and set the radius to 3px. Set your Foreground color to #3c3c3c, and make a rounded rectangle like I've done.


Step 3:

Create a new layer. CTRL+Click the rectangle layer icon. Go to Select>modify>Contract. Contract by 1px.


Step 4:

Select a soft white brush, roughly around 65px, then brush the selection like I've done.


Step 5:
Now that you've brushed the selection, lower the opacity of the layer to 27%. Create a new layer, and make a white rounded rectangle, as I've done.


Step 6:

Create a new layer, then CTRL+Click the white rounded rectangle layer icon. Go to select>modify>contract, use 2 pixels. Brush the selection with a soft black brush, like I've done.


Step 7:
Lower the opacity of the layer to 39%. This creates a nice shade effect.


Step 8:
Now all you have to do is add some text and your done! Feel free to experiment with new colors. Here is how mine has turned out.


Like this tutorial? Click here to register at our forums today!

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-04-2007, 01:17 PM   #2
keith
Member
 
Join Date: Apr 2007
Posts: 30


keith is offline  
Default

That is a good tutorial for calendars and even date icons,

very nice tutorial
Reply With Quote
Old 04-08-2007, 10:34 AM   #3
jasmine
Fresh Blood
 
Join Date: Apr 2007
Posts: 1


jasmine is offline  
Default

fantastic tutorial. Tanks for share
Reply With Quote
Old 04-08-2007, 12:06 PM   #4
KewL
Moderator
 
KewL's Avatar
 
Join Date: Mar 2007
Location: California, US
Age: 18
Posts: 333


KewL is offline  
Default

Glad you liked the tutorial . More to come!
Reply With Quote
Old 04-10-2007, 04:11 AM   #5
studiomaqs
Member
 
Join Date: Apr 2007
Location: Dhaka, Bangladesh
Posts: 53
Send a message via Yahoo to studiomaqs


studiomaqs is offline  
Default

I followed and created an icon. Cool man

Thanks
Reply With Quote
Old 04-14-2007, 05:46 PM   #6
Zen
Junior Member
 
Join Date: Apr 2007
Posts: 12


Zen is offline  
Default

Nice tutorial

Edit:

Last edited by Zen : 04-14-2007 at 06:11 PM. Reason: Added Outcome
Reply With Quote
Old 04-15-2007, 12:18 AM   #7
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

really nice tut. do you have the script to actually make it work?
Reply With Quote
Old 04-15-2007, 12:22 AM   #8
KewL
Moderator
 
KewL's Avatar
 
Join Date: Mar 2007
Location: California, US
Age: 18
Posts: 333


KewL is offline  
Default

Zen:
I like the touch you've added.

Airforce:
Nope, you would have to code it for whatever you wanted to use it on. Example:

http://ilovedigit.com
Reply With Quote
Old 04-15-2007, 12:50 AM   #9
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

kk, thanks.

Reply With Quote
Old 04-16-2007, 06:06 PM   #10
TriggerHappy
Moderator
 
TriggerHappy's Avatar
 
Join Date: Apr 2007
Location: Canada, eh?
Posts: 364


TriggerHappy is offline  
Default

Ah, nice, always wanted to see a tutorial on this, however I don't know how to do rounded rectangles in gimp .
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