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

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 04-09-2007, 08:38 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,332
Blog Entries: 2
admin has disabled reputation
114 3D vista software box

Hello

Today i will create Tutorial number 114 from 500 Tutorials Marathon.

I have switched to Windows Vista and to be honest i really like it. I recommend you to switch to vista because it is the most stable windows.
I am running from 2 weeks and i had no error yet.
Before you consider upgrading to Vista you should have at least 2 Gb of RAM and a dual processor in order to run it without problems

If you are working with 3D image processing software like 3Dsmax or maya you should have 4 GB of RAM.

Today i want to show you how to create a 3D box like vista boxes.



So let's start with a new document:
size: 800 x 800 pixels
Background color : White

I have included for you a custom shape so you can start designing your own 3D vista boxes
For this you need to register and you can download the following custom shapes from the bottom of this tutorial.

Load the shape in Photoshop

Select Custom Shape Tool , Then click on the small arrow near your custom shape icon

Then select Load Shape



Browse after the Custom Shape file , then press Open

then with Custom Shape tool Create a box on your canvas.
While dragging please hold the Shift key pressed.



Note : You can use the Pen tool if you don't want to use my Custom Shape

For this shape add the following layer styles ( you can download the PSD file and it is no need to create this layer styles ) but if you want to start doing this gradient alone you are welcome





This is my result



Select Custom Shape Tool and create another Shape ( a smaller one )



For this last shape use the following color: #1f1f1f

Now add the following layer style









This is my result



Now Select pen Tool and create a new path ( i will create this path with a blue color so you can see better what i am doing



Then drag this layer right above the background layer ( Change the color for this layer to BLACK )



Now select one more time the Custom Shape tool
Set the foreground color to : #777777



Then change the opacity to 15 %



Then drag this layer right above the background layer.This is my result



Select the Custom Shape Tool again and create another shape.This layer must be on top of all layers

The same for this layer set the opacity value to 15 - 20 %
This is my result



Now it is time to add some details. I will add talk-mania's logo.
You can use what ever you want



Now we will add a perspective view for our text and logo layers
In this step you can press CTRL+T to change the angle
or you can select each layer and use the perspective transformation ( Edit > Transform > perspective )



now if you want you can add your own details .
i hope you will find this tutorial useful.
thank you

Attached Files
File Type: zip vista-box.zip (157.2 KB, 1541 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
Premium Photoshop Tutorials
  #2 (permalink)  
Old 04-09-2007, 10:22 PM
Lukeintosh's Avatar
Senior Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 248
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
Nice 8/10

Well done. This site looks good on a 20' LCD Screen
Wll done i like the effort you have put in to tutorials for talk-mania. thanks admin!
Reply With Quote
  #3 (permalink)  
Old 04-10-2007, 05:21 AM
Junior Member
 
Join Date: Feb 2007
Location: syria
Posts: 7
freed123 is on a distinguished road
Send a message via MSN to freed123 Send a message via Yahoo to freed123 Send a message via Skype™ to freed123
hello all
thanks admin.
it is nice result
Reply With Quote
  #4 (permalink)  
Old 04-11-2007, 01:03 PM
Junior Member
 
Join Date: Apr 2007
Posts: 8
dragon is on a distinguished road
WOW!!
Very Nice!!
Reply With Quote
  #5 (permalink)  
Old 04-11-2007, 04:04 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
terrox is on a distinguished road
Very Nice...10X
Reply With Quote
  #6 (permalink)  
Old 04-12-2007, 07:05 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
dtgamer323 is on a distinguished road
dtgamer323

nice job is nice!! lol
Reply With Quote
  #7 (permalink)  
Old 04-12-2007, 08:58 PM
Junior Member
 
Join Date: Apr 2007
Posts: 1
Baytar is on a distinguished road
very nice Thnks
Reply With Quote
  #8 (permalink)  
Old 04-13-2007, 03:04 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
netguy is on a distinguished road
Very Very nice

This is sweet!
Reply With Quote
  #9 (permalink)  
Old 04-13-2007, 03:19 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
FlashMX is on a distinguished road
thanxxxxxxxxxxxxxxxxxxxxxxx
Reply With Quote
  #10 (permalink)  
Old 04-14-2007, 06:51 AM
Junior Member
 
Join Date: Apr 2007
Posts: 3
orakanggo is on a distinguished road
amazing...

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 07:05 PM.


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