Home » Tips & Tricks: Design

How To Create Rollovers In Photoshop CS3!

Posted By: BioTecK on Saturday 8 November 2008 with 14 Comments

Do you want to create rollover images for the navigation menu of your website but don’t know how to start? While browsing on YouTube I came across a very nice video tutorial which shows you how you create rollovers in Adobe Photoshop and later use it in Adobe Dreamweaver or any other html application.

In case you don’t know what rollover is; A rollover image is an image that changes to some other image when you rolls the mouse over it.

Anyway, watch the video and make your own rollovers! :wink:


«
»

14 Comments so far, be the next one! »

  • Nicole said:
    8 November 2008 at 11:18

    Oh, cool – thanks :D !

  • Lyndi said:
    8 November 2008 at 16:56

    I just watched the video, very interesting. This will take me quite a while to work through properly so I will be back. Thanks for this.

    Lyndi´s last blog post..Blog Review: http://www.Rarst.net

  • shaxx said:
    8 November 2008 at 18:16

    nice video but the stuffs are bit over my head… LOL!

    shaxx´s last blog post..Reward for Your Comment

  • Ben said:
    8 November 2008 at 18:38

    You know now when I want to learn how to do something I generally check You Tube. I am always amazed by the wealth of informative videos there.
    I fore see in the future most T.V. will internet based as well.

  • moongoddesslae said:
    9 November 2008 at 07:34

    informative!Thanks I learned something.

  • leidyundercover said:
    9 November 2008 at 07:35

    just another brilliant thing…good job!

  • wilson said:
    9 November 2008 at 12:16

    You’re totally awesome, mate.

    I’ve tried to find the method for over 2 months and guess what? Now, I finally found it at your blog :)

    Thanks for the tips!

    wilson´s last blog post..The Hair Care Tips 4: The Speed of Hair Growth is Not Related With the Frequency of The Hair Cut!

  • BioTecK (author) said:
    9 November 2008 at 15:34

    Sure, no problem Nicole!

    At first it might seem it’s difficult but after doing it once, you’ll see that creating Rollovers is very easy Lyndi.

    It’s not that hard Shaxx.. :wink:

    Hi Ben. Long time no see! Hows life? ;)
    I also love YouTube, not only you can find a lot of funny stuff but also a lot of video tutorials which are just great!
    About your prediction.. I think your right about hat!

    I’m glad you liked it moongoddesslae! :D

    Thanks a lot leidyundercover.

    LOL.. That’s a coincidence Wilson!
    So the video was a great help to you?! :)

  • Dito Delacroix said:
    9 November 2008 at 17:41

    Hey,very nice tutorial, i will try on my mac :)

    Dito Delacroix´s last blog post..1984 Apple Commercial

  • BioTecK (author) said:
    10 November 2008 at 19:28

    Yeah.. Give it a try Dito Delacroix! I know it will work! ;)

  • Mac @ Motorcycle Fairings said:
    11 November 2008 at 21:48

    Sounds like an interesting option for my menus! Thanks again.

  • vev from teak furniture said:
    12 November 2008 at 06:04

    Nice method! Thanks for sharing.

  • Squeaky said:
    13 November 2008 at 02:00

    Nice video lesson for making rollovers in Photoshop. Easy to follow your instructions, looking forward to checking your other lessons out.

  • BioTecK (author) said:
    13 November 2008 at 18:42

    Yeah.. It is! Give it a try Mac @ Motorcycle Fairings!

    Sure, no problem Vev from teak furniture! :D

    I’m glad you liked it! I’ll make sure to post such video tutorial more often Squeaky!