How to create a button using Creative Image Effects

This tutorial is created for two main purposes. The first is to make you more familiar with our product, but the second – the more important one – addresses a specific situation. You are creating a Dreamweaver website and you need to use a nice menu. Of course, for the best option for a menu, I recommend Creative Menus (for Dreamweaver or for Flash), but if the case is that you need a very simple but still great-looking menu, you can use Image Effects for that.

Firstly I just want to remind you that, in order to be able to solve the tutorial, you will need the Creative Dw Image Effects extension installed on your computer; if you encounter any problems while doing that, please visit the “How to install an extension” tutorial.


Click here to download the source file and the required files for solving this tutorial.


1. Open Dreamweaver, create a new website and a new file; save your file. If you have problems creating your website, try reading the “How to create a website” tutorial.

2. From the Insert menu – the Image Effects section, Insert a new Simple Effects instance on your newly-created page.

Insert an Image Effects instance

Insert an Image Effects instance

3. In the attached archive, locate the image file – "button.jpg" - it's the one we are going to use in this tutorial.

Target image

Target image

4. In the product's interface, select the image as the target of the effect and apply Sepia – the dynamic effect.

Creative Image Effects configuration panel

Creative Image Effects configuration panel

5. Configure the effect in order to take 3 seconds.

Sepia effect configuration

Sepia effect configuration

6. The last thing we want to do is to make the button direct to a location on mouse click. Write the following text in the „Link” text field.

Configure the link parameter

Configure the link parameter

7. Now it's time to see what we did. Click OK, save and then click F12 in order to preview. It's possible to get a warning when you try to click the button – that's a Flash Player warning because you are testing locally. In order to solve this issue, read the „How to test a website locally” tutorial.

Preview your file

Preview your file

Thank you for your time and I hope this tutorial was useful to you. I invite you to read the rest of our tutorials and check out our other products on www.extendstudio.com. If you have any questions please contact us at support@extendstudio.com.