Exercise: Car Dealer Layout Buttons Rollovers ________________________________________
This is a template / layout for a car dealer website, submitted by ADMIN, and which I’ll Sliced in previous Exercise, and now I’m going to show how you can make Buttons Rollovers:
See the Final Result at the end...
1- After you finish designing this template, select the Buttons (Shape’s) layer, in Layers Window, one by one and go to menu Layer ==> and click on the option New Layer based Slice, as you can see in the following image:



2-After doing that, Save the work that has be done and go to Imageready, so click on the following button to be transferred to ImageReady:

3-As soon as you get in Imageready, go to menu Window ==> and click on the option Rollovers. It will open a Rollovers Window. Select the first Slice layer, and right click on it. In the menu that opens, click on Add Rollover State, as you can see in the image:


4- It will add Over State(Rollover State), as you can see in the next image. Let it be selected, and go to Layers Window, and see which Shape layer is selected, and reduce its Opacity to 50%... as you can see in the following image:
So, what did you do ??
In the normal State, that button will have 100% Opacity, and in Over State it will have 50% Opacity…


6- So, now do the same with other buttons. First Add Rollover state, in Rollover Window, and then select it, and in the Layer Window, reduce the Opacity of the selected Shape’s layer to 50%.
Keep saving the changes. So, now you’ll have, the following image in Rollover Window, and all buttons with Over State.



7- Now you’ve to test it, so for you click on the Preview Document button in the main Toolbar …as you can see in the image:
Or, you can click directly on Internet Explorer icon to see in your Browser…you decide…


8- After previewing the effects, just go to menu File ==> and click on Save Optimized as… and it will save HTML, images….and will generate Javascript for the Rollover effects….
So, you can see… it’s not difficult to create Rollovers button effects in Photoshop + ImageReady… what do you say??

Final Result is on-line:
http://www.talk-mania.com/amit/LayoutCar/index.html

Note: In Photoshop versions CS/CS2 this is done quite differentely. I'll try to demonstrate very soon.At home I work with Photoshop 7.0. Keep checking, and it will be soon here. Thanks a lot.
Wish some feedback about this Exercise.

Following Lesson: How to create a Website, with this Template- in Dreamweaver…

Very very sweet. I am proud to say that you are great. I am very happy to have a member like you
keep up the good work

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

Hi Admin,

Thanks a lot for your complement.
I'm also glad to be member of Talk-Mania.com, and to submit this Exercises, so I can be helpful to all the members and visitors.
I know many people still does'nt how to work with all of capabilities of Photoshop+Imageready, so this is rewarding to do.
Please check out some of sites of my Students in Webdesign Course:
http://imgarchive.com.sapo.pt/

http://mysx70.home.sapo.pt/

http://kornfanclubportugal.com.sapo.pt/

http://almex.com.sapo.pt/

http://panoramaslx.com.sapo.pt/

http://sentinelas.home.sapo.pt/

I hope people can see and visit this Sites...that's what I like to teach....and you can see the result...

Have you learned your students to create this websites?If yes congratulation for ideas.

I like most
http://kornfanclubportugal.com.sapo.pt/
and

http://sentinelas.home.sapo.pt/

keep up the good work

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

Yes Admin,

I teach them how to use those Tools (Applications), show them this techniques....and then their Final Project is to create their own Website, with their own chosen Theme, they have together all the content....and finally create this Websites.
After finishing I teach them how to Publish this Final projects...
And I Love my JOB....
I'm very glad that you liked them...specially those Two, which I also consider the best...because almost of work is done in Macromedia Flash...
Now, I've to give them Final marks...from 20, how much I give them ???
Any matter regarding it...or another, please contact me.
Regards.

Amit

I really don't know what marks should i give them. it very hard. you can submit this websites in the review websites area


I will be curious what marks they receive

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

great tuts iv been reading all of urs

Ha, this as an awesome tut. Way better than your 'Car Tuning' one.

__________________
I don't care aout my sig and the fact that it sucks...I just can't be bothered uploading any of my sigs

hey! i likey this tut veryy much but how can i make for a slic of only a piece text , i want to rollover effect some text. how can i slice text only, with hout sooming in to 1600%

this tutorial is great, thanks !