masking effect |
This is a discussion on masking effect within the Graphics & Flash forums, part of the Web Design category; please refer to this link Home | Esquires Coffee Houses - great coffee helps? at the bottom right there is ... |
![]() |
| | LinkBack | Thread Tools | Display Modes |
| | #1 |
| Member Join Date: Sep 2009
Posts: 169
Thanks: 0
Thanked 0 Times in 0 Posts
![]() Expertise: Total Beginner Experience: Basic / None |
please refer to this link Home | Esquires Coffee Houses - great coffee helps? at the bottom right there is a flash effect using masking technique, to create that masking effect would normally be a little tedious, my question is are there any softwares that can be purchased or websites that offer such masking effects which can be easily customized to change the images or dimensions. please advice. thanks |
| | |
| | #2 |
| Member Join Date: Jul 2009
Posts: 191
Thanks: 0
Thanked 18 Times in 17 Posts
![]() Expertise: (X)HTML / CSS Experience: Quite Good |
If you buy Flash, it should be pretty easy. You can do a limited amount of this stuff using javascript. I think it would be tough to get that kind of screen-wipe effect, but you can certainly do a simple cross-fade. With a javascript library such as jQuery, it's a snap. |
| | |
| | #3 |
![]() Join Date: Dec 2008
Posts: 1,844
Blog Entries: 3 Thanks: 13
Thanked 36 Times in 34 Posts
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Expertise: (X)HTML / CSS Experience: Professional |
If you do want to use flash but don't have the skills to work with action script then you can use a tool such as firestarter to help.
__________________ WelshStew follow me on twitter here | WelshStew - Web Design & Web Development | Motorhome hire uk |
| | |
| | #4 |
| Member Join Date: Jan 2009 Location: Hampshire, UK
Posts: 226
Thanks: 3
Thanked 6 Times in 6 Posts
![]() Expertise: (X)HTML / CSS Experience: Professional |
I would personally set out on doing this in code so it can be applies to any image, any width, any height. I think splitting the image up into an array of seperate parts of the image and then setting up a loop to display more of each square systematically to do that wipe. But as software goes, if you right-click that document it says that the software used to create that document is called JW Image Rotator 3.16
__________________ MinatureCookie.com |
| | |
| | #5 | |
| Member Join Date: Jul 2009
Posts: 191
Thanks: 0
Thanked 18 Times in 17 Posts
![]() Expertise: (X)HTML / CSS Experience: Quite Good | Quote:
You're not going to get the same complexity of screen-wipe effect if you use javascript, and the javascript will also be pretty tedious to create. | |
| | |
| | #6 |
| Member Join Date: Jan 2009 Location: Hampshire, UK
Posts: 226
Thanks: 3
Thanked 6 Times in 6 Posts
![]() Expertise: (X)HTML / CSS Experience: Professional |
Of course Flash is code too - and I wasn't ruling it out as an option by all means. I would just have used JS in place of AS here because it would still allow right clicking etc. within the browser. And I think that's an important property of images in websites - but that's just my opinion.
__________________ MinatureCookie.com |
| | |
| | #7 | |
| Member Join Date: Jul 2009
Posts: 191
Thanks: 0
Thanked 18 Times in 17 Posts
![]() Expertise: (X)HTML / CSS Experience: Quite Good | Quote:
Personally, I think that the basic javascript image swapping (maybe with a simple fade effect) is just fine. There's no need for anything more fancy. I just think this particular effect would be difficult to replicate in JS. | |
| | |
| | #8 |
| Member Join Date: Jan 2009 Location: Hampshire, UK
Posts: 226
Thanks: 3
Thanked 6 Times in 6 Posts
![]() Expertise: (X)HTML / CSS Experience: Professional |
Okay, I gave the JS a go (it's a bit buggy at the moment, but there you go) Not sure if it's useful, just thought I'd drop it in here. http://webprocafe.com/javascript/150...on-script.html (Image Transition script)
__________________ MinatureCookie.com |
| | |
![]() |
| Tags |
| effect, masking |
| Thread Tools | |
| Display Modes | |