Web Hosting Deals Holiday Logo Design Webcam Chat Website Header Templates Register domain Search Engine Optimisation Web Hosting
Go Back   Talk Mania Forum > Tutorials > Photoshop Tutorials > Buttons / Web Graphics / Banners

Buttons / Web Graphics / Banners Learn how to create Buttons / Web Graphics / Banners

 Image
Buy Sell Downloads

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 10-19-2006, 09:00 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
9 3D Logo with Metal borders

Hello Friends

This is the Tutorial number 28 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

Today i will create another 3D logo because i have received over 40 private messages from Talk-Mania members. if you have another sugestions please ask here
This is what i will show you how to do it in this tutorial.



Start with a new document 400x400 px with a white Background.

Create a new layer ( press CTRL+SHIFT+ALT+N )
Select the Rounded Rectangle Tool ( radius set to 40 px ) and draw a small rectangle:



Now we will ad a layer style for this rectangle:





The next gradient is used for Gradient Overlay settings.





The next image is the Gradient used for the stroke settings



The result should look like this:



Now Create one more Rounded Rectangle ( this time you need to create a smaller rounded rectangle) Place this rectangle on the middle of the other one )
Use the aligniament buttons. Select Move tool and you can see the aligniament tools:



Place it like me:


Then we will add another layer style for this new rectangle:

























And here is my result after i have applied this layer style:



You can use this as a button but i will add more details and we will create a 3D styel logo.

Now we will create a new document , because we will create a pattern.So create a new document 2 x 2 px with a transparent background

Zoom this document to 1600 % and with the pencil tool create something like me:



Then go to Edit > Define Pattern , Choose a name for your pattern and click OK.

Now we will return to our logo.
Select Elipse Tool and draw a small circle and apply the layer style which we have used for the first rounded rectangle:



After you have applied this layer style create another circle and place it like me. You can notice that i have created a smaller circle:



Then we will apply a layer style for this small black circle:









This is the result:



We will add another things. From this step you can add a custom shape or you can add a letter, or a star , or what you want.

I will add a star
Select Polygon Tool and draw a small start with 5 sides ( you can set the sides for the top of your screen , after you press on Polygon Tool )



Also i will add a star in the middle of my circles:


Now we will add a layer style for this star:











The next image is to modify the Contour for Bevel and Emboss settings:





The next image is to modify the Contour for Contour settings:





The next image is to modify the Contour for Satin settings:







And this is my final result:



Please Download this logo to understand better how it is created:

Attached Files
File Type: zip logo3d.zip (32.3 KB, 914 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 10-19-2006, 11:15 PM
Junior Member
 
Join Date: Sep 2006
Location: Lombard,Illinois
Posts: 15
czech-kid is on a distinguished road
Send a message via ICQ to czech-kid Send a message via Skype™ to czech-kid
hey nice!!just let you know i got suspended for 5 day + weekend so i will do some toturials!!ok??good!!thanks for this tutorials is cool!!
Reply With Quote
  #3 (permalink)  
Old 10-20-2006, 03:08 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
hi Michael
I am waitng for your tuts.
i am sorry that you have been suspended

Take care
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #4 (permalink)  
Old 10-24-2006, 08:05 AM
Junior Member
 
Join Date: Oct 2006
Posts: 1
hazemali is on a distinguished road
Smile thank u

hello i am hazem i am new member for this forum

I like it
Reply With Quote
  #5 (permalink)  
Old 10-26-2006, 07:19 PM
Junior Member
 
Join Date: Oct 2006
Posts: 9
mismaar is on a distinguished road
i like it without the star... it is nice
Reply With Quote
  #6 (permalink)  
Old 10-29-2006, 01:36 PM
Junior Member
 
Join Date: Oct 2006
Posts: 3
WesleyX100 is on a distinguished road
Thnx for the TUt
Reply With Quote
  #7 (permalink)  
Old 10-30-2006, 03:57 AM
Junior Member
 
Join Date: Oct 2006
Posts: 1
NFlame is on a distinguished road
Awesome.

Awesome tutorial.

Here is what I got.
Attached Images
File Type: gif NuccLogo.gif (10.6 KB, 74 views)
Reply With Quote
  #8 (permalink)  
Old 10-30-2006, 08:26 AM
Junior Member
 
Join Date: Oct 2006
Posts: 10
bactien is on a distinguished road
Thanks ^^ for tutorial
Reply With Quote
  #9 (permalink)  
Old 10-30-2006, 09:23 AM
Member
 
Join Date: Oct 2006
Posts: 67
scorpion is on a distinguished road
Quote:
Originally Posted by NFlame View Post
Awesome tutorial.

Here is what I got.
very nice the nuclear symbol works really well on it
__________________
<(^,^<) <-- kirby
Reply With Quote
  #10 (permalink)  
Old 10-30-2006, 03:31 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
Hello

Yes the NuccLogo.gif is very very good.

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
Reply

Bookmarks

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump


All times are GMT +2. The time now is 01:38 AM.


Fake ID

Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0 RC8
Forums Copyright © Talk-Mania.com