Passons maintenant au making-of lui-même.
Ca fait un moment que je pense faire un accueil en lien avec ce nom, « Univers ». Des sortes de planètes donc, qu’on visite en se déplaçant de l’une à l’autre. Pour rester dans la BD, je choisis deux images qui me vont bien.

La 1ère, extraite de « Le royaume sous le sable ». Pas vraiment de retouche.

La seconde extraite de « L’enfant des étoiles ». J’enlève la bulle, j’agrandis l’espace, je modifie les couleurs pour qu’elles ne saturent pas celles de l’autre image.

Je les « additionne » en privilégiant la seconde image.

La suite bientôt, dites-moi si ça vous intéresse.

Ouais c’est très sympa comme idée et le rendu est magnifique. Mais l’image de fond ferait presque croire qu’on est dans une partie « Personnages », c’est un peu trompeur…
Bon courage pour la suite !

Ah c’est vrai j’aurais pu faire un fond avec des objets/albums/et autres machins, mais ça m’aurait donné plus de travail. Or tu sais à quel point l’économie de soi-même est importante et nécessite des efforts quotidiens.

Merci pour tes encouragements mon Jéjé.

Bon alors la suite.

Il faut maintenant créer des zones cliquables menant aux divers chapitres.
Je teste différentes formes. Je pars sur la ronde type planète, mais avec les étoiles et les visages ça fait trop d’arrondis dans l’image, c’est bof. Finalement je fais dans le classique, des carrés, c’est ce qui rend le mieux.

Voici les étapes de leur réalisation.

1/ Je choisis la zone selon des critères bien précis (c’est à dire généralement au pif).
2/ Je passe un carré en « négatif ».
3/ J’inverse l’intérieur du carré ; le cadre ainsi créé s’intègre au fond beaucoup mieux qu’un simple carré blanc ou gris.
4/ Je passe un petit filtre de contraste sur l’intérieur du carré pour qu’il ressorte légèrement.

Je vous laisse deviner quel chapitre aura pour lien ce pégase.

C’est beau surtout quand on pense à ton album Le Royaume sous le sable complètement détruit après le passage au scanner Remarque tu perds pas grand chose tellement cet album est…. spécial

Tiens pour t’aider un peu j’ai fait un super montage où tu peux cliquer sur la frimousse de Frédéric Niffle
Désolée pour le gros trait rouge mais zé pas tout compris à la technique du négatif au carré
Comment ça c’est laid

Le trait rouge c’est bien aussi. Photo bien choisie !

surtout quand on pense à ton album Le Royaume sous le Sable complètement détruit après le passage au scanner

Oh mais que vois-je-t-il donc ? Tu n’est donc pas au courant de mes aventures ? Toi qui est virtuellement désignée correspondante Thorgal-BD officielle pour l’ensemble du continent américain ?

Hé bien non, je ne pourris plus mes belles BD pour réaliser ce site comme tu pourras le découvrir en suivant ce lien. Entre mes 65 albums papier et mes 33 numériques, je dois approcher du record. Comme disais JPP, j’ai 2000 cassettes dont 400 en double.

Passons à la suite des aventures.
Il faut maintenant créer des icônes pour chaque partie. Elles apparaîtront dans les zones cliquables réalisées à l’étape 2.

Alors je suis parti des images servant actuellement, comme celle-ci.

J’ai bricolé celle du futur nouveau chapitre (en gestation depuis un an…) sur les statuettes.

Un petit fond bleu.

Un dégradé circulaire semi-transparent pour que le bleu se marie au noir et blanc.

Plus qu’à découper pour avoir la forme carrée voulue. Je vous en mets plusieurs.

Oh mais que vois-je-t-il donc ? Tu n’est donc pas au courant de mes aventures ? Toi qui est virtuellement désignée correspondante Thorgal-BD officielle pour l’ensemble du continent américain ?

oups une info qui m’a échappée Ttttt… l’antenne nord-américaine n’est plus ce qu’elle était

J’ai bricolé celle du futur nouveau chapitre (en gestation depuis un an…) sur les statuettes.

C’était pourtant bien parti avec la visite chez Attakus et les photos des statuettes par Pizza

Tu fais bien de me le rappeler, il faut que je termine mon interminable récit attakusien.

J’en reviens à mon « making of », avec cette fois les débuts de l’animation du fond étoilé.

On commence doucement avec une animation « simple », le fond se déplace en suivant les mouvements de la souris. Ca reste un peu heurté mais dans l’idée on approche du but.

A tester ici.

J’aime beaucoup cette présentation, la navigation est agréable même si j’ai l’impression de ne pas voir toute l’image originale… (peut-être est-ce dû à la taille de l’image, justement ?)

Ou alors, peut-être que tu as un petit écran, style notebook ? Il y avait un petit problème d’affichage sous IE avec les petits écrans (normalement résolu pour cette nouvelle étape).

Alors donc pour cette cinquième étape, je finalise le déplacement du ciel étoilé avec un « ralentisseur ».
Le principe : un chronomètre enregistre la position de la souris et déplace le ciel en douceur vers le point visé, en ralentissant dans les derniers instants.

Petit souci, les ordinateurs un peu anciens doivent commencer à couiner.

A tester ici.

Moi aussi j’aime bien cette présentation J’avais jamais fait attention au nombre de psychopathes sur cette image Je me demande lequel Steph va choisir pour l’icône du chapitre sur Thorgal-BD

Pas mal, mon notebook semble bien le prendre .

OK merci pour l’info.

Je me demande lequel Steph va choisir pour l’icône du chapitre sur Thorgal-BD

Ah sur ce coup-là j’avoue un petit péché d’orgueil. Je vous laisse deviner.

…

Et on en vient à l’étape 6, la dernière (je crois) que je vous présenterai ici, je vous laisserai ensuite découvrir la version finale quand je la mettrai en ligne.

Vous savez (ou pas) mon goût pour le narratif, de nombreux personnages accompagnant la navigation dans le site. Bref je voulais vous faire accompagner pendant le voyage. Et celui qui s’y connaît le mieux en planètes et étoiles, c’est Xargos !

Alors le pépé de Thorgal sera présent pendant l’aventure, vous pourrez profiter de ses bons conseils de navigation. Merci pépé.

(les images seront plus grandes)
Quelques mots sur l’ajout de Xargos. Après avoir récupéré les images dans les albums, je retire l’arrière-plan. Le bord d’image étant clair, je l’assombris pour qu’il s’intègre au fond foncé.

Je prends deux Xarg’ regardant vers la gauche et deux autres vers la droite, car il apparaîtra en alternance d’un côté de l’écran ou de l’autre. En clair, quand la souris est à gauche, Xarg’ est à droite, et vice-versa.

Il y aura un effet de fondu (les vieux PC vont encore couiner) pour le faire apparaître, et une petite bulle semblable à celles de l’accueil de la partie Eclairages. Donc noire et semi-transparente.

Voilà, à bientôt pour la fin de l’aventure et le début du voyage.

Ah sur ce coup-là j’avoue un petit péché d’orgueil. Je vous laisse deviner.

Je parierais sur la jolie Gardienne des Clés

[…]
Je parierais sur la jolie Gardienne des Clés

Il a dit orgueil, pas luxure .

Je parie sur…hum…Thorgal?

Luxure ? J’aurais plutôt dit gourmandise.
Mais non, ce n’est pas la Gardienne, ni Thorgal.

Finalement, j’ajoute une 7ème et dernière étape !

Je n’ai pas pu résister à l’envie d’ouvrir cet accueil intersidéral avec une petite intro, qui étoffe la narration et rend l’ensemble encore plus spectaculaire. Et surtout, ça m’a permis d’utiliser enfin ce magnifique dessin issu de « Les yeux de Tanatloc ». La Gardienne y est d’ailleurs particulièrement splendide ( bis).

Je l’ai modifié avec quelques filtres (luminosité/contraste/grain…), recadré (j’avais besoin d’un rectangle), et j’ai ajouté quelques mots de bienvenue de la part de Xargos.

Pour éviter d’alourdir encore la lourde navigation de ce site, la petite intro disparaît en un tout p’tit clic de rien du tout. Avec un double fondu, un pour le texte puis le dessin.

A part ça, j’ai suivi le plan de route annoncé, sauf pour les bulles. En noir, elles passaient inaperçues sur le fond étoilé, du coup elles seront blanches et visuellement très différentes de celles de la partie « Eclairages ».

Tout est prêt, je pense le mettre en ligne demain.

J’ai hâte de voir le résultat final !

Hé bien ça y est, le nouvel accueil est en ligne, je vous laisse le découvrir et me donner votre avis.
J’espère que cela fonctionne chez tout le monde…

LIEN DIRECT
(pour l’immersion, je conseille évidemment de mettre en plein écran, même si ça marche aussi dans une fenêtre)

L’étape suivante ? Car il y en a toujours une ! Je modifierai l’aspect des chapitres de l’Univers pour qu’ils soient plus en phase avec la page d’accueil.
Mais avant ça, je veux, j’exige de moi-même, d’enfin terminer la partie sur les statuettes !

EDIT : voici à quoi ça ressemble.

en un mot,
SUPERBE…

ce serait bien un texte, ou dessin de notre scénariste et dessinateur préféré…

MAGNIFIQUE je confirme. Même la hauteur des bulles varie suivant la place de Xargos, pour qu’elles soient toujours au niveau de sa tête… Ca c’est de la finition !

Bonne idée le making of, c’était très intéressant.

Les emplacements des carrés, tu les as choisis au hasard finalement, ou ça répond à une logique très savante ? ^^

ce serait bien un texte, ou dessin de notre scénariste et dessinateur préféré…

Ah ouais ce serait sympa une petite peinture originale de Rosinski pour illustrer le site

Ah ouais ce serait sympa une petite peinture originale de Rosinski pour illustrer le site

Avec 100 balles et un mars ?

C’est très beau!

Je dois cependant t’informer que sur les netbook, c’est pas top . Bon, la navigation fonctionne très bien, mais les images de fond sont complètement tronquées et on ne voit pas toutes les section, du coup… .

Bof, c’est très joli quand même!

Je vous réponds un par un.

en un mot,
SUPERBE…

Merci à toi !

ce serait bien un texte, ou dessin de notre scénariste et dessinateur préféré…

Je leur en parlerai quand on déjeunera ensemble.

MAGNIFIQUE je confirme. Même la hauteur des bulles varie suivant la place de Xargos, pour qu’elles soient toujours au niveau de sa tête… Ca c’est de la finition !

Bonne idée le making of, c’était très intéressant.

Merci aussi à toi !

Les emplacements des carrés, tu les as choisis au hasard finalement, ou ça répond à une logique très savante ? ^^

Globalement, au pif, j’aurais sûrement pu y réfléchir un peu plus. Mais comme dans toute oeuvre on peut en disserter si vous voulez, il y a sûrement plein de messages cachés.
Vous remarquerez que je me suis placé au coeur du vaisseau, rien que ça. Mais bon, le site me semble être un produit dérivé correct ?
Le Lombard est dans la cabine de pilotage. Y a aussi Pegasus dans le pégase. Le BDVD dans les fils qui s’emmêlent, les romans sur les seins de Kriss…

Ah ouais ce serait sympa une petite peinture originale de Rosinski pour illustrer le site

Encore mieux : la toile dans mon salon. Comme ça je pourrai plus facilement la prendre en photo pour le site, hein, c’est purement (non)professionnel.

Avec 100 balles et un mars ?

Hé, les autres ont mis un mot gentil en majuscule ! Vilain pgr.

C’est très beau!

Merci également à toi !

Je dois cependant t’informer que sur les netbook, c’est pas top . Bon, la navigation fonctionne très bien, mais les images de fond sont complètement tronquées et on ne voit pas toutes les section, du coup…

Bé oui, sur les petits écrans il faut scroller, tu peux utiliser les flèches du clavier si tu n’as pas de molette mais tu n’auras jamais l’écran complet. Tu as essayé avec la touche magique, la touche F11 ? En plein écran il ne devrait pas manquer grand chose.

Bof, c’est très joli quand même!

Très joli et très sympa à utiliser !!!
Pour moi ca fonctionne farpaitement !!!

Par contre 2 petites remarques:
J’éviterais d’utiliser la partie « Univers » en fin de soirée arrosée, au risque de devoir nettoyer mon écran le lendemain…
les liens pour « Romans » et « Musique » sont placés dans des endroits stratégiques agréables à cliquer. On dirait que la luxure a quand meme pointé le bout de son nez.

Hé, les autres ont mis un mot gentil en majuscule ! Vilain pgr.

Boude pas.
C’est très joli

J’aurai aimé (mais c’est valable sur tout le site et ça doit être galère à coder) que cela puisse se mettre en plein écran (en largeur surtout) sur un grand écran.

oui c’est très beau
La navigation fonctionne bien chez moi

Avec 100 balles et un mars ?

pourquoi pas
Et si Grzegorz refuse, on pourrait demander à Giulio qui visiblement vient aussi faire des petits tours par ici

C’est super !
Moi j’adore, rien à redire !

Et si Grzegorz refuse, on pourrait demander à Giulio qui visiblement vient aussi faire des petits tours par ici

Énorme ! Y’en a qui a des raisons d’être fier !

Je réponds à tout le monde encore !

Très joli et très sympa à utiliser !!!
Pour moi ca fonctionne farpaitement !!!

Alors un cermi farpait à toi.

Par contre 2 petites remarques:
J’éviterais d’utiliser la partie « Univers » en fin de soirée arrosée, au risque de devoir nettoyer mon écran le lendemain…

Le mal des transports… Dans l’espace comme ailleurs…

les liens pour « Romans » et « Musique » sont placés dans des endroits stratégiques agréables à cliquer. On dirait que la luxure a quand meme pointé le bout de son nez.

Je l’avais dit qu’il y avait forcément des messages. L’inconscient parle à travers mes clics, doc.

Boude pas.
C’est très joli

J’aurai aimé (mais c’est valable sur tout le site et ça doit être galère à coder) que cela puisse se mettre en plein écran (en largeur surtout) sur un grand écran.

Bien bien tu es pardonné et tu évites donc le martifouette à clous.
Pour l’écran, c’est tout le problème, entre ceux qui surfent sur leur vignette de portable et ceux qui ont un écran de geek taille grand patron, pas facile.

oui c’est très beau
La navigation fonctionne bien chez moi

Marci ben comme on dit par chez toi.

Et si Grzegorz refuse, on pourrait demander à Giulio qui visiblement vient aussi faire des petits tours par ici

Oh mais oh là là mais dis donc ! Faudra pas vous étonner si j’attrape un boulard des montagnes, chaussures de ski à bas de contention pour faire tenir les chevilles !

C’est super !
Moi j’adore, rien à redire !

MERCI A TOI (en majuscule, hommage aux 1ers posteurs).

Énorme ! Y’en a qui a des raisons d’être fier !

Et me revoilà parti à vous proposer un making of, celui d’une nouvelle présentation des produits dérivés et tirages spéciaux dans la partie Univers.

Ce n’était pas du tout la mise à jour la plus urgente, ce site est fait n’importe comment .
Mais bon ça m’a pris comme l’envie de fraises Tagada, on ne peut résister.

Donc jusqu’ici ça ressemblait à ça :

J’aime bien, ce n’est pas le problème, c’est juste un peu petit, et pas dans le style de la nouvelle page d’accueil (nouvelle depuis 2 ans déjà).

J’ai donc cherché quelque chose dans l’esprit de l’accueil, typé science-fiction. Comme souvent, je souhaite améliorer l’aspect narratif du site, essayer de lui faire raconter une histoire. Je ne suis pas sûr que le résultat sera chouette, parce que la science-fiction dans Thorgal est ultra kitsch. Vous jugerez et, si nécessaire, lapiderez.

J’ai commencé par chercher une image futuriste, avec un écran suffisamment ouvert pour afficher un large contenu. J’ai trouvé ceci dans « Le royaume sous le sable ».

J’ai retiré le superflu, ou plutôt, ce qui ne m’est pas utile. J’ai scié de l’Atlante.

J’ai agrandi le « poteau droit », un peu court à cause de la bulle.

Ensuite, pour masquer la zone où on voit encore un bout de fesse des deux atlantes, j’ai récupéré cette partie d’une autre image de l’album.

En l’inversant.

J’ai besoin de la console qui se trouve juste devant Sargon. Après quelques manipulations, notamment sur la teinte, voici le résultat.

Que j’élargis un peu.

C’est discret.
Sans le détail, ça ne se voit pas.

Bravo.

Merci !

Mais c’est kitsch, non ?
Et d’ailleurs, emporté par mon élan, j’ai décidé de faire encore pire. Une ambiance à la Star Trek (la 1ère série), avec des boutons qui s’allument de partout !

Le principe : quand on passe avec la souris sur un bouton, une console, un machin… il s’allume, se déplace ou se met à clignoter comme une bête.
Ca ne sert absolument à rien, je vous rassure.
Du coup j’ai détouré et bricolé les coquetiers bleus…

…les boutons…

…le panneau de commande…

…et même les grosses manettes.

Etape suivante, le fond.

Je commence par réaliser un fond moi-même.

Mais je ne suis pas satisfait, ça fait trop « informatique ».

Alors je cherche dans les albums et récupère ce ciel dans « Digne d’une reine ».

Après quelques bidouilles ça donne ceci.

Je fais aussi ça (un fond avec du « bruit »), je vous expliquerai plus tard pourquoi (encore dans l’esprit vieille science-fiction kitschounette).

Boarf me revoilà trois ans après, au même endroit pour faire la même chose !

Les visuels ci-dessus n’ont jamais fait leur apparition sur Thorgal-BD, pour deux raisons, principalement :
– Ce n’était pas aussi joli que ce que je souhaitais.
– Je me suis mis au travail sur Thorgal.com, et du coup j’ai laissé tomber (temporairement) ce type de bricolages à la moi-même.

Mais mais mais après deux ans de travail essentiellement rédactionnel et illustrationnel (mot que je vous invite à chercher sur Google, le résultat est édifiant), je reprends enfin la main sur le développement du site. Ah ah, les malheureux du Lombard, s’ils savaient. Autant dire que je vais en mettre de partout, adieu le T.com tout propre qui sent bon la lessive. Shalimar, Opium et Ajax W.C. comme l’a dit le poète.

J’ai repris tout ça avec deux idées en tête (encore une liste de deux) :
– mettre du joli/rigolo/original/fou sur T.com
– améliorer la navigation de la partie « Collection » du nouveau site.

La partie « Univers » est donc devenue « Collection », car le terme « Univers » a été retenu pour une autre section du site, davantage tournée vers le contenu des BD.

J’ai commencé par ajouter il y a quelques temps un accueil personnalisé largement inspiré de celui qui se trouvait sur TBD.

Puis j’ai ajouté ceci en bandeau droit des articles :

Du coup, déjà, à l’heure actuelle ça donne ça :

Voilà, après ce bilan, je vais attaquer ici un nouveau petit « making of » présentant la nouvelle navigation, que je vais mettre en place courant janvier, en complément de ce qu’il y a déjà. Amis du kitsch, vous allez être servis.

Ah ouais… ça rend (super) bien…

Je trouve ça sympa d’avoir un bandeau différent pour chaque catégorie (même si j’aime pas celle-ci..). Et j’adore l’img avec Xargos sur fond étoilé.

C’est vrai que cette catégorie est vraiment destinée aux collectionneurs. D’ailleurs, pour moi elle a plutôt sa place dans la partie communautaire du site, je la déplacerai en temps voulu.

Alors, j’ai aussi ajouté un second bandeau haut, basé sur le visuel de fond de l’accueil.

Les deux bandeaux mènent l’œil jusqu’au menu du haut à droite, qui permet de naviguer dans la section.

J’ai la flemme de vous montrer la suite…

Pas mal tout ça Tiens, je n’ai pas vu ton nouveau bandeau horizontal sur le site, peut-être y travailles-tu encore… attention quand même à ne pas surcharger la page avec des bandeaux afin de garder de la place pour le contenu. Au fait, je me demande toujours pourquoi on ne profite pas plus de la largeur de la page, comme c’est le cas pour les pages où on navigue dans les albums. Je n’ai pourtant pas un écran 16:9…

Tiens, je n’ai pas vu ton nouveau bandeau horizontal sur le site, peut-être y travailles-tu encore…

Oui, pas encore en ligne, c’est en développement.

attention quand même à ne pas surcharger la page avec des bandeaux afin de garder de la place pour le contenu.

Ah mais c’est justement tout le sel de TBD, s’éloigner des canons de l’Internet, ne pas se contenter de mettre des contenus qui se lisent tout bien en glissant sur l’écran.
Mais mon double objectif est à la fois de proposer des contenus pas trop traditionnel, et de rendre la navigation sympa pour tout le monde. C’est d’ailleurs ce que je cherche à faire en refondant cette partie collection. Ainsi, pour la partie haute, le bandeau accueillera le titre et le sous-titre (du coup il ne prend pas trop de place supplémentaire, et…
(suite sous l’image)

….et la partie basse va considérablement évoluer. Tout d’abord, il y aura en bas de page deux liens, vers le chapitre précédent et le chapitre suivant. Plus besoin de remonter toute la page pour accéder au menu.
Et puis, en dessous, je replace donc mon fameux tableau de bord de vaisseau. J’y mets aussi Xargos. Le tableau de bord clignote de partout, vous verrez.
Sur l’écran, il y aura des liens vers d’autres parties de « Collection », et on pourra les faire défiler avec les flèches blanches (qui clignotent aussi, bé voui).

On aura donc une double navigation de bas de page, l’une permettant de naviguer dans les chapitre du sujet visité, l’autre dans les autres sujets. Sans avoir à repasser par la page d’accueil, que je vois surtout comme une page d’ambiance.
Je vous montre ça bientôt !

Au fait, je me demande toujours pourquoi on ne profite pas plus de la largeur de la page, comme c’est le cas pour les pages où on navigue dans les albums. Je n’ai pourtant pas un écran 16:9…

Ca a été un choix initial, que j’ai accepté avec un peu de réticence, mais qui se défend dans d’autres sections du site. J’ai quand même insisté pour que les fiches albums soient en plein écran (notamment pour l’affichage des planches et de mes pavés de texte), ainsi que les pages que je me suis réservées (les jeux, la partie « Eclairages », etc.).

Je pense aussi que le bandeau est actuellement sous-exploité, que ce soit visuellement ou pour son contenu. Il y a moyen de faire mieux, j’ai des idées, et suis à l’écoute de celles des visiteurs, donc n’hésitez pas.

Ah oui, je vois que tu nous prépares du kitsch à gogo !

Dans ma tête, je ne suis pas encore sur Thorgal.com, car c’est ici sur le forum que je vis avec Thorgal. Toi tu t’investis beaucoup sur le nouveau site, mais pour moi, il faudra le déménagement du forum pour que je me sente enfin chez moi là-bas… Je suis sûr qu’à ce moment-là, j’aurai plein d’idées à te partager pour le site

Je suis allé voir la partie « Collection » du site. En bas de page, il y a vraiment du kitsch avec le tableau de bord qui clignote. C’est comme si on était penché sur un flipper, le billard électrique de ma jeunesse ! Comme animation, il ne manque plus que Xargos qui ouvre sa cape, et on aura la totale !

J’aime bien les 2 possibilités de défilement en bas de page, c’est très pratique. Pour les différentes parties de « Collection », je m’attendais à ce que tu replaces au centre la partie sur laquelle on se trouve, et qu’on puisse défiler à gauche ou à droite vers d’autres parties. Tiens, est-ce qu’on retrouvera encore les parties qui existaient précédemment, comme les éditions spéciales des albums, ou les éditions multimédias (DVD, CD et jeux vidéos) ?