Cocktail Web » Art

Dessin Récursif

Thierry Roget — Tue, 15 May 2012 12:15:22 +0000

Je viens de passer de longues minutes pour dessiner avec recursivedrawing.com. Cet outil est expérimental, il est donc peu exploitable. Je n’y ai vu que le côté ludique et pas le côté scientifique. Il s’agit à partir de formes simples de dessiner des choses complexes et surtout des choses qui se répètent à l’infini comme un peu le fractal. Pour mieux comprendre comment dessiner avec cet outil en ligne, il faut absolument regarder la démo de l’auteur.

Après quelques essais, vous allez réaliser de figures plutôt cools pour agrémenter vos blogues! Pour récupérer les dessins, il faut faire une copie d’écran. (cf mon tuto sur le sujet : ici)

En tout cas, voilà ma petite galerie créée à partir de l’outil.

même un geek peut devenir un artiste

recursivedrawing.com

Dessin Récursif est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Créer des objets 3D avec 3dtin

Thierry Roget — Wed, 09 May 2012 14:19:49 +0000

Dans le cadre de mon activité de blogueur, j’utilise différents outils pour agrémenter mes blogues. J’utilise beaucoup les nuages de mots. Mais ça ne suffit pas. J’ai donc testé récemment le site 3dtin.com (sortie en juin 2010). Qui permet de créer des dessins en 3D et de les faire pivoter dans tous les sens pour obtenir le meilleur rendu possible.

Ce qui m’intéresse le plus particulièrement c’est l’option texte. Avec 3DTIN, il est possible d’insérer des mots à 10 lettres maximum pour fabriquer un slogan, un logo, comme dans l’exemple qui suit. (textvoid)

Et l’exemple qui suit en formrt Text

Pour obtenir ce type d’effet il faut aller dans l’option Text Templates.

et Taper un texte de 10 caractères maximum. Dans un premier temps on laissera les parmètres width, height,thickness et font par défaut.

Une fois qu’on a terminé l’objet 3D, il est possible d’exporter l’objet vers des services d’hébergement 3D. Dans mon cas, j’ai préféré faire une copie d’écran en appuyant sur la touche “imp.écr” sur mon clavier. Si vous ne savez pas faire de copie d’écran suivez le tutoriel de “copie d’écran sur 01photo.org“. Il y a égalemlent la possiblité de télécharger l’objet sur votre pc directement . Sélectionner l’icone export (1), sélectionner PNG (2), Sélectionner “Download” (3).

Ce logiciel est facile d’utilisation. Pour aller un peu plus loin, il suffit de cliquer sur toutes les options possibles. Comme tout bon logiciel!

Pour illustrer un peu mieux la chose, vous pouvez suivre le tutoriel vidéo que j’ai créé à l’occasion.

Créer des objets 3D avec 3dtin est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Les logos des grandes marques internet en fashion

Thierry Roget — Mon, 23 Apr 2012 13:55:40 +0000

L’art numérique passe par les logos qui sont transformés par des artistes. Dans cet exemple, c’est la mode qui est à l’honneur. Le designer s’appelle Victor Faretina et sa page sur deviant art est sur http://neko-vi.deviantart.com. Plutôt une bonne idée pour créer un buzz sur internet. En tout bravissimo!

Tumblr in Fashion by *Neko-Vi on deviantART

MSN in Fashion by *Neko-Vi on deviantART

Wikipedia in Fashion by ~Neko-Vi on deviantART

Yahoo in Fashion by ~Neko-Vi on deviantART

Twitter in Fashion by *Neko-Vi on deviantART

YouTube in Fashion by ~Neko-Vi on deviantART

DeviantArt in Fashion by *Neko-Vi on deviantART

Google in Fashion by ~Neko-Vi on deviantART

Facebook in Fashion by ~Neko-Vi on deviantART

Megaupload in Fashion by ~Neko-Vi on deviantART

via kenz0.s201.xrea.com

Les logos des grandes marques internet en fashion est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Peindre en ligne avec yourinfinitepainting

Thierry Roget — Mon, 23 Apr 2012 13:26:53 +0000

Peindre de l’art abstrait en ligne n’a jamais été aussi simple avec internet. Si, pour certains sites, il faut un peu d’expérience pour obtenir un résultat, en revanche, pour d’autres sites, il faut juste faire bouger la souris pour obtenir de belle toile de maîtres! C’est le cas de yourinfinitepainting.com qui permet avec un peu de patience de faire de l’art totalement abstrait avec des rendus de couleur plutôt agréables.

Si on reste pendant plusieurs minutes à touiller avec la souris sur l’animation, les motifs changent, les couleurs changent et on peut même effacer ce qu’on a fait avec une phase de blanc qui apparaît de temps en temps (il faut juste être patient), c’est presque qu’infini, c’est pour ça qu’on appelle ça yourinfinitepainting.

Il n’y a pas d’option pour faire une sauvegarde, en ligne, il faudra faire une impression d’écran, comme je l’explique sur mon blogue photo. (copie d’écran)

Voilà donc une copie de toutes mes toiles fabriquées pendant l’élaboration de ce billet. Pourquoi pas illustrer votre blogue avec ce genre dessin?

Peindre en ligne avec yourinfinitepainting est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Pictotool: créations messages symbolisés

Thierry Roget — Wed, 04 Apr 2012 13:46:03 +0000

Nous les blogueurs et artistes numériques en herbe, on a toujours besoin d’illustrer nos blogues avec des images. Il faut tout de même faire attention que les images qu’on diffuse soient libres de droit et au minimum, il faut citer sa source. On peut toujours créer des images assistée par ordinateur et c’est ce que propose pictotool.com en offrant de fabriquer des images rudimentaires avec des symbôles des icônes et des lettres. Ce n’est tout de même pas très web2.0! En tout cas, ça permet de nous obliger à synthétiser une idée.

Choisir un modèle de picto, taper un texte, trouver le bon symbole, la bonne couleur, la bonne taille… et hop! Voilà une liste de picto réalisé pour le test. Une fois le picto réalisé, il n’y plus qu’à sauvegarder l’image sur le disque dur.

pictotool.com

Pictotool: créations messages symbolisés est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Visite virtuelle de la maison blanche

Thierry Roget — Wed, 04 Apr 2012 00:32:19 +0000

Plutôt sympatique la visite de la Maison Blance à Washington DC. C’est disponible sur google map ici et sur googleartproject ici

Avec comme exemple le salon rouge

Le salon bleu

Le salon vert

Le salon jaune

La bibliothèque

Bon, ensuite je me suis dit qu’il devait y avoir des détails quelque part sur certains objets. Exemple ces deux bergères de la salle bleue.

Je les ai retrouvées sur googleartproject.com où j’ai pu zoomer à fond pour y voir les moindres détails.

Dans ce cas il vaut mieux se rendre sur googleartproject.com…bergere-pierre-antoine-bellange . Il suffit de cliquer sur les petites croix pour trouver son bonheur.

d’autres liens babylonbaroque.wordpress.com/category/white-house/

inspiré par et via googlemapsmania.blogspot.com

Visite virtuelle de la maison blanche est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

4 sites + 1 pour trouver des tableaux, des oeuvres d’art et des archives

Thierry Roget — Tue, 03 Apr 2012 20:23:56 +0000

Je ne supporte pas les musées, mais depuis l’arrivée d’Internet, j’apprécie de plus en plus l’art, du fait qu’il est à portée d’un clic de souris. Pas de gardien qui te surveille, pas de guide qui t’endort, ouvert 24/24 et gratuit. J’oublie qu’il n’y a pas besoin de payer le transport, ni l’hotel, tout se passe chez moi.

Googleartproject.com/artworks

On ne peut pas rêver mieux pour s’approcher des oeuvres qui sont en ligne (le zoom avec la souris est extra ordinaire. En plus, il n’y pas de gardien qui va te dire de ne pas trop approcher la tableau. Un très bon moyen de découvrir des oeuvres: exemple la tour de babel que j’ai scruté pendant une bonne vingtaine de minutes.

Browse.deviantart.com

Pour faire un court résumé. Tout ce qu’on ne trouve pas sur googleartproject on va le trouver sur ce site. Devientart est le réseau social des artistes. C’est la référence.

Europeana.eu/portal

La vieille europe, possède des archives surprenantes, on y trouve pas de l’art sur ce site, on y trouve peut-être à peu près tout, comme à la Samaritaine. Quand on fait une recherche du type encyclopédique, il ne faut pas oublier de passer par ce site.

Wikipaintings.org

Googleartproject.com est loin d’être complet et Wikipaintings.org le complète parfaitement. Normalement si vous êtes curieux vous aller passer quelques heures sur le site.

Humanline.com

Si les 4 sites ci-dessus font partie de mes sites préférés, en faisant une petite recherche, j’ai découvert humanline. Voilà donc le joker de la liste.

N’oublions pas qu’il n’y a pas que wikipedia sur internet, il y a bien plus!

4 sites + 1 pour trouver des tableaux, des oeuvres d’art et des archives est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Comment faire un nuage de mot(s) dans un mot [tuto]

Thierry Roget — Mon, 02 Apr 2012 13:24:51 +0000

J’ai eu une petite commande récemment qui consistait à insérer une nuage de mots dans un mot. J’ai choisi le mot AMOUR (1) pour l’exercice.

1) fabrication de la bannière

1) aller sur le site gzaas.com. Ce site est normalement fait pour envoyer des twitts. Mais je l’utilise pour fabriquer mes vignettes. On pourrait utiliser un logiciel de retouche photo quelconque et ça marcherait aussi bien, mais avec gzaas.com, on a tout de suite des énormes caractères bien utile pour l’exercice que je propose.

Dans l’exercice il faut choisir, une police convenable (chewy ((2), des lettres en noir (3) et un fond blanc (4)

Il faudra ensuite faire une copie d’écran. (si vous ne savez pas faire une copie d’écran, vous pouvez suivre le mode d’emploi sur 01photo.org/copie écran)

Ensuite, je lance le logiciel photoscape (liste de sites pour télécharger photoscape) et rogner la copie d’écran, puis appuyer sur Enregistrer (en bas à droite). De préférence, enregistrer le fichie en PNG pour éviter la perte de qualité.

Et voilà le résultat de l’image récupérée.

2) Fabrication du nuage de mots

Pour faire un nuage de mots plutôt sophistiqué, il faut aller sur le site htagxedo.com. Appuyer sur Load… (1) et écrire le texte qui va figurer dans le nuage de mot (2). Dans l’exercice, je n’ai mis que le mot AMOUR. Cliquer sur “submit”.

Vous allez déjà avoir un beau résultat avec la forme par défaut, mais il faut maintenant créer le nuage de mot dans l’image avec le mot “AMOUR”. Cliquer sur shape (1) et add image (2) charger donc l’image que vous avez fabriquée . Notez qu’il est possible de cliquer sur l’option Add word…. mais le résultat est moins joli.

Ajuster si nécessaire les paramètres comme blur (1) qui permet de grossir les caractères, puis appuyer sur Accept (2).

En travaillant les différents paramétres, vous arriverez un résultat convenable comme

Une fois terminé le travail, vous pouvez sauvegarder votre oeuvre dans l’option (Save|share|print)

Le résultat du travail est disponilbe sur http://i.minus.com/kTAiNhEz4WtV.jpg libre de droit, et libre de diffusion.

D’autres essais!

Comment faire un nuage de mot(s) dans un mot [tuto] est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Créer un logo gratuit (5 créateurs en ligne plutôt sérieux)

Thierry Roget — Fri, 16 Mar 2012 13:24:32 +0000

Créer un logo pour un blogue ou pour un site professionnel, n’est pas forcément une chose simple. Mais avec l’Internet, les aides en ligne pour créer des logos gratuitement se sont multipliés. On peut même obtenir un logo avec un look assez professionnel sans trop être calé sur le sujet. Avant de payer une société pour réaliser un logo, je conseille tout de même de tester les solutions gratuites de cette liste très sérieuse.

Logotypemaker.com

Ce site de création de logo, est d’une excellente facture et devrait déjà suffire pour créer un bon logo avec votre marque ou votre nom. (banc d’essai ici)

Onlinelogomaker.com

Ce site de création serait peut-être le meilleur de tous les sites gratuits de création de logo. Il n’est pas utile de créer un compte pour un usage non régulier. Il y a une bibliothèque d’objet classés par thème. Vous avez la possibilité d’insérer vos images et le résultat est en png. Excellent site pour s’inspirer.

Icon-generator.net

Entre logo, icone et bannière, on peut se perdre un peu. Sachez tout de même qu’il est important, de créer plusieurs formats pour un logo. En effet, un logo peut prendre différentes tailles et formats à adapter en fonction des besoins (cartes de visites, publicité, signature, bas de page, widget…) Avec ce site on nous propose 5 formats carrés de (512×512, 256×256, 128×128, 48×48, 32×32, 16,16) et 4 type de logo. Personnellement j’utilise ce site pour la fabrication d’encarts publicitaires. (déjà parlé sur ce blogue ici)

Socialmedia.trademarkia.com

Le logo rime souvent avec un texte, le nom de la marque! Il est donc naturel de trouver de sites internet qui génère des Logo à partir d’un texte. C’est ce que fait ce site et il le fait bien. Libre à vous ensuite de récupérer le logo et de le retravailler sur un logiciel de retouche photo

Supalogo.com

Sur le même mode que le site précédent. Taper le texte et choisir parmi les nombreuses options, puis télécharger le résultat. Dans l’option PNG transparent, vous pourrez superposer le logo sur une photo par exemple, ce qui donner un meilleur effet qu’un logo non transparent.

Créer un logo gratuit (5 créateurs en ligne plutôt sérieux) est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

No related posts.

Ascii ART: 12 générateurs de texte à partir d’une image

Thierry Roget — Tue, 28 Feb 2012 12:51:21 +0000

L’ascii art est l’art de représenter des images en caractère classique d’imprimerie. Il n’est pas facile, voire impossible de faire ce type d’art, à la main. Il est nécessaire de passer par une application informatique. L’Ascii art est vieux comme l’informatique et on pourra lire en détail l’histoire de l’ascii art sur wikipedia.org : Art_ASCII.

Personnellement j’ai découvert ce truc en 1979 quand j’étais étudiant en électronique. Dans la série nostalgie, voilà donc une compilation des applications web qui permettent de transformer une image en un ascii art.

Textify.it

Cette application est la plus sophistiquée de la liste. Elle ne se limite pas à transformer une photo en texte, mais ne permet pas de récupérer le code ascii. C’est mon application préférée.

Text-Image

Vous avez 3 choix sur ce site, la transformation en code html, en code ascii et en matrix.

Asciichinois

Choisissez l’url d’une photo, choisissez l’idéogramme et générer une photo en ASCII chinois (si on peut dire que l’ASCII chinois existe)

Glassgiant

Trouver l’url d’un photo ou téléverser une photo et transformer la photo en pur ASCII. choisir le nombre de caractères et la grosseur pour un résultat plus fin. L’intérêt du résultat, c’est que vous pouvez copier les caractères directement et coller dans un mail par exemple.

ASCII Art

Choissir une qualité de 1 (meilleure qualité) à 5 (moins bonne qualité) et créer un bel ASCII ART

Slimshady451.free.fr

Beaucoup d’options sur ce site et surtout la possiblité de récupérer un code html. Dans l’exemple, j’ai pu personnaliser le caractères “rogebiz”.

sporkforge.com

Cet outil vous permettra de réduire l’image à un format très raisonnable pour copier le code sans problème de retour à la ligne.

PicASCII

Plutot restreint en taille, avec un résultat soit en couleur soit en noir et blanc

DeGraeve.com

Degraeve présente une foule d’outils utiles dont la transformation d’une photo en code ascii. Il n’y a plus qu’à copier le texte. Ou faire une capture d’écran.

Lunatic

L’image n’est pas de très bonne définition sur ce site, mais la code est facilement copiable dans un mail ou sur un forum.

MasterVB.net

Typorganism

Il faudra déjà réduire la photo aux dimensions 60×50 pixels pour réaliser la transformation. Ce qui est peu pratique.

ce billet est une mise à jour d’un vieux billet déjà écrit sur ce blogue sites-pour-texturizer-votre-photo

Crédit photo à choisir sur : tineye.com

Ascii ART: 12 générateurs de texte à partir d’une image est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

10 sites pour créer des bandes dessinées sur internet [4Maj]

Thierry Roget — Wed, 28 Dec 2011 11:00:34 +0000

Créer une BD, bande dessinée n’a jamais été aussi facile aujourd’hui grâce à internet. Bien sûr, vous n’allez peut-être pas devenir aussi célèbre qu’Uderzo, mais au moins vous allez pouvoir agrémenter un blogue, une présentation powerpoint, créer un buzz autour d’un truc humoristique… et comme on dit qu’un dessin vaut mille mots alors il ne faut pas hésiter à se lancer. Malheureusement, google lui ne comprend rien au dessin, il faudra dont toujours écrire un peu pour vous faire remarquer.

Je viens de mettre à jour cette fiche avec trois sites de bd. Pixton, Toondoo, Garfield,toonlet

Pixton.com

Un des sites les plus complets pour créer une bande dessinée. Il y a une version française, ce qui est encore mieux. Si on veut approfondir ce site, il faudra y passer du temps.

Toondoo.com

Ce site semble être le meilleur en terme d’options, même pour la version gratuite, avec de nombreux caractère, un grand nombre d’outils et la possiblité de récupérer la bande dessinée en format image. (png)

Garfield.com/comiccreator

Une figure imposée par la bande déssinée du célébre chat Garfield.

toonlet.com

Plutôt rapide à mettre en oeuvre, vous pouvez également créer votre avatar complètement personnalisé pour créer une BD unique

Stripgenerator.com

Avec ce site vous avez des figures imposées, mais vous avez de quoi créer une belle collection de bd. Ce site est un réseau social et si vous voulez monter dans la hiérarchie, il faudra faire des amis et commenter les autre dessins. Vous pouvez également éditer vos personnages pour les reprendre ensuite dans vos histoires.

Superherosquad.marvel.com

Encore une figure imposée et ça changera de la première sélection. Une fois que vous avez créé votre bande déssinées, vous pouvez la télécharger en format PDF.

Makebeliefscomix.com

Sur ce site, un peu difficile à manier vous avez également des figures imposées et une fois que vous avez fini votre comic strip, vous devez sauvegarder le résultat sur votre pc.

Stripcreator.com

Vous pouvez cliquer sur random pour vous inspirer pour une histoire. Ici nous avons le droit à un dialogue ou à un monologue

Myths.e2bn.org

Nous sommes plus dans l’écriture d’histoire que dans la création d’une bande dessinée, mais si vous sauvegardez chaque chapitre et que vous recomposez l’image sur un logiciel de type photoscape (combinaison) vous pouvez recréer une petite bande dessinée

Readwritethink.org

Le résultat parle par lui, même la police et un peu petite, ce qui nous obligera à retoucher l’image, si on veut absolument utiliser ce service. Le résultat est seulement imprimable et dans mon cas je l’ai imprimé en pdf sur mon pc

Revenez sur cet article, il y a de forte chance que je retrouve des sites du même genre et que je refasse une pa

10 sites pour créer des bandes dessinées sur internet [4Maj] est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Fabriquer un logo gratuitement avec logotypemaker

Thierry Roget — Wed, 07 Dec 2011 16:38:29 +0000

Je viens de tester ce service de fabrication de logos ou bannières en ligne totalement gratuit: logotypemaker.com. Très simple d’utilisation, il suffit de taper un mot pour qu’apparaisse de façon aléatoire une série de logos à télécharger .

Une fois que vous avez trouvé le logo qui vous convient en rafraîchissant la page, vous pouvez éventuellement le retoucher pour l’éditer de manière plus personnalisée.

Vous pouvez même télécharger une image afin que votre logo soit unique.

Quand l’élaboration du logo est terminés, récupérez le logo en choisissant :

le fond (transparent, noir ou blanc), je recommande l’option transparant
la taille (la plus grande est conseillée)
et le format (png, pdf, zip). Je recommande le format PNG.

Il est possible également de bookmarquer les logos que vous avez fabriquer pour les reprendre plus tard.

logotypemaker.com

Fabriquer un logo gratuitement avec logotypemaker est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi: