Design Exploration: Rolando

Rolando is a fun (and kind of creepy) website for the Brazilian film director Rolando Mendez. This website uses Flash to create a different world and super interactive for your visitors. Romance, terror, comedy and other genres are all mixed together.

Upon entering the site you’re instructed on how to navigate by flying around with the (baby-Cupid thing) using the keypad. As you fly around, you click on many of the objects to reveal certain parts of his website: his portfolio, film awards, contact info, etc. I think it is really cool how you find out that some pieces can move and create different sounds, that is what makes the website more interesting in my opinion, you will find yourself clicking in everything to find out if anything happens.

If you get tired of flying around, you can just use the floating drop down menu on the top left at any time.

                          

I think this is very creative idea to present a portfolio. The elements in the website have the contrast of each movie genre but still are connected in the same design style and despite the whole idea feels different and a little bit weird, the interface is easy and clear.

Redbull Soapbox Racer

http://www.redbullsoapboxracer.com

This is the Red Bull Soapbox Racer interactive site! You can race against the Bull. You can register to build and save your own soapboxes,  but you can race people from around the world. You can as well invite friends and registered users to race with you.  The site is easy to navigate and the interactive media on site is sweet! Start your engines and race the interactive way and design and build your custom ride!! You can as well build your own racing tracks!

Resource Exploration- Bickford

For my first blog post I will be doing Resource Exploration:

Animation Magazine: This site I found helpful because it not only show cases different animators but it also has articles on new techniques, links to other helpful resources for the animator and it also has a section for employers to post job postings from all over. It also gives information on Animators conventions or other digital conventions that animators can attend to learn about new and upcoming techniques. 

The preceding three web sites are great sites to refine and re-learn the how to's in Flash Animation. These sites give in depth tutorials in all that is flash.

EchoEcho: I found to be very informative. It has a bit of education and explanation of flash for the beginner. It explains how to use the flash tool box and how to draw basic lines and shapes. It has tutorials on buttons (simple and advanced), tweens and most of the basics of working in flash. And lastly it shows you how to allow flash and javascript to communicate.

Entheos: This site has a ton of tutorials on flash. It gives you how to's on all the basics such as tweening, motions, masking and working with layers. It also has tutorials on other animations and effects that you may want to use in your animation. The one thing that I really like about this site is it provides pictures of what your screen should look like as you progress in the tutorials. For the rest of you techies out there this site has tutorials in Dreamweaver, Fireworks, Photoshop, CSS and more!!!

The Flying Animator: In this web site of tutorials they go into depth on basic animation and also the run and walk cycle. Animating a butterfly, a cat, and a bunny rabbit. One thing that this site does that I did not see on the others is that it posts links to free software for animators. 

http://24hoursofhappy.com/

So this site made me smile after looking through some pretty horrible flash sites that are not worth mentioning.  24hoursof happy was just that and if you wanted to watch all of it at one time, well you better be prepared to sit for...well 24 hours.

The essence of the site is simple but you can tell that lots of talent was required to create the page. The page features the Happiness by Pharrell Williams and you can move through time to the minute to see different scenes and different people dancing and lip-syncing to the song.

It gives you the option to watch from 360dpi, 420dpi, 760dpi and 1080 as well as an opportunity to leave comments.

Its just enjoyable!!

Pat

Design Exploration

This website stood out to me because from entering the website it is already visually captivating and there are interactive banners to scroll through, introducing you to the characters of the park. When you "reveal the story" It shows a short video and then Fantasyland is taken over by a curse. So throughout the journey through the site it starts to reveal the story to you and it's like your going through an adventure and helping the characters in the site out while getting to know more about the park. It's almost like a video game as you adventure through the park. I like it because it is complicated and it appeal to all ages. It's unique and beautifully made. Or maybe I'm just biased because I love Disney. 

Click here to reveal the story.

Happy

I stumbled on this awesome video and my wife said she had been looking for that song for a month since she had heard it while in France. Of course when we went to YouTube there was 66 million views already. Thats just like me to be out of the loop on things like this.

This artist has made the first 24 hour music video and incorporated flash into his website. I am a pretty simple guy and this is a simple yet effective flash site. The site loads and gets straight to the point - music. I love music and video so this is what attracted me to it. The yellow circle represents a clock that you can skip to different times with. The times represent time of day and you can see that by the daylight that is shown in the video. I think one of the best aspects of the site is that you can go to other peoples comments and see which part of the 24 hour video they like best, and by clicking on that comment it will take you to what they are talking about. The buttons on the clock are not invasive and only get larger when you hover over them.

The song is called "Happy" and the vibe that it gives is just that. 

This site has inspired me to incorporate flash into the videos that I create. I think the artist wanted to create the site to be the first one to have a 24 hour music video, and incorporated the flash into it so the user could be more connected to the video.

Jastin DeMeo

Mella's Observaions

My Observations

While doing research for this blog, I enjoyed poking around many animation sites.  It was pretty time consuming and challenging trying to find animation I was interested in. I am not really interested in the majority of flash animation projects that seem to be popular now, blowing things up, killing, off characters, dark satire, or cartoons that appeal to the lowest common denominator. 

I enjoy subjects that are deep, thoughtful, humorous, mind expanding, inspirational, tender, emotional, things that make you pause and reflect on the human condition.  I like to explore the meaning of life, expansiveness, and elevated consciousness, while laughing at the observations.

My first thought was to Google “Poetry set to Animation”.  Most of the animation subjects that came up were dark and depressing. 

http://laughingsquid.com/to-this-day-animation-set-to-spoken-word-poem-about-bullying-by-shane-koyczan/

I remembered a poem/animation I saw almost a year ago that moved me in a profound way, "To This Day".  “It stuck with me.”  I thought at the time, the animation was powerful.  The message was strong.  The pace, tempo, and rhythm, of the audio combined with the animation visuals provoked high emotion. The narrator of the poem fluctuated between being contemplative and innocent at times to loud, angry and defiant at times.  The style of the illustration timing, combined with the colors, contributed to the tension of the content.

I was struck buy sadness and empathy for the subject.  That poem stuck in my consciousness for months.  I’ve never experienced what the author went through yet I completely understood their feelings and had compassion for their perception of their reality.

“Bullying” by Billy Collins

Karate Chops-Pork Chops

I found a nice site called  “Short of the Week”: http://www.shortoftheweek.com

This website had a number of different styles of animation.  The animation shorts intrigued me.  The following animation is simple.  It reflects the perils of human greed.  Jossie Malis uses powerful ‘simple’ graphic animation style, along with interesting uncomplicated sound track to tell the story of human evolution and its effects on religion and industry.  I found it humorous and poignant.

http://www.shortoftheweek.com/2007/03/31/bendito-machine-jossie-malis/

The following animated movie just cracked me up.  It touched on subjects that are close to my heart, and was presented I an unapologetic, mater of fact sarcastic tone.  

 Tim Minchin’s STORM: the Animated Movie.  Tim Minchin’s poem is a reflection, of an evening dinner conversation about spirituality and the age-old battle between spirituality and science.

Tim Minchin, is popular in Australia as a comedian/musician/actor, and here he writes and recites a humorous poem in the beat-style, recounting a dinner party in which he cannot refrain from verbally attacking a hippy-dippy guest for her mysticism, in favor of his rationalist, scientific worldview.

https://youtube.googleapis.com/v/HhGuXCuDb1U?autoplay=1

In conclusion, I am beginning to get a feel for the type of animated media I enjoy.  My intent is to deliver, thoughtful, thought provoking, inspiring, and humorous animations.

Mella



Referal sites for presentation:

To This Day, Animation Set to Spoken Word Poem About Bullying by Shane Koyczan

“To This Day” is a spoken word poem by Canadian poet and writer Shane Koyczan that explores the “profound and lasting impact that bullying can have on an individual.” Volunteer animators and motion artists got together for the To This Day project and animated Koyczan’s poem. The final piece is powerful and lovely.

http://laughingsquid.com/to-this-day-animation-set-to-spoken-word-poem-about-bullying-by-shane-koyczan/


Moving poems

http://www.motionpoems.com/?p=292


Muse - Soldier's Poem Flash Animation

http://vimeo.com/51355612


May a nelson Mandella Poem

http://www.washingtonpost.com/blogs/answer-sheet/wp/2013/12/07/video-maya-angelous-moving-tribute-poem-to-mandela/

Michael Parks, Illistrator, Sculptor.

http://www.borsini-burr.com/cm/Artists/Michael%20Parkes.html

Artist Exploration: Larry Carlson

I have always enjoyed a little surrealism from time to time. As I explored Flash animations on the web I came across the artist, Larry Carlson.
In his bio it states that he is a "A pioneer in experimental multimedia web-art, he first started exhibiting his artwork online in 1997. In 2000 Carlson published the legendary art web sites Virtual OM and LarryCarlson.com which featured his original full screen psychotropic entertainment."

On his site he has a prolific collection of surreal Flash animations. Some are interactive and some are not. He uses his experience as a collage artist to create a mixed media feel using bitmap and vector images. The pieces have themes but do not follow classic storytelling principles. The user will find themselves hovering and clicking away to see what strange thing will happen next. He uses the nesting idea to full purpose. A movieclip of a bear can be seen bouncing along in a transparent orb. Barns and duck heads grow into tree shapes by reproducing themselves in different sizes and stacking away. 
A good example of rotoscoping can be found in "Amsterdam Doors."

He uses animated text and lots of buttons with hit areas to start animations within animations and will have the user chase objects around the screen with no hope of catching them.

I had a lot of fun checking these out. It is a good example of the creative possibilities Flash offers.

Exploration #1 - Resources

As someone who works mainly on the web, there is a multitude of sites out there to help me when I need to learn something new or to look up a reference.  I've picked some of my favorite sites to share with the class and here they are in no particular order:

• http://www.lynda.com/
• https://tutsplus.com/
• http://css-tricks.com/
• http://teamtreehouse.com/
• http://www.codecademy.com/
• http://stackoverflow.com/

All of these sites have their pro and cons. Some are free while others require a paid subscription to gain access to their content.

Lynda.com has a huge amount of information all in video format, however it is a paysite that requires a subscription to gain access to all of their videos. You also have to make sure you are watching things that are up-to-date. However, for multimedia, nothing else online has such a vast collection of information.

tutsplus.com offers tutorials in almost all aspects of multimedia. Design, programming, flash, web design and development, you name it and they most likely have a tutorial on it. The site offers many of their tutorials for free, however you can also pay for their video-based content. This site has a wealth of information that really can help you get going.

css-tricks.com is a fantastic resource for css. All the information on the site is free and they offer many tutorials and a well documented glossary in all things web design and development. Many of their mini-tutorials give concrete examples that have really helped me get out of some tough web design/development issues.

teamtreehouse.com is a newer site regarding programming and web design and development. Everything is video-based and is extremely well produced. However, this high production value comes at a cost, but they do offer a free 14-day trial. They really take you through the process of anything programming/web based and make it easy to follow.

codecademy.com is another great site for sharpening or obtaining web-based skills. With tutorials in HTML, CSS, JavaScript, jQuery, Ruby, and PHP, they take you through the process step-by-step. It offers coding challenges and helping you get yourself into a programmer’s mindset. It’s a free site and can be a great way to get your fundamentals under your belt.

stackoverflow.com is a site where programmers and developers can ask each other questions in an open source forum. I will use this site at times as a reference if I’m unsure of how to do something. Many questions are asked here and many people respond with a decent answer. I have yet to post my own, but that is only because I usually can my answers first.

Well, there you go. Six super useful sites that may help you become a multimedia wizard. Of course, Adobe.com has its own tutorials regarding all their products and they can be useful as well. I just find that sometimes their documentation can be a little too verbose or does not get to the point quickly enough for me. Either way, I hope you find something useful here and of course our own class is another resource to use. We all are in this boat together.

Resource Exploration

Animation help, Jazza teaches about everything when it comes to animation! https://www.youtube.com/user/DrawWithJazza

Another is https://www.youtube.com/user/HuHaTwo?feature=watch

Inspiration is a must so go find what you think looks cool and try to recreate it! Don’t sell it or say that it was your idea but in the process you will learn new things that can help you later.  Some content out there can be offensive or can be perceived as such, don’t be scared to explore why you hate it.

 http://www.deviantart.com/ http://www.newgrounds.com/ http://shadowness.com/

If you don’t know how to mask, make a button, do anything in life ask YouTube.  90% of knowledge can be found there in videos of people trying to help you. The main reason people make help videos is they make the most revenue, YES they make money every time you click there videos. It is in their best interest to give you the best help possible to keep you clicking next. If your one of those who says you can’t believe what is on the internet, you can by testing it. If that fails then you must ask Google.  

Resource Exploration

Kathryn Wilken  MAT -150

 Resource Exploration - Cutting Edge Resources

Back when I was in high school, the computer and its word processing programs were cutting edge.  Fast forward to my senior year in college – the internet was invented – cutting edge.  Today cutting edge is so far away from my norm that I am astounded by what is out there.  My cutting-edge is just being able to see what is going on in the world with the click of a button.  These are my most used sites from a designer and learning standpoint.  The final four are places I go for inspiration and to check out the current landscape in design.

Basic resources I have used on the internet are:

www.MrWallpaper.com – free use of high resolution files for backgrounds

www.u-tube.com  – can learn anything by video

http://www.ehow.com/ - learning by reading

www.Lynda.com   – classes on line $25 per month

As for more cutting edge design I like these four sites.  I go to them for inspiration.

http://www.thefwa.com/

Thefwa is an award site and a job listing site based out of Britian.  Its presentation is brilliant.

http://www.cuttingedge-designs.com/#!services/c1jh6

The Cuttingedge –designs has some really great vision.

http://www.hiero.com/flash-design.html

The hiero is a flash website company that seems to know what is going on.

http://designrfix.com/inspiration/50-awesome-website-design-galleries

Design Fix is a site for showcasing websites.

Design Exploration - Alpina Geneve

LIFE IS VERTICAL.

    The site that i am showcasing perfectly demonstrates the power of HTML5, CSS3, and JQuery. I actually found this site while looking for some tips on how to make my own websites more interactive. While searching I found a JQuery plugin name SuperScrollorama.  In a nutshell, this is a plugin that's already figured out the mathematical equations and coding necessary to add some really good effects to websites. All you have to do is use there code and plugin in the name of the item you wish to add effects to.  While on this site looking at some of the features, I checked out a link to a site that was using it. I chose to go with the Alpina site.
 
      One of the first things that caught my attention aside from the jquery effects will discuss later is the imagery. I believe the graphics artist really made this page come alive with the sharpness of the items and backgrounds on the page. From the planes to the actual items they were advertising, I thought the imagery to be stunning.

     As I continued to pluck and pry around the page, I noticed that most of the content on this website was actual image. Even the text that appears to belong inside <p> tags were actual images. I've thought of designing like this before, but for what little i know about SEO, it didn't seem like a good idea to have a full page without any actual typed content.

    This company sells watches for every occasion for piloting to sailing to deep water diving. They wanted their web page to represent just that. What I really love is the planes that come onto the page as we scroll down. I really just think this site was done really well and it captivates the message the company wanted to get across.