Como faço para iluminar o logotipo contra um fundo desfocado?

Estou tentando criar um site para um amigo e estou tendo problemas

Tentei adicionar um plano de fundo branco ou preto transparente ao logotipo e ele simplesmente não parece bom.

O texto está bom, é apenas o logotipo com cores claras fortes.

Como devo remediar isso?

Com a sugestão do horizonte, agora parece muito mais legível. Também removi o desfoque porque meu raciocínio inicial para o desfoque é que ele daria mais foco ao logotipo e ao texto.

Quanto à solicitação para a foto e o logotipo completos (observe que ambos são licenciados para que você não possa usá-los para fins comerciais), anexei-os abaixo:

Tudo bem, o ponto principal que quero enfatizar é um pouco uma combinação das outras respostas e um pouco mais. Você tem uma ferramenta de composição muito poderosa em suas mãos e mal a utiliza.

Esta é apenas uma tomada, e está muito sujeita a opinião, mas espero que o raciocínio por trás disso leve você a algumas idéias para sua própria tomada e ajude outras pessoas.

Eu não sei o tamanho que deveria ser, então peguei o original e recortei a parte do menu como um tamanho que me dava 779px x 390px.

Primeiro vou entender que isso é sobre janelas e vidro. Sair da regra de Hitchcock que deve ser um item bastante grande. A estrada e a grama são menos importantes, mas ajudam a fundamentar a imagem, então a tornaremos muito pequena. Então eu sei que vou precisar de espaço para um logotipo também. Então, talvez algo como isto:

Tudo bem, agora essa imagem já parece bastante corrigida por cores, mas como nosso logotipo é azul, provavelmente poderíamos usar alguma composição e / ou gradação de cores para realmente aprimorá-la um pouco. Aqui está o logotipo:

Uma das combinações de cores mais populares no cinema que funcionará bem para isso é Azul e Dourado / Amarelo .

Para que eu possa inserir uma camada de ajuste de curvas e foi com isso que eu fui:

O que nos dá muito mais contraste:

Então podemos editá-lo com alguns ajustes mais precisos. Como o logotipo azul no prédio ao lado do nosso logotipo é perturbador, especialmente se você deseja adicionar esse subtexto por aí. Então eu posso remover isso. E vou remover o guindaste pelo mesmo motivo:

E provavelmente é muito bom agora, mas para enfatizar ainda mais meu argumento, talvez esse prédio ainda seja perturbador, então vamos encurtar rapidamente:

O principal ponto que espero que isso mostre é que você não se sinta limitado - esta é minha foto, onde posso enfiar esse logotipo? Ah, não parece certo, vamos adicionar uma caixa, uma sombra ou um brilho. Você pode fazer muito mais composição.

Você pode dar uma olhada nesta pergunta para algumas idéias:

Fazendo o texto se destacar na frente das imagens .

Além disso , por que não simplesmente adicionar mais céu por cima e encolher o prédio da cidade para ficar abaixo do logotipo e não interagir com ele?

No momento, seu prédio alto é o que tira o contraste; a torre está escura e a parte do logotipo também.

Aqui está uma sugestão e ela pode ser facilmente usada como um design de banner responsivo.

Não requer muitas camadas, basta usar um gradiente nas máscaras de camada no Photoshop para mesclar o céu com a cidade e alterar o modo de mesclagem, se desejar. Você também pode cortar a cidade para fazer o céu se encaixar perfeitamente por trás dessa cena, depende de você.

Você também pode colorir o fundo com um azul claro, se preferir. Eu escolhi o cinza porque ele cria um bom tema de cores com o blues e também torna o logotipo mais como o ponto de interesse central.

Sempre que encontro tal situação, as duas primeiras coisas em que penso é adicionar uma sombra projetada ou brilho externo , considerando o logotipo e as cores, você deve usar o brilho externo para destacar seu logotipo do fundo.

Dessa forma, onde quer que você queira colocá-lo em sua imagem, ele ainda será legível e ficará bonito, veja:

Descobri que um contorno branco com um borrão preto por baixo parece resolver praticamente todos os problemas de texto. Editar: veja como seria regularmente - usando seus gráficos profissionais:

Nesse caso, acho que também seria benéfico iluminar a imagem em segundo plano - talvez compre outra que foi tirada em um dia mais ensolarado. Isso também salvará as cores mais escuras do seu logotipo - o que significa que você precisará fazer menos para destacar o texto.