1 points par GN⁺ 2024-05-23 | 1 commentaires | Partager sur WhatsApp
  • L’image de bureau par défaut de Windows 10 n’a pas été conçue comme un simple graphique du logo, mais comme un sujet physique, afin d’exprimer, par la lumière et la perspective, l’espace que Windows ouvre
  • L’équipe de création a construit une véritable structure pour donner au logo l’apparence d’un portail, puis a composé une image en prise de vue réelle à l’aide d’angles de caméra et d’un éclairage volumétrique
  • Plusieurs expositions ont été photographiées avec un système de caméra Phase One 9k, puis assemblées dans Photoshop pour superposer les couches de lumière et le relief du logo
  • Faisceaux de projecteur, reflets sur acrylique, brouillard naturel, lignes laser, fumée filmée séparément et lens flares ont été réunis, puis l’image finale a été harmonisée dans des tons Microsoft Blue
  • Au-delà d’une seule image hero, des milliers de variantes en prise de vue réelle ont été produites afin de constituer une bibliothèque d’images exploitable dans plusieurs applications Windows

Le rôle de l’image de bureau de Windows 10

  • Depuis près de 30 ans, Windows s’est imposé comme une icône d’expérience personnalisée pour les utilisateurs, et il est utilisé chaque jour par plus d’un milliard de personnes
  • La Windows Hero Desktop Image est la première image que voient les utilisateurs au démarrage de Windows, et elle apparaît aussi dans les publicités Windows de presque tous les pays
  • Avec la sortie de Windows 10 en 2015, Windows a de nouveau changé, et cette version a été la dernière grande release de Windows avant le passage à un modèle de mises à jour numériques rapides
  • Le logo a été interprété au-delà de ses quatre rectangles en forme de tuiles, comme un élément montrant l’espace derrière lui et l’énergie qui le traverse
  • Le travail ne visait pas seulement à représenter le logo Windows lui-même, mais aussi le progrès technologique et le mouvement qui se déploient derrière et à travers lui

Une image de portail créée en prise de vue réelle

  • Au cœur du processus de création se trouvait une prise de vue réelle intégrant de nombreuses variables et personnalisations
  • Le concept clé consistait à positionner le logo comme un portail vers le monde situé derrière lui, d’où le choix d’une approche fondée sur la fabrication physique et la photographie
  • L’équipe a construit une véritable structure du logo Windows, puis lui a donné vie grâce à des angles de caméra créatifs et à un éclairage volumétrique
  • Plusieurs expositions du logo Windows ont été photographiées avec un système de caméra Phase One 9k, puis compositées en postproduction pour créer différentes combinaisons d’éclairage volumétrique
  • L’objectif était d’obtenir diverses images de bureau qui existent réellement et sont fabriquées de manière pratique
  • L’image finale a été conçue pour donner une impression nette et physique, comme si l’on pouvait tendre la main dans l’écran pour la toucher

Faisceaux de projecteur et structure du logo

  • La technique des faisceaux de projecteur reposait sur un procédé cinématographique visant à concentrer la lumière à travers de petites « fenêtres »
  • Dans un carton noir, quatre rectangles en forme de logo Windows ont été découpés, et la même forme a été reproduite dans de l’acrylique afin d’aligner parfaitement les deux surfaces
  • À l’intérieur de l’acrylique, des bords transparents ont été créés pour capter la diffusion lumineuse et les reflets
  • Des Projector Beams ont été projetés à travers les ouvertures du panneau et photographiés sous un angle oblique pour ajouter forme et texture à l’image
  • La mise en scène qui révèle la source de la lumière accentue la sensation de profondeur à travers le portail
  • Comme sources lumineuses, l’équipe a utilisé des vidéoprojecteurs classiques ainsi que les futureWeapon Laser Projectors d’Adam LaBay, ces derniers servant à produire les épaisses lignes laser
  • La lumière des quatre ouvertures a été manipulée avec des couleurs différentes afin que chacune représente une partie du logo
  • Le brouillard naturel ajoutait une texture sombre et atmosphérique, donnant au logo Windows une ambiance unique et provocante

Composition à partir de plus de 3 000 prises de vue

  • La séance a permis de capturer plus de 3 000 photos, et la première phase de compositing a consisté à sélectionner les éléments adaptés à l’image finale
  • Munko a importé les images retenues dans Photoshop et a assemblé plusieurs expositions en résolution 9k
  • Il a d’abord créé l’image de base servant de fondation au hero still, puis a construit le design du logo avec plusieurs couches d’éclairage incluant les lasers
  • Les couches principales allaient d’un simple rim light à de nombreuses lignes laser traversant le centre du logo
  • Ces couches ont été compositées à plusieurs reprises en éclairant le brouillard volumétrique de différentes façons
  • Une fois l’esthétique fondée sur le logo définie, un environment pass composé de couches de fumée et de brouillard filmées séparément a été ajouté
  • Enfin, les lens flares ont été composités dans un pass distinct, les sources lumineuses étant placées au même endroit que les projecteurs laser afin de correspondre exactement aux autres passes
  • L’étalonnage final a été appliqué dans la palette signature Microsoft Blue, tout en conservant l’étendue tonale
  • Le fichier final en 9k a été envoyé à XYZ Creative Production Agency, spécialisée dans la retouche photo haut de gamme, pour l’optimisation finale de l’image hero

Déroulement du tournage et bibliothèque d’images

  • Le processus de production s’est appuyé sur une forte collaboration, et Doctor Joseph Picard a joué un rôle essentiel dans la création initiale et le développement de la technique de prise de vue réelle
  • Tool of North America s’est chargé de la production, tandis que Mary Church a supervisé les opérations de production
  • L’équipe de projection comprenait Adam LaBay et James Hurlbutt, et Aaron Fee a assisté Doctor Picard sur le plateau
  • Le tournage s’est déroulé sur deux journées complètes, avec deux plateaux exploités simultanément et une alternance entre sources vidéo et photo
  • Grâce à l’approche en prise de vue réelle, il a été possible de continuer à photographier des variantes de chaque configuration même après avoir obtenu l’image hero
  • L’équipe de production s’est concentrée sur la création d’une bibliothèque d’images complète destinée à être utilisée dans différentes applications Windows

1 commentaires

 
GN⁺ 2024-05-23
Avis de Hacker News
  • Il m’est arrivé, pour créer la couverture d’un livre de généalogie, de fabriquer un vrai mur tapissé
    Ce que je voulais, c’était une composition avec de vieilles photos de parents accrochées à un vieux mur, et, en bas de la couverture, des photos posées sur le manteau d’une cheminée
    Au début, j’ai essayé d’empiler dans un logiciel de dessin des calques de papier peint, de cadres et de photos, avec des ombres, mais ça ne fonctionnait pas vraiment
    J’ai donc acheté chez Lowe’s quelque chose comme un panneau de mousse isolante de 4' x 8' et 2 pouces d’épaisseur, le papier peint le plus désuet que j’aie pu trouver, un gallon de peinture, etc. J’ai raté l’éclairage, mais je me dis que je suis encore en train d’apprendre la photo. Le résultat m’a quand même plu
    https://imgur.com/a/12VN4sI

    • Dans mon studio à la maison, je n’ai pas de mur propre et dégagé pour de simples prises de vue. Les fonds en rouleau de papier sont une bonne solution de remplacement, mais parfois on a envie d’un vrai mur ou d’un coin, voire de papier peint
      J’ai donc construit une grande structure avec deux couches de carton ondulé, des renforts faits à partir d’angles de palettes, des espèces d’énormes attaches parisiennes et un pistolet à colle, puis j’y ai fixé du papier peint avec de la colle en spray
      J’avais aussi mal choisi la saison : l’air était humide et il fallait mettre le chauffage. Ça n’a pas tenu longtemps et ça a gondolé ; j’ai découvert que le carton ondulé se comporte de façon assez organique dans l’air humide
      C’était presque un échec, mais si je devais recommencer, j’utiliserais du foamcore ou un panneau isolant plus épais au lieu du carton ondulé
      Avoir autant de contrôle direct sur le processus était extrêmement intéressant et libérateur, et depuis, j’ai continué à assembler moi-même des outils photo, presque au point que ça ressemble à une obsession
      J’ai l’impression que beaucoup de développeurs logiciel ici ne voient pas bien le parallèle entre ce genre de travail et le fait d’assembler sa propre « stack » pour certaines applications
      Le véritable « outil » d’un photographe ne fait que commencer avec l’appareil photo ; il existe des outils qui vont au-delà des accessoires, jusqu’à la scène elle-même ou à la méthodologie
  • Ce n’est qu’après avoir passé beaucoup de temps, ces dernières années, sur la photo, en particulier avec des appareils argentiques, que j’ai appris que cette image avait réellement été photographiée. Comme j’utilise Linux depuis longtemps, je ne la voyais presque jamais
    Beaucoup de gens disent que cela aurait été plus simple avec des effets visuels, mais je ne suis pas d’accord. Cette image contient énormément de détails convaincants qu’il aurait fallu beaucoup de temps même à un excellent artiste VFX pour reproduire correctement
    À l’inverse, avec un appareil photo, on peut faire travailler le monde à sa place. La mise en place en studio était très simple et facile à expérimenter : du carton, des panneaux acryliques, un projecteur et un peu de brouillard. Je suis convaincu que la photo était le bon outil pour ce projet

    • Si on avait donné cette image à un artiste VFX en lui disant « fais-moi ça », il aurait pu la réaliser. C’était probablement déjà possible en 2015
      Mais l’équipe qui a créé cette image n’avait pas l’image finale à l’avance ; elle avait seulement quelques idées qu’elle voulait essayer
      Le processus de production raconte non seulement les techniques utilisées, mais aussi la manière dont elles ont été appliquées, ajustées, puis évaluées à partir des résultats
      Cette image est « fabriquée » au sens où des gens ont construit l’objet à photographier, mais c’est aussi une forme de découverte, dans la mesure où ils ont essayé plusieurs choses jusqu’à trouver ce qui leur plaisait
      C’est aussi possible en effets visuels, mais le processus est différent, et si les itérations deviennent trop nombreuses, l’avantage en coût disparaît rapidement. C’est aussi pour cela que les films d’animation sont stricts sur le verrouillage du scénario tôt dans la production
      On ne peut pas improviser de manière rentable tout un film d’animation comme un réalisateur et des acteurs improvisent devant une caméra et un décor
    • L’expression « faire travailler le monde à sa place » me fait penser à l’algorithme de tri spaghetti
      https://en.wikipedia.org/wiki/Spaghetti_sort
    • Je suis curieux de savoir de quels détails il est question. Avec du ray tracing, des matériaux physiquement réalistes et de la dynamique des fluides, je n’aurais pas pensé qu’un ordinateur ait beaucoup de mal à rendre de façon réaliste une scène statique où une lumière aux propriétés variées traverse un morceau de plastique et rencontre un brouillard tourbillonnant
      Il faudrait régler les paramètres de la scène, mais ensuite générer quelques milliers d’images serait tout aussi simple. Et ce serait aussi plus facile à versionner pour expérimenter
    • À ma place, je pense que j’aurais fait ça en effets visuels, et qu’on aurait pu obtenir un résultat similaire de façon plus rentable. La plupart des gens ont probablement pensé, comme moi, qu’il s’agissait à l’origine d’effets visuels
      Cela dit, je suis content que Microsoft ne l’ait pas fait comme ça. Grâce à cela, c’est devenu une histoire et une étude de cas intéressantes
    • Ça ressemble surtout à une rationalisation a posteriori. La quantité de travail répétitif nécessaire est absurde
      Le fait que cette image de fond ait demandé énormément d’efforts ne signifie pas qu’ils aient utilisé le bon outil pour le travail, ni que le résultat en ait été meilleur
  • J’ai vu cette image des milliers de fois, et même si elle avait été composée, je n’avais jamais imaginé qu’elle puisse partir d’effets pratiques. C’est vraiment superbe
    Le travail de composition n’avait pas l’air simple non plus
    Le tournage a produit plus de 3 000 photos, et la phase initiale de compositing, où Munko a passé en revue tous les assets pour choisir les meilleurs éléments adaptés à l’image finale, tenait presque de l’exercice de patience
    Ensuite, le processus consistant à fusionner obstinément les expositions dans Photoshop en résolution 9K, en y ajustant plusieurs éclairages laser et passes d’environnement, des couches de fumée et de brume, ainsi qu’un lens flare filmé séparément, avant de terminer par un étalonnage sur la palette « Microsoft Blue », est impressionnant

    • La photo produit à budget limité se fait essentiellement comme ça. On laisse l’appareil fixe, on ajuste l’éclairage à chaque prise, puis en postproduction on choisit les parties de chaque image qui plaisent et on les compose dans Photoshop
      J’aime regarder ce genre de méthode sur la chaîne YouTube « workphlo ». Le cœur du processus est le même pour tous les objets, mais c’est intéressant de voir les techniques varier
      https://youtube.com/@workphlo
  • En lisant le titre, j’ai confondu avec le fond d’écran de XP et imaginé l’équipe en train de fabriquer cette colline et d’y poser du gazon
    [0] https://en.wikipedia.org/wiki/Bliss_(image)

    • Plus de détails sur le fond d’écran Bliss : https://windowswallpaper.miraheze.org/wiki/Bliss
      Microsoft est allé au-delà d’une simple licence et a acheté l’ensemble des droits sur l’image, ce qui a empêché d’autres entreprises de la reprendre sous licence auprès de Corbis
      Elle a souvent servi de base au marketing de XP et à la palette de couleurs du thème Luna, et son prix aurait été dans le bas de la tranche des 100 000 dollars, sans être rendu public. O’Rear ne peut pas révéler le montant exact à cause d’un accord de confidentialité, et il n’a pas non plus touché l’intégralité de la somme, Corbis s’étant chargé de la vente
      Après son acquisition par Microsoft, elle a été définitivement supprimée du site de Corbis, et n’a jamais été proposée sur Getty Images ni sur d’autres sites avec lesquels Corbis pratiquait des licences croisées. La photo verticale faisait aussi partie de l’acquisition, donc O’Rear ne peut pas la publier
    • À lire aussi : The search for Autumn
      https://www.vanityfair.com/news/2007/02/autumn200702
    • Pendant un instant, j’ai confondu avec le fond d’écran de Windows 11, et je me suis demandé comment ils avaient fait autant de plis aussi lisses et aussi régulièrement espacés
  • Ce que Brian Eno a dit à propos de son travail sur l’un des sons de démarrage de Windows est aussi intéressant
    « L’idée est venue au moment où j’étais complètement à court d’idées. Je travaillais sur ma musique depuis un moment et, en fait, j’étais assez perdu. J’ai donc été vraiment reconnaissant que quelqu’un vienne me dire : “Voici un problème concret, pourriez-vous le résoudre ?” »
    https://www.sfgate.com/music/popquiz/article/q-and-a-with-br...

    • Le son de démarrage de Windows 95, joué 23 fois plus lentement, sonne encore plus comme du Brian Eno
      https://www.youtube.com/watch?v=fNIfbdi41ho
    • Je n’arrive pas à oublier ce passage où l’agence empile les adjectifs, disant vouloir une musique « inspirante, universelle, optimiste, futuriste, sentimentale et émotionnelle », puis ajoute tout en bas : « et elle doit durer 3,25 secondes »
      Son travail pour la Long Now Foundation devient plus compréhensible. Je trouve toujours fascinant que Microsoft consacre du temps et de l’argent à des détails aussi minuscules de ses produits
  • Ce fond est superbe aussi, mais pour moi le meilleur fond d’écran Windows reste celui-ci
    Peut-être parce que je l’ai vu enfant, mais il a quelque chose d’étrangement captivant
    https://www.reddit.com/media?url=https%3A%2F%2Fpreview.redd....

    • Si ma mémoire est bonne, c’était à l’origine l’image de fond du programme d’installation, puis elle a été réutilisée plus tard comme option de fond d’écran, non ?
    • Le Microsoft Natural Elite à gauche de l’image est encore aujourd’hui le seul clavier que j’utilise, et celui que je continuerai à utiliser. J’en ai quatre de rechange empilés dans un placard
    • Comme cela a déjà été dit, c’était l’écran d’installation, et cela reste mon fond Windows préféré
      En réalité, c’est une image 2 bits avec seulement du bleu et du noir, à laquelle on a ajouté du dithering. Personnellement, je la trouve très apaisante
    • Ce style visuel a-t-il un nom ?
  • Ce qui est vraiment drôle ici, c’est que malgré tout ce travail, le réglage de qualité par défaut du fond d’écran de Windows 10 était toujours inférieur à 100 %
    C’est bien le Microsoft que je connais ^^

    • Qu’est-ce que ce « réglage de qualité par défaut du fond d’écran » ? Je ne suis pas utilisateur de Windows, donc je suis curieux
    • Oui. À cause de ça, et parce que je l’ai souvent vu via le Bureau à distance, j’ai l’impression de n’avoir presque jamais vraiment apprécié la qualité originale
      J’ai toujours aimé les ensembles de fonds d’écran de l’époque Windows 9x, car ils étaient conçus pour rester beaux même en mode basse qualité 256 couleurs
  • C’est dommage que Microsoft ne consacre pas autant de temps et d’efforts au reste du design de tous ses produits

    • Si, ils le font. C’est pour ça qu’il y a environ cinq langages de design concurrents
    • Je me demande ce que ça aurait donné s’ils avaient consacré autant de temps à corriger ou améliorer la barre de recherche de Windows, au lieu de la fonction Recall récemment annoncée
    • Ils n’en ont pas besoin. Difficile de discuter avec le succès. Ils ont conservé pendant des décennies le produit dominant dans ce domaine
  • Le fond d’écran original de Windows 10 a été remplacé dans les versions ultérieures par une version générée par ordinateur plus claire et plus épurée. Personnellement, je préfère la version retouchée ultérieure

    • As-tu une source pour dire qu’il a été « remplacé par une version plus claire et plus épurée, générée par ordinateur » ?
  • Si le sujet vous intéresse et que vous en avez l’occasion, je recommande vivement le Musée Cinéma & Miniature à Lyon, en France : <https://www.museeminiatureetcinema.fr/>
    Les supports promotionnels mettent beaucoup en avant les décors de films, costumes et accessoires exposés, qui sont effectivement intéressants, mais ce sont les miniatures de cinéma réparties sur deux étages qui m’ont paru de loin les plus fascinantes
    On y voit une succession de dioramas de décors miniatures fabriqués physiquement, qui servaient de « décors virtuels » avant d’être en grande partie remplacés par l’art CGI. C’est remarquable non seulement du point de vue de l’histoire du cinéma, mais aussi comme œuvres d’art
    Cette histoire m’y a fait penser. L’effet recherché nécessite parfois un réalisme tactile difficile à reproduire en numérique, et le résultat n’est pas forcément lisse comme un jouet