Blog Perso : Personnalisation Web, PC, Mobile

accueil blog
 » Qui est Jeanviet ? | Vous êtes ici : Blog Perso - Effet d’Ecriture - du style Skyblog au texte 3D animé 

Effet d’Ecriture - du style Skyblog au texte 3D animé

Ajouté dans Customisation, le 8/11/07// par jeanviet

Personnaliser son blog, c’est aussi pouvoir écrire ses articles et titres avec des polices d’écriture diverses et variées pour en mettre plein la vue à son lectorat ! Dans cet article, je vais passer en revue 7 types d’effet d’écriture: du plus simple au plus élaboré, faîtes vos choix…  Il y en aura pour tous les goûts ;-):

  1. effet weirdmaker - pour geeks, fans de msn et skyblog
  2. effet skyblogfader - le dégradé texte du skyblogger
  3. effet ascii graffiti - je graffe avec mes lettres
  4. effet ascii image - une image à base de texte
  5. effet logo web 2.0 - pour être dans le vent
  6. effet gif animé 3D - retour au web 1.0
  7. effet texte 3D animé - pour vos vidéos

Effets Weird, h4xx0r, BrEeZaH

A quoi ressemble les effets Weird, h4xx0r, BrEeZaH ?

normal: blog perso
weird: вℓσg ρєяѕσ
h4xx0r: 8109 p3r50
BrEeZaH: BlOg pErSo

Comment faire un effet weirdmaker ?

J’ai découvert cet effet par hasard dans les recherches apparentées google en tapant "ecriture". Il se décompose en 3 sous-effets:

  • weird (étrange en français, pour génération skyblog et msn) car certaines lettres sont à l’envers (comme cette génération ;-)),
  • h4xx0r (geeks, hardcore gamers), les chiffres remplacent les lettres
  • BrEeZaH (pour la génération Bling Bling), une lettre sur deux  est en majuscule

Si vous souhaitez en faire autant, essayez le weirdmaker generator de Cool Messenger.

Effet Fader Skyblog

A quoi ressemble l’effet Fader Skyblog ?

 B l o g   P e r s o

Comment faire un effet Fader Skyblog ?

Le principe de cet effet consiste à changer la couleur de police de chaque lettre en respectant la logique de dégradé. Soit vous maîtriser le langage HTML, soit l’éditeur de texte de vote blog vous permet de changer facilement les couleurs une à une, soit vous télécharger FaderSkyblog ;-) et là ca va beaucoup plus vite !

Effet Ascii Graffiti

A quoi ressemble l’effet Ascii Graffiti ?

 _____  __     _____  _____
| __  ||  |   |     ||   __|
| __ -||  |__ |  |  ||  |  |
|_____||_____||_____||_____|

Comment faire un effet Ascii Graffiti ?

On pourrait s’amuser à faire tous ces petits traits dans le bloc note.. et on les collerait ensuite dans notre blog… heureusement il existe quelques générateurs où vous n’avez plus qu’à taper votre texte. Ascii Graphic Generator propose une trentaine d’effets ascii graffiti, je vous le recommande !

Effet Ascii Image

A quoi ressemble l’effet Ascii Image?


PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO
PERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSOPERSO


Comment faire un effet Ascii Image ?

Là, nous ne pouvons plus échapper au générateur… J’en ai trouvé un extra: Text-Image Ascii Converter. Charger votre image dedans, le script génère des caractères (vous pouvez définir les lettres à générer) en couleur de votre image… pour coller ça dans votre skyblog, il faut afficher la source de la page et récupérer ce qui se trouve entre

<!– IMAGE BEGINS HERE –>

et

<!– IMAGE ENDS HERE –>

Vous aurez compris que l’effet reproduis une succesion de lettres colorés qui représente notre image source.

Effet Logo Web 2.0

A quoi ressemble l’effet Logo Web 2.0?

logo web 2.0

Comment faire un effet logo Web 2.0 ?

N’étant pas un expert des logiciels graphiques (type photoshop ou the gimp), je vais encore vous proposer de passer par un générateur: Web 2.0 StylR. pour générer un logo web 2.0, il suffit de rentrer votre texte, de choisir une police, 2 couleurs pour le dégradé, et une couleur pour le fonds.

Effet Gif animé 3D

A quoi ressemble l’effet gif animé 3D ?

texte 3D animé

Comment faire un effet gif animé 3D ?

Avec un générateur de gif animé ça va aller encore une fois très vite. Il faut se rendre sur 3D Text Maker, et rentrer toutes sortes d’options: couleur, police, sens de l’animation, taille de la bannière, de la police (c’est vraiment très complet !).

Effet Texte 3D Animé

A quoi ressemble l’effet texte 3D animé ?

Comment faire un effet texte 3D animé ?

Là c’est un peu plus compliqué… mais pas besoin d’être un expert en informatique, il faut juste aller puiser dans chacun de mes tutos

Le but de la manipulation étant d’insérer un logo 3D animé dans une vidéo.

Pour créer le logo 3D animé, rien de plus simple avec Font Magic. Quand vous aurez paramétré Font Magic, il faudra ensuite exporter votre texte 3D animé au format BMP (succession d’une trentaine d’images). Renommez vos 30 images avec Xnview, de sorte que la première image commence par nomimage-0000.jpg et la dernière par nomimage-0030.jpg (si 30 images)… Allez jeter un oeil à mon tuto virtualdub logo (ces commentaire: n°45 et n° 54 vous seront également utiles). Ensuite envoyez tout ça sur Voila Video !

Aller plus loin dans la création d’effet d’écriture !

J’ai mis à votre disposition sur mon site deux petits extras pour vous permettre d’aller un peu loin dans la créativité:

Gsyka (du blog Narrow Street) a également découvert de son côté un effet sympa qui permet de remplacer les lignes d’une image par du texte.


   Vous avez aimé cet article ?

»  Effet d’Ecriture - du style Skyblog au texte 3D animé



Partagez-le sur :

Vous aimerez aussi ces autres articles :

A propos de l'auteur :

Salut à tous, je m'appelle Jean-Baptiste, j'ai 32 ans, jeune marié et jeune papa, je suis l'éditeur de Jeanviet.info / votre guide web et multimédia gratuit et accessible à toute la famille ! Sur ce blog, je partage avec vous tous les sites web, logiciels, techniques qui permettent de personnaliser vos interfaces et supports multimédia : blog, photos, bureau, site, mobile,…





56 commentaires pour “Effet d’Ecriture - du style Skyblog au texte 3D animé”

  1. jihadstyl a dit :
  2. JiHaDsTyL



  3. jalal a dit :
  4. salut cava a tous mes amis



    HellOoW !!

    _Euh c’Est pOouR unE TiiitE PuB [ xD ]

    _ CoOumM’ss reNdU !!

    _ AlleY fAiiiRe uN ToOur sVp ^^

    KiiiiSs =D



    SeY ZoOuLiiii ToOuT sA :P



  5. Anonymous a dit :
  6. vachier mange un osti char de marde



  7. Anonymous a dit :
  8. c nule



    oo sava c pa troo mal !! breff
    aley lachey dey comz sur mon blog tkt komzz 100ù rendu !! >> http://fashiion-styleii@hotmail.fr



  9. bibiene a dit :
  10. salut je trouve se site super bien foutu…………bonne chance



  11. olena a dit :
  12. bref bref bref je nariv pa a fere une ecriture comme sa :
    weird: вℓσg ρєяѕσ
    h4xx0r: 8109 p3r50
    BrEeZaH: BlOg pErSo
    tou sa c du copier coller !!!



  13. lila a dit :
  14. hh C’est huttee allerr sur mon skiaiiee et laissee tout plein de commss e6t puiss ki c’est wwww.mee-self-and-i.skyblog.com



  15. MààLiik a dit :
  16. 59



  17. missludu13 a dit :
  18. bonjour je m’apel ludivine é je nariv pas a ecirre en degrader et aidez moii svp je nariv pas je deja essaye plussieur dan mon blg ms sa na pas marché
    mercii bocoup



  19. jeanviet a dit :
  20. Salut Ludivine,

    Je t’ai préparé une capture video des manips à effectuer:
    Tuto Video FaderSkyBlog



  21. jeanviet a dit :


  22. fashiion-girl a dit :
  23. hellooowww la popullasse pour ceu quii chercheraii des symbole msn ou ect aller dans démarer faiite tous les programes ensuiite cliiker sur accessoires apré outil systeme et apré tables des caractere



  24. famous-bl0k a dit :
  25. http://famous-bl0k.skyrock.com
    Lachez vos coms
    Tous est rendu =D
    Biisous



  26. Emmie-anne a dit :
  27. ses oridinaire



  28. radwan a dit :
  29. slt ca va tout les fille



    http://0beliix-du-14.skyrock.com http://0beliix-du-14.skyrock.com http://0beliix-du-14.skyrock.com X3 rendou no pub no chiffre no arnak



  30. icecream002 a dit :
  31. Biizz maiis HoOtt



  32. Anonymous a dit :
  33. t moche alors taguele



  34. bOurGeOiiiiSiiie-x3.Sky a dit :
  35. sa me tente phAàs =(



  36. Anonymous a dit :
  37. iiii



  38. x3-kriis-x a dit :
  39. slt tout le monde c pour uen ptite pub aller voir mon sky et metter des comme c tout rendu a double ++



  40. rohisamra002 a dit :
  41. slt moi omaima



  42. Kristy a dit :
  43. Bah’ moi je pense que c’est banale tout ça … On trouve ça sur n’importe quel site consacré au blog …



  44. Anonymous a dit :
  45. weird: вℓσg ρєяѕσ



  46. vvvvv a dit :
  47. fg



  48. okey a dit :
  49. mais kan j’instale
    FaderSkyblog
    ça me dit : la langue ne pouvait pas être trouvée



  50. jordane a dit :
  51. oh!!j comprend r1



  52. Sam a dit :
  53. Hmm, intéréssant.



  54. funkygyrl a dit :
  55. coucou



  56. Mathiilde a dit :
  57. ya plu siimple pOuur faiire un degradé il suffit de cliké sur le piitii dégradé sur l’artiicle a cOter des cOuleurs tu chOiisii leii cOuuleurs ke tu veux etc…



  58. Perle a dit :
  59. perle



  60. Anonymous a dit :
  61. gbdetb



  62. abdoue a dit :
  63. exelant blog je veux te dir merci merci 100000000 fois



  64. xFeRiielLe a dit :
  65. ѕαlυυ тoυт lee мooɴde jvιιeɴ ғαιιre υυɴe pтιιтe pùυв poυr мoɴ ѕĸαιιy’ http://www.MamZelLxFeRielL.skyrock.com
    lLàa Biize (lL’



  66. tranch123 a dit :
  67. oué



  68. Anonymous a dit :
  69. moi j aimerais qu il y ait plus de sorte d écriture en inventé ou … mais aussi pas nimporte la quelle il faudrait que lettre se reconnaisse biensur mais moi j aimerais plutot avoir aussi une autre écriture pour le clavier d ordinateur … mais bon les autre choses se sont des choses qu il ne peuvent pas existé mdr



  70. ilzm a dit :
  71. Moi j’utilise le site http://weirdmaker.free.fr/ pour les effets d’ecritures stylé ;)



  72. c rien je me suis tromper a dit :
  73. faites votre chois



    FAITES VOTRE CHOIS



  74. kouiki a dit :
  75. moi j’utilise le site skyblog il y a un truc que j’ai installée !!



  76. Anonymous a dit :
  77. Et La Canadienne c koi ton site



  78. Shazna a dit :
  79. super les liens et tout merci c ce qu’il me manquait pr mon blog



  80. abdellah-bmw a dit :
  81. http://www.abdellah-bmw.skyrock.com
    offre de coms en chiffre



  82. julien a dit :
  83. bonjours , cher meusieur jaimerer faire des grafitie sur mon blog mais je ni y arrive pas merci davance



  84. julien a dit :
  85. SALUT JAIMERER FAIRE UNE SMILER BYE



  86. MISSS a dit :
  87. Sil vous plait, allez sur http://www.monde-kitty1oo.skyblog.com

    ATTENTION: dans ladress, LES 00 sont des oo comme dans Zorro



  88. cassou36 a dit :
  89. cOuCouX vOiiLaa MoN StYlE d’EcRiTUre!! =))



  90. La-belle-G00SS a dit :
  91. Salùùùt les Pove’ gens =)



  92. redouane a dit :
  93. hamza



  94. lolacara a dit :
  95. Jeanviet pas mal le tuto, par contre evite de ruminer comme une vache avec ton chewing gum, surtout quand on enregistre un tuto



  96. jeanviet a dit :
  97. OK ça marche ;-) je note le conseil pour la prochaine fois



  98. little mimi a dit :
  99. chui tro dac avec toi lolacara



  100. zerikatkader a dit :
  101. salu a tout



Laisser un commentaire


 
 
 

  

  


a proposTout savoir sur Jeanviet emailSuivre Jeanviet par email rssS'abonner au Flux RSS de Jeanviet twitterSuivre Jeanviet sur Twitter facebookSuivre Jeanviet sur Facebook

Traduction




© Jean-Baptiste Viet: Chef de Projet Internet, Webmaster de Jeanviet.info, Créateur de Tuto Video, et Ancien Etudiant à Paris 1 Sorbonne | Design : Emilie Boudet