Como obtenho esse efeito de "brilho"?

Estive olhando para esta imagem da Apple e tentando descobrir como obter esse efeito de brilho (que pode ser visto no monitor).

Alguem sabe?

O efeito de brilho no monitor em si é um efeito digitalizado, não é real. Tecnicamente falando, é quase impossível obter uma fotografia nítida de uma tela de computador com a imagem exibida, como você pode ver no exemplo da Apple. O que geralmente é feito é uma fotografia da (s) tela (s) tirada (s) enquanto estão desligadas, e as imagens que supostamente estão sendo exibidas nas telas, bem como os destaques, são adicionadas usando o Photoshop.

Pode ser possível obter algo semelhante a isso usando uma configuração de iluminação muito cuidadosamente criada, no entanto, é altamente duvidoso que você obtenha um destaque tão limpo com uma borda tão nítida. Os destaques na realidade são reflexos (geralmente especulares) de fontes de luz; portanto, uma fonte de luz retangular com a forma e o brilho certos seria necessária para gerar um destaque como esse.

Eu não faço muito ainda a fotografia de objetos, apenas observei isso sendo feito. No entanto, fiz bastante trabalho de design gráfico, e o efeito é muito fácil de usar no photoshop e na fotografia de um monitor (ou monitores). Basta uma captura de tela da imagem que você deseja que o monitor para exibir em escala, inclinação e rotação para caber na tela e um gradiente de branco translúcido desenhado no ângulo apropriado.

Você acabou de usar um gradiente no Photoshop.

É impossível obter um brilho assim em uma fotografia, pois a borda da tela e a área da tela têm propriedades reflexivas diferentes. A pessoa que colocou o brilho nessas imagens não foi responsável por isso, e é por isso que o brilho não parece real.

Como é feito no Photoshop

Uma "camada" é criada com um gradiente de branco que varia de uma opacidade de quase 100% a 0%. Esse gradiente é feito no ângulo de 2 horas que você vê.

Em seguida, a camada é mascarada e um gradiente é aplicado na parte superior, tornando a opacidade desbotada de cima para baixo, começando no meio do caminho (se você notar que a parte inferior é mais transparente que a parte superior).

Por fim, essa camada é colocada sobre uma captura de tela feita no computador que foi deslocada e colocada em camadas na foto de um computador real.

O que é isso?

O destaque simula algo que costumava acontecer em estúdios fotográficos profissionais, embora o fotógrafo geralmente tente minimizar o efeito. É o brilho de um elemento de iluminação chamado "softbox". Ele foi projetado para emitir uma luz suave, muita luz ambiente e sombras indefinidas. O que você vê é um reflexo da softbox real.

Skeumorfismo é o termo que descreve artificialmente a inclusão de elementos do mundo real ou obsoletos em projetos como este.

Ops!

Veja as duas telas na imagem de exemplo. Não parece muito certo, não é? Isso porque o designer cometeu um erro. Embora os monitores estejam em ângulos diferentes, os realces estão exatamente no mesmo local e no mesmo ângulo. Se você pudesse superimpor ambas as imagens, veria que elas são idênticas. Os olhos captam esse pequeno erro e você tem uma sensação irreal. Independentemente disso é ...

Vi um ótimo vídeo dos bastidores de um fotógrafo de produto contratado para gravar imagens semelhantes do iPod Touch, mas não consigo encontrá-lo agora.

De qualquer forma, você nunca pode dizer o que é definitivo, mas é realmente difícil obter um destaque nítido como esse com uma softbox e muito fácil de fazer no Photoshop com uma camada de ajuste, então vou usar a última opção. Apenas oculte a área relevante da tela e aplique uma camada de ajuste de níveis ou HSL.

Se você deseja que o brilho seja real , imagine o monitor como um espelho. Posicione um cartão branco para que seu reflexo fique onde você deseja que o brilho apareça. Ilumine brilhantemente esse cartão com uma luz que não seria visível dentro do espelho e, caso contrário, não iluminaria o próprio monitor.

Na imagem da mão esquerda, por exemplo, localize o cartão à esquerda e um pouco acima do monitor. Ilumine-o com uma luz focada da direita. Se necessário, bloqueie parte dessa iluminação para que o próprio monitor fique dentro da sombra. Essa configuração não é difícil ou demorada: você não está realmente preocupado em combinar a cor dessa luz extra com a luz ambiente, de modo que pode ser quase qualquer coisa - inclusive uma lâmpada de mesa - e o único equipamento necessário é um suporte e fita para segurar o cartão (ou um ajudante).

Esta técnica e muitos outros princípios gerais de iluminação são claramente explicados e ilustrados no livro Light: Science & Magic, de Hunter & Fuqua .

No PSD, crie uma nova camada na parte superior da imagem com o estilo definido como 1% de traçado e)% de opacidade. em seguida, na sua camada, remova o traçado. Em seguida, você pode usar um estilo de camada> gradiente> branco para limpar> ÂNGULO> baixa opacidade. Usei isso quando tive que criar uma imagem vetorial do que uma imagem em um quadro gostaria e colocá-la em cima de uma imagem real de uma parede do quarto. Funcionou muito bem. É assim que você obtém o efeito de brilho. Não há de quê