Dosketch un petit dessin à la paint en ligne

Si vous voulez dessiner un petit truc en ligne pour l’envoyer directement avec un lien associé ce petit site internet est pour vous :  dosketch.com

Le principe est le suivant :

  • réaliser un dessin
  • sauvegarder le dessin sur le disque dur
  • créer un lien de partage en envoyer à quelqu’un.
  • La personne qui recevra le lien pourra continuer le lien et recréer un nouveau lien de partage
  • ….

On n’est pas dans le grand art, il s’agit des bases rudimentaires de dessin à la souris sur ordinateur.  un truc qu’on faisait déjà sur internet il y a 10 ans.

Ça me fait penser à un jeu où chacun ajoute, un détail à un dessin pour finir avec une oeuvre d’art collective.

dosketch.com (il semble que le site ne fonctionne plus)

 

Création de gif animé pour webmaster : Loading Icon Generators:

Qui  ne connait pas ce signe qui fait comprendre à tout internaute et installeur de logiciel qu’il y a un téléchargement ou une installation en cours. On appelle ça un preloader en anglais et je n’ai pas trouvé la traduction en français.  Ces images sont en fait des gif animés tout simplement. Les créateurs fortunés fabriqueront une animation ultra personnalisée donc unique, les moins fortunés se contenteront de générateurs gratuits et disponible en ligne. J’ai fait une petite cyber-enquête pour trouver les meilleurs générateurs en ligne, en voilà dont la liste. Mon but personnel étant de trouver une nouvelle façon d’agrémenter les billets de mes blogues.

Loadergenerator.com

il s’agit du plus classique des loaders. En effet, on le voit assez souvent. C’est tout simplement parce qu’il léger en poids qu’on le voit souvent, comme on peut voir sur la capture d’écron, on peut régler la taille, le nombre de ligne (lines), la vitesse (speed), la couleur (line color), le fond (background) et les coins arrondi du fond. De plus il y a 7 options de forme. cf mon billet ici

Ajaxload.info

Créé en 2007, ce site est le plus connu. Plutôt facile d’utilisation, il suffit de choisir l’image gif parmi une petite bibilothéque d’icones (indicator type), puis de choisir le fond (background) et le premier plan (foreground) puis de cliquer sur « Genrate it »).  Une fois que le gif tourne, enregistrez-le (downlaod it).

Voilà quelques exemples créés à partir du site.

 

 

gif animé barre

gif animé pacman

Chimply.com

La rolls des preloaders, Les échantillons sont nombreux et leurs looks sont un peu moins « vieillot » que la première trouvaille. Et oui! Même les preloaders changent de look en fonction de la mode.

création de gif animé avec chimply

Les options sont plus nombreuses et les paramètres avancés permettent de faire des réglages comme la vitesse de défilement du gif, le sens de défilement, le nombre de points… . Sur ce site vous pouvez également créer des bannières animées et des boutons. Il y a également un éditeur en ligne pour les plus habilles.

Loadinfo.net

Maintenant qu’on sait comment marche un générateur de preloader, il suffit donc sur ce site, de choisir un des icones de la page d’accueil et de régler les paramètres de couleur et de taille.

gif animé échantillons

Preloaders.net

Si vous n’êtes pas pressés, vous pouvez essayer ce service en ligne qui offre une grande variété de preloader et d’autres goodies de gif animés. Quand je dis « pas pressé », c’est que lors du test, le service était d’une lenteur infinie. Il s’agit peut-être d’une petite défaillance passagère.

casque gif animé

Cssload.net

Ce site ne génère pas de gif animé mais un code CSS à inclure dans une page internet. C’est plutôt le coin des pros.

Prettyloaded.com

Sur le musée des préloader, vous pouvez voir des exemples complètement personnalisé  sur ce site, mais il n’est pas possible de récupérer le gif, c’est juste pour s’inspirer.

Petite conclusion

Voilà la fin de cette liste. Finalement, ce genre de service n’est pas forcément dédié au webdesigner, vous pouvez très bien créer ses gifs pour agrémenter vos blogues et autres pages de réseaux sociaux.  Le gif n’est pas mort! 

remis à jour le 22 10 2012

Incrustez vos présentations 3D dans votre site ou blogue avec Bevelity

Il y a quelques jours j’annonçais ma nouvelle passion pour Googlesketchup, le logiciel de création d’objets d’architecture 3D.   C’est bien joli de créer des modèles d’objets en 3D, mais comment donc intégrer des objets 3D dans un site ou un blogue?

Aujourd’hui quand on achète un produit en ligne, la plupart du temps, on se contente d’une ou plusieurs photos, mais très peu de présentations 3D sont disponibles, ce qui est fort dommage. Heureusement il y a des solutions sur internet et en plus certaines sont gratuites comme celle que je viens de découvrir sur bevelity.com.

Ce service permet d’intégrer une présentation 3D à incrusté dans un blogue ou une site en format iframe. Il est possible d’importer vos objets 3D à partir des logiciels de création 3D (3dsMax , Maya, AutoCAD, SketchUp, Photoshop, Blender, SolidWorks , Lightwave, Softimage).

 

Il est possible de faire tourner l’objet avec la souris ou encore laisser l’objet tourner tout seul. Ainsi l’internaute pourra faire une visite de l’objet à sa guise.   On peut voir dans la capture d’écran qui suit, qu’il y a les bones options de partages vers la plupart des réseaux sociaux et une option d’envoi par courrier également.

 Sur le site il est possible de programmer l’orientation de l’objet comme on veut, avec la lumière adéquate et les mouvements de caméras programmables. Il faudra néanmoins passer un peu de temps pour maîtriser tous les paramètres afin d’optimiser  la présentation. Dans l’exemple qui suit j’ai mis des oeufs sur le plat en guise de fond.

Pour utiliser l’outil, j’ai sauvegardé mon fichier google sketchup avec le format  .kmz. Pour information le format kmz est le format  utilisé dans google Earth pour la présentation des objets en 3D. Ensuite, il suffit d’ouvrir l’outil bevelty et de faire un « glisser-déposé » le fichier .kmz dans l’espace de travail. Ce n’est pas plus compliqué que ça. Pour commencer à utiliser l’outil, il y a 6 tutoriels en anglais qui explique les bases (importation, partage, sauvegarde, manipulation de l’objet (library)  et des scénes.

En tout cas, pour les professionnels je trouve cet outil plutôt réussi et relativement simple d’utilisation. Le plus dur reste tout de même de créer les objets 3D!

http://app.bevelity.com/ (ne fonctionne plus) essayez donc le lien http://www.cl3ver.com/

 

 

Pin It on Pinterest