Check out this site... this is pretty cool a motion poster. Anyone know how to make one? http://youwillknowhername.com/
Announcement
Collapse
No announcement yet.
Motion Posters... Anyone Know How
Collapse
X
-
Yeah, just .GIF files that are spaced properly. Easy.
-Tylerhttp://www.hauntdesignkit.com
>Download free Google SketchUp collections made just for haunt owners and designers.
Like us on Facebook: http://www.facebook.com/HauntDesignKit
Comment
-
If it's for a website, I recommend flash or HTML5/Javascript rather than just animated GIFs and HTML.
Flash can hold up to 100 times more color information than a GIF (and in some cases also more animation) for a fraction of the bandwidth employed by gifs. It all depends, of course.
In the case of the page you posted, it's accomplished with DIV layers, which give you total control over the spacing but you can do it with a table as well if they are evenly spaced, which is what I normally prefer to do since it's simpler than CSS+DIVs and I love simplicity.
Now, if what you are looking for is a physical animated poster, there are alternatives such as lenticulars or laser-printed 3D images, which while not animated look way better than lenticulars in terms of 3D 'cause they lack the ridged texture, the blur and the choppy transition between "frames". There are also things like Parallax Barrier, which is similar to lenticular but not as broadly used.
Comment
-
What you may not notice is that this is a link to a Tumblr blog.
Tumblr is a blogging/image website extremely popular with kids these days. While flash would work, it wouldn't work in this case.
I applaud their use of gifs and the fact that they're using a site that is so heavily saturated with their target market.
Do any of you haunt owners use Tumblr? I know Scarehouse does but haven't seen many commercial haunts on there.Zach Wiechmann
www.frontyardfright.com
Comment
-
Originally posted by redcrowdesign View PostIf it's for a website, I recommend flash or HTML5/Javascript rather than just animated GIFs and HTML.
Flash can hold up to 100 times more color information than a GIF (and in some cases also more animation) for a fraction of the bandwidth employed by gifs. It all depends, of course.
In the case of the page you posted, it's accomplished with DIV layers, which give you total control over the spacing but you can do it with a table as well if they are evenly spaced, which is what I normally prefer to do since it's simpler than CSS+DIVs and I love simplicity.
Now, if what you are looking for is a physical animated poster, there are alternatives such as lenticulars or laser-printed 3D images, which while not animated look way better than lenticulars in terms of 3D 'cause they lack the ridged texture, the blur and the choppy transition between "frames". There are also things like Parallax Barrier, which is similar to lenticular but not as broadly used.
1. Flash is out dated, bloated, memory waster that is being deapprciated because of the fact more people are moving to mobile and Flash is not supported by devices anymore. If your still making flash websites, your wasting money and energy to create a website that the majority of your visitors are not going to be able to use anymore. Don't believe me, load the site on a iPad or iPhone. It works because it's not in Flash. Why would you code two sites, one for mobile and one for desktop, doubling your time, energy and money?
2. Trying to recreate this with HTML 5 / Javascript, your making way more work for yourself while also adding more memory to the header and page that will take longer to load and process, especially for those mobile users again on a low end device and 3G connection. Some even disable Javascript on their device for security reasons and to save memory / processing speed.
3. The best and smartest way to do it is how they did it. Just using CSS and gif's. Your saving yourself time, energy, money and speed.News and event coverage from directly inside the Haunt Industry - http://www.hauntersdigest.com
Get a Website and/or Mobile App for Your Attraction - http://www.charlesterry.com
Comment
-
Originally posted by MovieRelics View PostEverything you just said I totally totally disagree with.
1. Flash is out dated, bloated, memory waster that is being deapprciated because of the fact more people are moving to mobile and Flash is not supported by devices anymore. If your still making flash websites, your wasting money and energy to create a website that the majority of your visitors are not going to be able to use anymore. Don't believe me, load the site on a iPad or iPhone. It works because it's not in Flash. Why would you code two sites, one for mobile and one for desktop, doubling your time, energy and money?
2. Trying to recreate this with HTML 5 / Javascript, your making way more work for yourself while also adding more memory to the header and page that will take longer to load and process, especially for those mobile users again on a low end device and 3G connection. Some even disable Javascript on their device for security reasons and to save memory / processing speed.
3. The best and smartest way to do it is how they did it. Just using CSS and gif's. Your saving yourself time, energy, money and speed.
2. Recreating this in HTML5 with Javascript would take me roughly 15 minutes with Adobe Edge or similar software. And yes, I agree, it's not supported by Smartphones, only by iPads. But then again, most sites designed specifically for Smartphone look like something made in the early 90's, having all your website versions looking like that may be great for some but I personally like high-end stuff.
3. The best and simplest way to do this is using animated gifs on a table. Sure, it's an outdated method, but it's the oldest trick in the book and most likely all browsers will render it correctly, while CSS has slight differences in the way it's rendered in different browsers.
Now, I wasn't saying they did the wrong way, I was just offering options and like it or not flash is still one option if you want high end animated graphics. It all depends on what you want. Sure, that one works great for certain types of animated graphics, 'cause it's made out of mosaics, each one containing a fraction of the entire animation, each one containing a fraction of the data, working almost like a mechanical type of image compression without data loss and it's great, I really applaud and respect the decisions of that designer/webmaster. But if you want a single uninterrupted image or a longer animation, a giant animated gif will not cut it and an embeded video lacks the interactivity.
Now, if you know a way of doing so, please let me know, I'd love to learn from you 'cause I was actually looking for alternative ways of making animated websites that would be cross-device compatible.
Comment
-
Originally posted by redcrowdesign View Post1. Flash may be out-dated but nothing else would give you the level of interactivity and animation that Flash offers (except for Javascript+HTML5, which is just a lot of work).
Originally posted by redcrowdesign View Post2. Recreating this in HTML5 with Javascript would take me roughly 15 minutes with Adobe Edge or similar software. And yes, I agree, it's not supported by Smartphones, only by iPads. But then again, most sites designed specifically for Smartphone look like something made in the early 90's, having all your website versions looking like that may be great for some but I personally like high-end stuff.
Originally posted by redcrowdesign View Post3. The best and simplest way to do this is using animated gifs on a table. Sure, it's an outdated method, but it's the oldest trick in the book and most likely all browsers will render it correctly, while CSS has slight differences in the way it's rendered in different browsers.
Originally posted by redcrowdesign View Post... Sure, that one works great for certain types of animated graphics, 'cause it's made out of mosaics, each one containing a fraction of the entire animation, each one containing a fraction of the data, working almost like a mechanical type of image compression without data loss and it's great, I really applaud and respect the decisions of that designer/webmaster.
Originally posted by redcrowdesign View PostNow, if you know a way of doing so, please let me know, I'd love to learn from you 'cause I was actually looking for alternative ways of making animated websites that would be cross-device compatible.
Then Here, http://coding.smashingmagazine.com/2...ve-web-design/
Then Here, http://jquery.com/Last edited by MovieRelics; 05-27-2013, 09:42 PM.News and event coverage from directly inside the Haunt Industry - http://www.hauntersdigest.com
Get a Website and/or Mobile App for Your Attraction - http://www.charlesterry.com
Comment
-
And how the hell do you say,
Originally posted by redcrowdesign View Post1. Flash may be out-dated but nothing else would give you the level of interactivity and animation that Flash offers (except for Javascript+HTML5, which is just a lot of work).
Originally posted by redcrowdesign View PostRecreating this in HTML5 with Javascript would take me roughly 15 minutes with Adobe Edge or similar software.News and event coverage from directly inside the Haunt Industry - http://www.hauntersdigest.com
Get a Website and/or Mobile App for Your Attraction - http://www.charlesterry.com
Comment
Comment