1 pontos por GN⁺ 2024-05-23 | 1 comentários | Compartilhar no WhatsApp
  • A imagem padrão da área de trabalho do Windows 10 não foi criada como um gráfico simples do logotipo, mas como um objeto físico, expressando com luz e perspectiva o espaço que o Windows abre
  • A equipe de produção quis fazer o logotipo parecer um portal, construindo uma estrutura real e criando uma imagem baseada em filmagem real com ângulos de câmera e iluminação volumétrica
  • Com um sistema de câmera Phase One 9k, foram feitas várias exposições, depois compostas no Photoshop para construir as camadas de luz e a tridimensionalidade do logotipo
  • Feixes de projetor, reflexos em acrílico, névoa natural, linhas de laser, fumaça filmada separadamente e lens flares foram combinados, e a imagem final foi ajustada em tons de Microsoft Blue
  • Além de uma única hero image, foram obtidas milhares de variações em live action para criar uma biblioteca de imagens utilizável em vários aplicativos do Windows

O papel da imagem de desktop do Windows 10

  • O Windows se consolidou, ao longo de quase 30 anos, como um ícone de experiência personalizada para os usuários, sendo usado diariamente por mais de 1 bilhão de pessoas
  • A Windows Hero Desktop Image é a primeira imagem que o usuário vê ao iniciar o Windows e também aparece em anúncios do Windows em praticamente todos os países
  • Com o lançamento do Windows 10 em 2015, o Windows mudou mais uma vez, e esta foi a última grande versão do Windows antes da migração para um modelo de atualizações digitais rápidas
  • O logotipo passou a ser interpretado não apenas como quatro retângulos em forma de ladrilho, mas como um elemento que mostra o espaço atrás dele e a energia que o atravessa
  • O foco do trabalho não estava apenas no logotipo do Windows em si, mas também em mostrar o progresso tecnológico e o movimento por trás dele e através dele

Uma imagem de portal criada com filmagem real

  • O centro do método de produção foi uma filmagem live action com várias variáveis e customizações aplicadas
  • O conceito principal era posicionar o logotipo como um portal para o mundo por trás dele, e por isso foi escolhida uma abordagem de realmente construir e filmar
  • A equipe criou uma estrutura física real do logotipo do Windows e depois deu vida a ele com ângulos de câmera criativos e iluminação volumétrica
  • Foram capturadas várias exposições do logotipo do Windows com um sistema de câmera Phase One 9k, depois compostas na pós-produção para criar combinações de iluminação volumétrica
  • O objetivo era obter várias imagens de desktop que existissem de forma real e tivessem sido feitas de maneira prática
  • A imagem final foi criada para transmitir uma sensação nítida e física, como se fosse possível estender a mão para dentro da tela e tocá-la

Feixes de projetor e a estrutura do logotipo

  • O método dos feixes de projetor foi montado como uma técnica cinematográfica que concentra a luz através de pequenas “janelas”
  • Em um cartão preto, foram recortados quatro retângulos na forma do logotipo do Windows, e o mesmo formato foi reproduzido em acrílico para alinhar com precisão as duas superfícies
  • Na parte interna do acrílico, foram criadas bordas transparentes capazes de receber dispersão de luz e reflexos
  • Os Projector Beams passaram pelos furos na placa e foram fotografados em um ângulo inclinado para adicionar forma e textura à imagem
  • A direção que revela a origem da luz enfatiza a sensação de profundidade através do portal
  • Como fontes de luz, foram usados um projetor de vídeo comum e os futureWeapon Laser Projectors de Adam LaBay, sendo estes últimos responsáveis pelo trabalho com linhas grossas de laser
  • A luz dos quatro furos foi manipulada com cores diferentes para que cada uma representasse uma parte do logotipo
  • A névoa natural acrescentou uma textura escura e atmosférica, dando ao logotipo do Windows uma atmosfera única e provocativa

Composição de mais de 3.000 fotos

  • Durante a filmagem, foram obtidas mais de 3.000 fotos, e na etapa inicial de composição foi necessário selecionar os ativos adequados para a imagem final
  • Munko importou as imagens selecionadas para o Photoshop e compôs várias exposições em resolução 9k
  • Primeiro, foi criada a imagem base que serviria de fundamento para a hero still, e depois o design do logotipo foi construído com várias camadas de iluminação, incluindo lasers
  • As camadas principais variavam desde uma iluminação de contorno mínima até várias linhas de laser atravessando o centro do logotipo
  • Essas camadas foram compostas repetidamente, iluminando a névoa volumétrica de diferentes maneiras
  • Depois que a estética baseada no logotipo foi definida, foi adicionado um environment pass composto por camadas de fumaça e névoa filmadas separadamente
  • No final, lens flares também foram compostos como um pass separado, e a fonte de luz foi posicionada no mesmo local dos projetores a laser para ser filmada com alinhamento preciso em relação aos outros passes
  • A correção final de cor foi aplicada com a paleta característica Microsoft Blue, mantendo a faixa tonal
  • O arquivo final em 9k foi enviado para a XYZ Creative Production Agency, especializada em retoque fotográfico avançado, para a otimização final da hero image

Operação da filmagem e biblioteca de imagens

  • O processo de produção foi conduzido de forma colaborativa, e Doctor Joseph Picard teve um papel importante no conceito criativo inicial e no desenvolvimento da técnica de filmagem live action
  • A produção ficou a cargo da Tool of North America, e Mary Church foi responsável pela operação de produção
  • A equipe de projeção contou com Adam LaBay e James Hurlbutt, e Aaron Fee auxiliou Doctor Picard no set de filmagem
  • A filmagem ocorreu durante dois dias completos, com dois sets operando ao mesmo tempo e alternando entre fontes de vídeo e fotografia still
  • Graças à abordagem live action, mesmo depois de obter a hero image foi possível continuar capturando variações em cada configuração
  • A equipe focou na criação de uma biblioteca completa de imagens utilizável em vários aplicativos do Windows

1 comentários

 
GN⁺ 2024-05-23
Opiniões no Hacker News
  • Certa vez, para fazer a capa de um livro de genealogia, cheguei a montar uma parede com papel de parede de verdade
    O que eu queria era uma composição com fotos antigas de parentes penduradas numa parede antiga e, na parte inferior da capa, fotos apoiadas sobre a prateleira de uma lareira
    No começo, tentei empilhar papel de parede, molduras e fotos em camadas num programa de pintura, e até adicionar sombras, mas não ficou convincente
    Então comprei na Lowe's algo como uma placa de espuma isolante de 4' x 8' e 2 polegadas, o papel de parede mais antiquado que encontrei, um galão de tinta etc.; estraguei a iluminação, mas considero que ainda estou aprendendo fotografia. Mesmo assim, gostei do resultado
    https://imgur.com/a/12VN4sI

    • No meu estúdio em casa não havia uma parede limpa e desobstruída que pudesse servir para uma sessão simples, e embora rolos de papel de fundo sejam uma boa alternativa, às vezes dá vontade de usar uma parede ou um canto de verdade, ou papel de parede
      Então fiz uma estrutura grande com placas de papelão ondulado duplo, reforços feitos de cantos de palete, coisas como pinos de encadernação gigantes e uma pistola de cola quente, e colei papel de parede por cima com adesivo em spray
      Também escolhi mal a estação do ano: o ar estava úmido e era preciso ligar o aquecimento, então não durou muito e começou a ondular; aprendi que o papelão ondulado se comporta de forma bastante orgânica em ar úmido
      Foi quase um fracasso, mas, se eu fizesse de novo, usaria foamcore ou uma placa isolante mais espessa em vez de papelão
      Ter controle direto sobre essa parte do processo foi extremamente interessante e libertador, e desde então venho montando minhas próprias ferramentas fotográficas de um jeito que beira a obsessão
      Acho que muitos desenvolvedores de software por aqui não entendem bem a semelhança entre esse tipo de trabalho e montar sua própria “stack” para alguns aplicativos
      As “ferramentas” de um fotógrafo de verdade mal começam na câmera; há ferramentas que vão além dos acessórios e chegam à própria cena ou à metodologia
  • Só depois de passar bastante tempo nos últimos anos com fotografia, especialmente câmeras de filme, é que descobri que essa imagem foi realmente fotografada. Como uso Linux há muito tempo, quase nunca via essa imagem
    Muita gente diz que teria sido mais fácil fazer com efeitos visuais, mas não concordo. Há muitos detalhes convincentes nessa imagem que até um excelente artista de efeitos visuais levaria bastante tempo para acertar
    Por outro lado, com uma câmera dá para fazer o mundo trabalhar por você. A montagem do estúdio também é muito simples e fácil de experimentar: papelão, painéis de acrílico, projetor e um pouco de neblina. Tenho certeza de que a fotografia era a ferramenta certa para este projeto

    • Se você entregasse essa imagem a um artista de efeitos visuais e dissesse “faça algo assim”, ele conseguiria. Provavelmente já era possível em 2015
      Mas a equipe que fez essa imagem não tinha a imagem final pronta de antemão; tinha apenas algumas ideias que queria testar
      O processo de produção não é só a história das técnicas usadas, mas também de como elas foram aplicadas, ajustadas e avaliadas conforme os resultados apareciam
      Essa imagem foi “fabricada” no sentido de que as pessoas criaram o objeto a ser fotografado, mas também foi uma espécie de descoberta, no sentido de que testaram várias coisas até encontrar algo de que gostaram
      Isso também é possível em efeitos visuais, mas o processo é diferente, e quando há iterações demais a vantagem de custo desaparece rapidamente. É por isso que filmes de animação são tão rigorosos em fechar o roteiro no início da produção
      Não dá para improvisar um filme de animação inteiro de forma economicamente eficiente como um diretor e atores improvisam com uma câmera e um set
    • A frase “fazer o mundo trabalhar por você” me lembra o algoritmo de ordenação por espaguete
      https://en.wikipedia.org/wiki/Spaghetti_sort
    • Fiquei curioso sobre quais detalhes você quer dizer. Com ray tracing, materiais baseados em física e dinâmica de fluidos, achei que um computador não teria grande dificuldade em renderizar de forma realista uma cena estática de luzes com várias propriedades atravessando pedaços de plástico e atingindo uma névoa em redemoinho
      Os parâmetros da cena teriam de ser definidos, mas depois disso gerar alguns milhares de frames seria igualmente fácil. Também seria mais fácil fazer controle de versão para experimentos
    • Eu provavelmente teria feito isso com efeitos visuais, e acho que seria possível obter um resultado parecido de forma mais econômica. É provável que a maioria das pessoas, como eu, tenha presumido originalmente que eram efeitos visuais
      Ainda assim, fico feliz que a Microsoft não tenha feito assim. Graças a isso, virou uma história e um estudo de caso interessantes
    • Isso soa mais como racionalização posterior. A quantidade de trabalho repetitivo simples envolvida é absurda
      O fato de terem colocado um esforço enorme nesse papel de parede não significa que tenham usado a ferramenta certa para o trabalho, nem que o resultado tenha ficado melhor por causa disso
  • Vi essa imagem milhares de vezes e, mesmo que fosse uma composição, nunca imaginei que ela tivesse partido de efeitos práticos. Muito legal
    Parece que o trabalho de composição também não foi nada trivial
    A sessão rendeu mais de 3.000 fotos, e a etapa inicial de composição, em que Munko examinou todos os ativos e escolheu os melhores para a imagem final, parece ter sido um verdadeiro exercício de paciência
    Impressiona o processo descrito: depois, no Photoshop, em resolução 9K, eles combinaram obstinadamente as exposições, encaixando várias luzes de laser e passes de ambiente, camadas de fumaça e neblina e até lens flares fotografados separadamente, para então fazer a correção de cor final com a paleta “Microsoft Blue”

    • Fotografia de produto com orçamento limitado basicamente funciona assim. Você deixa a câmera fixa, ajusta a iluminação a cada foto e, na pós-produção, escolhe as partes de cada imagem de que gosta e as combina no Photoshop
      Gosto de ver esse método no canal do YouTube chamado “workphlo”. O processo principal é o mesmo para todos os objetos, mas é divertido ver as técnicas mudando
      https://youtube.com/@workphlo
  • Pelo título, confundi com o papel de parede do XP e imaginei a equipe construindo aquela colina e colocando grama
    [0] https://en.wikipedia.org/wiki/Bliss_(image)

    • Mais detalhes sobre o papel de parede Bliss: https://windowswallpaper.miraheze.org/wiki/Bliss
      A Microsoft foi além de simplesmente licenciar: comprou todos os direitos da imagem, de modo que outras empresas não pudessem licenciá-la novamente pela Corbis
      Ela foi usada com frequência como base do marketing do XP e do esquema de cores do tema Luna, e dizem que o preço ficou na faixa baixa dos 100 mil dólares, embora o valor não tenha sido divulgado. O'Rear não pôde revelar o valor exato por causa de um acordo de confidencialidade e também não recebeu o montante integral, pois a Corbis cuidou da venda
      Após a aquisição pela Microsoft, a imagem foi removida permanentemente do site da Corbis e nunca foi oferecida no Getty Images nem em outros sites com os quais a Corbis fazia licenciamento cruzado. A foto em orientação vertical também foi incluída na aquisição, então O'Rear não pode divulgá-la
    • Texto relacionado: The search for Autumn
      https://www.vanityfair.com/news/2007/02/autumn200702
    • Por um momento, confundi com o papel de parede do Windows 11 e fiquei me perguntando como tinham feito tantas dobras tão lisas e com espaçamento tão uniforme
  • Também é interessante o que Brian Eno disse sobre o trabalho de compor um dos sons de inicialização do Windows
    “A ideia surgiu quando eu estava completamente sem ideias. Eu estava trabalhando na minha própria música havia algum tempo e, na verdade, estava bastante perdido. Então fiquei muito grato quando alguém apareceu e disse: ‘Aqui está um problema específico, por favor resolva’”
    https://www.sfgate.com/music/popquiz/article/q-and-a-with-br...

    • O som de inicialização do Windows 95 tocado 23 vezes mais devagar soa ainda mais como Brian Eno
      https://www.youtube.com/watch?v=fNIfbdi41ho
    • Fica martelando na minha cabeça a parte em que a agência listou um monte de adjetivos, dizendo que queria uma música “inspiradora, universal, otimista, futurista, sentimental e emocional”, e no fim escreveu: “e deve ter 3,25 segundos de duração”
      O trabalho dele na Long Now Foundation passa a fazer mais sentido. Sempre acho curioso como a Microsoft gasta tempo e dinheiro em detalhes minúsculos dos produtos
  • Esse fundo também é excelente, mas, pessoalmente, o melhor papel de parede do Windows foi este
    Talvez por eu tê-lo visto quando era criança, ele me cativa de um jeito estranho
    https://www.reddit.com/media?url=https%3A%2F%2Fpreview.redd....

    • Se minha memória não falha, isso era originalmente o plano de fundo do instalador e depois foi reutilizado como opção de papel de parede, não foi?
    • O Microsoft Natural Elite à esquerda da imagem ainda é o único teclado que uso e o que vou continuar usando. Tenho quatro reservas empilhadas no armário
    • Como já disseram, isso era uma tela de instalação e, até hoje, é meu fundo do Windows favorito
      Na verdade, é uma imagem de 2 bits com apenas azul e preto, com dithering aplicado. Pessoalmente, acho muito reconfortante
    • Existe um nome para esse estilo visual?
  • O realmente engraçado aqui é que, mesmo com tanto trabalho envolvido, a configuração padrão de qualidade do papel de parede do Windows 10 ainda era menor que 100%
    É bem a Microsoft que eu conheço ^^

    • O que é “configuração padrão de qualidade do papel de parede”? Não uso Windows, então fiquei curioso
    • Exato. Por causa disso e por tê-lo visto com frequência via Área de Trabalho Remota, acho que quase nunca cheguei a apreciar a qualidade original de verdade
      Sempre gostei do conjunto de papéis de parede da época do Windows 9x porque eles eram projetados para ficar bons até no modo de baixa qualidade de 256 cores
  • É uma pena que a Microsoft não dedique esse mesmo tempo e esforço ao restante do design de todos os seus produtos

    • Dedica, sim. É por isso que existem umas cinco linguagens de design competindo entre si
    • Fico pensando como teria sido se tivessem usado esse mesmo tempo para consertar ou melhorar a barra de pesquisa do Windows, em vez do recurso Recall anunciado recentemente
    • Não precisam. Porque é difícil contestar o sucesso. Eles continuam tendo, há décadas, o produto dominante nessa área
  • O papel de parede original do Windows 10 foi substituído em versões posteriores por uma versão gerada por computador mais clara e limpa. Pessoalmente, prefiro a revisão posterior

    • Há alguma fonte para a afirmação de que “foi substituído por uma versão mais clara e limpa, gerada por computador”?
  • Se você se interessa por esse tema e tiver oportunidade, recomendo muito o Musée Cinéma & Miniature, em Lyon, na França: <https://www.museeminiatureetcinema.fr/>
    O material promocional dá bastante destaque aos sets de filmagem, figurinos e adereços em exposição, e eles certamente são interessantes, mas, para mim, as miniaturas de cinema distribuídas por dois andares foram muito mais interessantes
    Há uma sequência de dioramas de sets em miniatura construídos fisicamente que eram usados como “cenários virtuais” antes de serem em grande parte substituídos pela arte em CGI. Eles são surpreendentemente excelentes não só como história do cinema, mas também como obras de arte
    Essa história me fez lembrar de lá. O efeito desejado às vezes exige uma realidade tátil difícil de reproduzir digitalmente, e o resultado também não sai apenas limpinho como um brinquedo