100 Functional Steampunk Gadgets - From Steampunk Gaming Platforms to Steampunk Toilets By: Simal Yilmaz - Published: Jan 19, 2013 Steampunk gadgets are stunning twists to many functional items being produced today. Steampunk is a sub-genre of science fiction that is inspired by the fantasy setting of industrialized British Victorian era within a dark post-apocalyptic future. The variety of products turned into steampunk creations vary form small items such as jewelry and USB keys to major purchases such as Victorian cars and event toilets, tailored for the true troopers. The marvelous fantasy combination of the olden times mixed with a post-apocalyptic perspective on future is artistic and strikingly intriguing, combining every aspect of architecture, art, fashion and culture. Animating Along a Curved Path This demonstrates how to animate the position of an element along a curve. Click the button or drag the dots to see the animation. You can use this example as a tool to find the right XY values for start, end, and control points that will give you the right shape path for your own animation on a curve. The curved line shown here between points 0 and 3 is just for preview purposes, and is not part of animation on a curve. To see anim along a path, click the button above, or drag point 0, 1, 2, or 3. The X and Y of point 0 is [92,103] The X and Y of 1, 2, and 3, are the sub-arrays in array value of "curve:" in the anim.set() Setting up the HTML First we add some HTML to animate. <div class="example"><button id="btn-animate" class='yui3-button'>Animate On Path</button><div id="demo">A</div></div> Creating the Anim Instance Now we create an instance of Y.Anim, passing it a configuration object that includes the node we wish to animate. Changing Attributes Running the Animation Complete Example Source
Splasheo Below are a set of animated outros clips you can add to the end of your videos to make them instantly more effective. For example, they'll help you get more views, more subscribers and also more likes and comments... to name but a few benefits. To view them, simply click on their play buttons (click the full screen icon on the video if you want to see a bigger version). And to download them, simply click on the download button. Outros (Call To Action Clips) The Subscriber Multiplier Booster Add the "Subscriber Multiplier" outro to your videos if you want to automatically prompt viewers to subscribe to your channel and get updated whenever you upload fresh new content. Our tests show a 220% increase in subscribers compared to the previous average! Would you like to have a custom outro with your own text, logo, images and music? The Buzz Creator Booster Add the "Buzz Creator" outro to your videos if you want to automatically get more comments and likes on your videos. The Socializer Booster
My Fanciful Muse: August 2010 I had so much fun creating my first piece of Steampunk art, that I started looking around to see what else I could alter. My hubby tossed me an old 2 GB flash drive he no longer used and told me to go to town on it - so I did. My altered art Steampunk USB Flash Drive Pendant. (Wearable art and a functioning flash drive - I just love a multi-tasker.) I wanted to be able to wear the flash drive as a pendant but needed it to be usable too, so I created it so it attaches via a magnetic connector to the necklace I will wear it on. So, How did I do it? This is what I had to start with. The First Challenge I had to figure out how to get little bugger apart without destroying it. (A tiny flat head screwdriver was gently used to pry it open.) Next I cut out the company logo to create a "window" for my Steampunk display of cogs and wheels and watch parts. I used several types of paint to alter the look of the pieces. I rubber stamped a funky pattern onto the silver metal to give it an engraved look.
Carte de France cliquable en SVG avec la librairie js Raphaël Je vous propose de faire une carte cliquable des régions françaises (hors Dom Tom), le but ici est d’avoir une carte compatible avec les anciens navigateur (oui même notre ami IE) et sur un maximum de terminaux, donc adieu flash (Flash n’étant pas supporté sur les ipad, iphone et Android). On va donc se concentrer sur le format SVG (wikipédia) et surtout pour assurer la compatibilité avec les anciens navigateurs on va utiliser la librairie JS Raphael. Voici les étapes * Volontairement je ne m’étendrais pas sur la création du fichier SVG, mais sachez qu’avec un logiciel de dessin vectoriel comme inkscape, en sélectionnant un objet (les contours des départements par exemple) et en faisant Ctrl+ Maj + X (Editeur XML) la première ligne « d » correspond aux coordonnées dont nous avons besoin. Voilà vous avez téléchargé les fichiers, nous allons créer une simple page web nommée index.html, et un répertoire « js » pour nos fichiers javascript. Créer notre page web : <! Sources :
Download Free Stock Video, Sound Effects, Photos, Textures - cutestockfootage.com 7 Gorgeous icon fonts to speed up your site and your design process TNW first covered the growing popularity of icon fonts back in January, and since then the Web has practically exploded with impressive icon fonts for use in Web design. For those that are out of the loop, you can think of an icon font as a grown-up version of dingbats…with an actual use-case. The core idea is to take a set of icons or pictograms that would normally be implemented as an image or vector file and then convert it into a font. There are many reasons to do this too, according to Pictonic, as an icon font can load as much as 14% faster than images and can to be as much as 90% smaller than SVG files. Now that a ton of options have emerged as popular choices among Web designers, we’ve made this brief list of 7 typefaces to point you in the right direction. If we missed your favorite, please share it with us in the comments below! Font Awesome (free) Font Awesome is an icon font that was designed to work perfectly with Twitter Bootstrap. Fontello (free) Modern Pictograms (free)
Stock Footage, Video Clips, & Royalty-Free Stock Video Footage by Dreamstime Welcome to Dreamstime`s stock footage and video section. Here you`ll find a wide variety of professional SD & HD royalty free video footage to suit all your video production needs. Our talented videographers upload amazing stock footage daily covering a diverse range of subject matter from live action nature footage to abstract production elements Templates After Effects gratuits : 82 titres animés à télécharger Découvrez des templates After Effects gratuits : 9 packs. 71 templates After Effects. 11 templates Premiere Pro. Des heures de travail économisées. En quelques clics, vous pourrez utiliser l’un de ces titres dans vos prochaines créations, tel quel ou en y apportant quelques modifications. Animations de textes classiques ou bien véritables compositions au style bien marqué (comme le premier pack de la liste), cette sélection de titres animés pourra être utilisée dans de multiples contextes. 12 Pop Up Titles (After Effects) 15 titres animés (After Effects) Flicker Lights Titles (Premiere Pro) 8 titres minimalistes (After Effects) Unfolding Titles (Premiere Pro) 10 pré-réglages de texte (After Effects) 6 titres animés (After Effects) 10 animations de typos (After Effects) 10 templates de texte animé (After Effects) 3 tuto pour débuter sur After Effects et perfectionner vos animations de texte Tuto Gratuit : Initiation complète d’After Effects (3h53mn) – Gratuit Voir la table des matières du tuto
55 Tutos After Effects Ces tutos After Effects sont faits pour les personnes qui souhaitent améliorer leur compétences graphiques. Voici une liste des meilleurs tutos After Effects avec des techniques utilisées dans le cinéma actuel : 1_ Bienvenue dans After Effects Le tutoriel ci dessous explique comment naviguer dans les différents panneaux qui composent d’After Effects. Il apporte également quelques petits conseils pour les workflows. 2_ Travailler avec les masques Les masques sont des outils très importants. 3_ Introduction aux courbes d’animations Les courbes d’animation sont essentielles pour créer un mouvement réaliste. 4_ Effet chewing-gum Dans ce tutoriel vous aller apprendre à donner à vos formes un effet souple. 5_ L’écran vert Avec After Effects si vous utilisez beaucoup de mouvement et d’image vous aurez besoin d’un écran vert. 6_ Exporter des vidéos Il existe de multiples façons d’exporter votre vidéo une fois celle ci finie, mais la meilleure façon est d’utiliser la file d’attente de rendu. 25_ Les Ombres
Helvetica Neue - Free AE Template Animated fonts are a fantastic way to make your videos seem more engaging. The only problem? They can take a lot of time to create by hand. To help you add more lively fonts to your next video, we’ve created a free After Effects template that you can use to add animated text to your next project. Scroll down to download! What is an Animated Font? An animated font is simply a font that has been customized to animate into a scene in a unique way. Downloading the Template To download, click the download button below. Download Here In order to use the template you’ll need to have Helvetica Neue Bold downloaded onto your computer. Using the Animated Font Template Our animated font template is an After Effects template with 43 unique compositions representing every letter, number, and most major punctuation marks. Stylizing the Template By default, the characters in the template will animate in with three shades of blue, with the final character as solid white. Want a new freebie every month?
10 Free After Effects Templates: Typography The following FREE After Effects templates feature creative typography and animated typefaces. Build up your motion graphics library! Whether you are a professional motion graphic designer or a novice After Effects user, the following free After Effects templates make it exponentially faster (and easier!) to integrate animated type into your projects. Want quality After Effects templates and AE freebies? 1. Anodyne is an animated typeface created by the motion graphic experts at Animography. Download Free After Effects Typeface 2. The Mega Title Pack is essentially 100 separate free After Effects templates in one big pack. Update: File Removed 3. Franchise is one of the most popular free typefaces on the Internet. Download Free AE Typeface 4. Alphaballs is a free After Effects typeface that features an organic bubble-based animated font. Download Free After Effects Typeface 5. Type-O-Matic is a free After Effects template that allows users to create their own custom animated typefaces. 6.
Parcourez les millions de clichés du magazine LIFE, classés par Google Google a démontré l'intérêt de sa technologie de reconnaissance de ce qui apparaît dans les photographies avec le projet LIFE Tags, qui attribue automatiquement les bons mots-clés aux photos du célèbre magazine américain LIFE. Une image vaut mille mots, dit-on. Mais pour classer et retrouver des photographies, rien ne vaut une description basée sur des mots-clés, surtout si l’archive en question contient plus de 4 millions de clichés. Pour accomplir ce travail de titan, à savoir associer des termes pertinents en fonction de ce que représente chaque cliché, une intervention humaine n’est pas ce qui constitue l’approche la plus efficiente. La technologie offre heureusement des outils pour automatiser cette tâche : c’est justement ce que Google propose, via son département Arts & Culture. Objet d’un reportage mené par Mashable, ce projet, LIFE Tags, consiste à laisser les systèmes du géant du net mouliner pour produire des tags cohérents avec les photos.
20 meilleures banques d'images gratuites et libres de droits Trouver LA bonne image prend parfois un temps précieux, que l’on pourrait investir ailleurs, comme faire la vaisselle ou sortir pour une simple pause. Choisir une image ne doit jamais se faire à la légère, il faut garder en tête le message que l’on veux faire passer. Que ce soit pour illustrer l’article de son blog, pour la création d’un site internet ou bien présenter un projet décisif, chaque image et photographie aura un impact. C’est sur ces deux constats, le temps perdu et l’importance d’avoir des images parlantes et de qualités, que j’ai décidé de prendre un peu du mien pour vous proposer : Les 20 meilleures banques d’images gratuites et libres de droits, ainsi d’une liste commentée de plus de 60 autres sites d’images gratuites et parfois libre de tout droit d’auteur. Attention cependant à bien lire les conditions d’utilisation.