Blog Perso : Personnalisation Web, PC, Mobile

accueil blog
 » 87 janusiens en ligne| 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, cet article a été consulté 181066 fois.// 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.

copie-colle dans ton blog:


A propos de l'auteur : jeanviet

Salut à tous, je m'appelle Jean-Baptiste Viet, j'ai 28 ans et je suis le Webmaster 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,…


4 Votes | Average: 4 out of 54 Votes | Average: 4 out of 54 Votes | Average: 4 out of 54 Votes | Average: 4 out of 54 Votes | Average: 4 out of 5 (4 votes, moyenne: 4 sur 5)
Loading ... Loading ...




Articles similaires sur Blog Perso

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

  1. jihadstyl a dit :
  2. gravatar

    JiHaDsTyL



  3. jalal a dit :
  4. gravatar

    salut cava a tous mes amis



    gravatar

    HellOoW !!

    _Euh c’Est pOouR unE TiiitE PuB [ xD ]

    _ CoOumM’ss reNdU !!

    _ AlleY fAiiiRe uN ToOur sVp ^^

    KiiiiSs =D



    gravatar

    SeY ZoOuLiiii ToOuT sA :P



  5. Anonymous CANADA a dit :
  6. gravatar

    vachier mange un osti char de marde



  7. Anonymous FRANCE a dit :
  8. gravatar

    c nule



    gravatar

    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 FRANCE a dit :
  10. gravatar

    salut je trouve se site super bien foutu…………bonne chance



  11. olena FRANCE a dit :
  12. gravatar

    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 CANADA a dit :
  14. gravatar

    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 FRANCE a dit :
  16. gravatar

    59



  17. missludu13 FRANCE a dit :
  18. gravatar

    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 FRANCE a dit :
  20. gravatar

    Salut Ludivine,

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



  21. jeanviet FRANCE a dit :
  22. gravatar



  23. fashiion-girl FRANCE a dit :
  24. gravatar

    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



  25. famous-bl0k FRANCE a dit :
  26. gravatar

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



  27. Emmie-anne CANADA a dit :
  28. gravatar

    ses oridinaire



  29. radwan a dit :
  30. gravatar

    slt ca va tout les fille



    gravatar

    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



  31. icecream002 CANADA a dit :
  32. gravatar

    Biizz maiis HoOtt



  33. Anonymous a dit :
  34. gravatar

    t moche alors taguele



  35. bOurGeOiiiiSiiie-x3.Sky BELGIUM a dit :
  36. gravatar

    sa me tente phAàs =(



  37. Anonymous FRANCE a dit :
  38. gravatar

    iiii



  39. x3-kriis-x SWITZERLAND a dit :
  40. gravatar

    slt tout le monde c pour uen ptite pub aller voir mon sky et metter des comme c tout rendu a double ++



  41. rohisamra002 a dit :
  42. gravatar

    slt moi omaima



  43. Kristy FRANCE a dit :
  44. gravatar

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



  45. Anonymous FRANCE a dit :
  46. gravatar

    weird: вℓσg ρєяѕσ



  47. vvvvv FRANCE a dit :
  48. gravatar

    fg



  49. okey FRANCE a dit :
  50. gravatar

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



  51. jordane FRANCE a dit :
  52. gravatar

    oh!!j comprend r1



  53. Sam a dit :
  54. gravatar

    Hmm, intéréssant.



  55. funkygyrl a dit :
  56. gravatar

    coucou



  57. Mathiilde SWITZERLAND a dit :
  58. gravatar

    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…



  59. Perle BELGIUM a dit :
  60. gravatar

    perle



  61. Anonymous FRANCE a dit :
  62. gravatar

    gbdetb



  63. abdoue a dit :
  64. gravatar

    exelant blog je veux te dir merci merci 100000000 fois



  65. xFeRiielLe FRANCE a dit :
  66. gravatar

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



  67. tranch123 FRANCE a dit :
  68. gravatar

    oué



  69. Anonymous FRANCE a dit :
  70. gravatar

    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



  71. ilzm FRANCE a dit :
  72. gravatar

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



  73. c rien je me suis tromper FRANCE a dit :
  74. gravatar

    faites votre chois



    gravatar

    FAITES VOTRE CHOIS



  75. kouiki CANADA a dit :
  76. gravatar

    moi j’utilise le site skyblog il y a un truc que j’ai installée !!



  77. Anonymous a dit :
  78. gravatar

    Et La Canadienne c koi ton site



Laisser un commentaire


 
 
 

  

  




© 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

over-blog.com