Results 1 to 8 of 8

Thread: masking effect

  1. #1
    Member sudhakararaog's Avatar
    Join Date
    Sep 2009
    Posts
    224

    Default masking effect 4 Dec 2009 @ 01.48

    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
      Reply With Quote

  2. #2
    Senior Member Mike Hopley's Avatar
    Join Date
    Jul 2009
    Posts
    712

    Default 4 Dec 2009 @ 08.18

    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.
      Reply With Quote

  3. #3
    Trusted Guru WelshStew's Avatar
    Join Date
    Dec 2008
    Posts
    2,555
    Blog Entries
    3

    Default 4 Dec 2009 @ 11.36

    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.
      Reply With Quote

  4. #4
    Member MinatureCookie's Avatar
    Join Date
    Jan 2009
    Posts
    275

    Default 9 Dec 2009 @ 21.08

    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
    [FONT=Georgia]MinatureCookie.com[/FONT]
      Reply With Quote

  5. #5
    Senior Member Mike Hopley's Avatar
    Join Date
    Jul 2009
    Posts
    712

    Default 10 Dec 2009 @ 07.57

    quote
    I would personally set out on doing this in code so it can be applies to any image, any width, any height.
    Originally Posted by MinatureCookie View Post
    ...which the Flash method can also do. Flash is code too (that image rotator is built in Flash).

    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.
      Reply With Quote

  6. #6
    Member MinatureCookie's Avatar
    Join Date
    Jan 2009
    Posts
    275

    Default 10 Dec 2009 @ 20.08

    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.
    [FONT=Georgia]MinatureCookie.com[/FONT]
      Reply With Quote

  7. #7
    Senior Member Mike Hopley's Avatar
    Join Date
    Jul 2009
    Posts
    712

    Default 11 Dec 2009 @ 10.32

    quote
    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.
    Originally Posted by MinatureCookie View Post
    I see your point.

    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.
      Reply With Quote

  8. #8
    Member MinatureCookie's Avatar
    Join Date
    Jan 2009
    Posts
    275

    Default 15 Dec 2009 @ 22.30

    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
    [FONT=Georgia]MinatureCookie.com[/FONT]
      Reply With Quote

Similar Threads

  1. padding effect
    By sudhakararaog in forum HTML & CSS
    Replies: 0
    Last Post: 24 Feb 2010, @ 05.13
  2. hover effect
    By sudhakararaog in forum HTML & CSS
    Replies: 1
    Last Post: 20 Feb 2010, @ 10.56
  3. flash effect
    By sudhakararaog in forum Imagery, Graphics & Typography
    Replies: 0
    Last Post: 2 Dec 2009, @ 02.25
  4. on hover effect using css
    By sudhakararaog in forum HTML & CSS
    Replies: 0
    Last Post: 1 Dec 2009, @ 07.51
  5. Grain effect - how
    By WelshStew in forum Imagery, Graphics & Typography
    Replies: 2
    Last Post: 18 Apr 2009, @ 10.55

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •