Como maquete um logotipo em um ambiente realista?

Eu criei recentemente um logotipo. Vi uma tendência on-line de exibir um logotipo em um ambiente realista, ilustrando possíveis casos de uso do logotipo.

Um exemplo disso pode ser visto aqui, com o logotipo original na parte inferior e uma maquete 3D na parte superior:

Clique para ampliar

Como posso criar uma maquete?

O método fácil :

Baixe.

Existem muitos modelos (gratuitos) como este disponíveis online. Geralmente, são arquivos do Photoshop que possuem o logotipo incorporado em um objeto inteligente. Ao substituir o logotipo dentro do objeto inteligente pelo seu, você pode visualizá-lo facilmente em uma configuração realista.

Alguns exemplos de recursos de maquete (gratuitos e pagos):

• Freepik

• Designshack

• GraphicBurger

O método ainda fácil

Usando um software dedicado.

A Adobe lançou recentemente o Dimension, por exemplo. Este software possui várias cenas e modelos 3D integrados, combinados com seus mapas de deslocamento. Então, tudo o que você precisa fazer é arrastar seu logotipo e ele será ajustado automaticamente a um produto.

Um programa muito semelhante é o BoxShot .

Exemplo:

O método não é tão fácil, mas ainda assim muito fácil

Role o seu próprio.

1. Encontre uma boa foto de uma frente de loja, uma parede de escritório, qualquer configuração em que você queira ver seu logotipo. Por exemplo:

2. Prepare o local que você deseja colocar seu logotipo. No exemplo, eu apenas pintei a janela e usei o pincel de cicatrização na parte superior da loja e a placa.

3. Adicione seu logotipo (como pixels!) E transforme-o em um objeto inteligente ( clique com o botão direito do mouse > Converter em objeto inteligente_ ou Camada > Objetos inteligentes > Converter em objeto inteligente ).

4. Posicione seu logotipo como desejado. Eu adicionei um logotipo branco, então para a janela eu adicionei um estilo de camada (cor de sobreposição preta).

5. Se você quiser colocar seu logotipo em outros lugares, duplique sua camada. É importante que você duplique, para que o logotipo seja atualizado em qualquer lugar quando você substituir o conteúdo do objeto inteligente. Também adicionei um padrão de ruído ao topo para torná-lo um pouco mais realista.

6. Agora vamos substituir nosso logotipo em nosso objeto inteligente e ver se ele é atualizado. Clique duas vezes no ícone Objeto inteligente na camada e ele abrirá o objeto inteligente. Coloque seu novo logotipo e oculte ou exclua o antigo. Salve e retorne à sua primeira imagem.

Sucesso! Como você pode ver, isso ainda é muito fácil de fazer depois que você entender como isso funciona. Você pode até distorcer e adicionar efeitos aos objetos inteligentes, e o conteúdo será fácil de atualizar.

Isso realmente impressiona um cliente (potencial): uma imagem da frente de sua loja atual com seu novo logotipo!

<sub>- Fonte da foto: https://unsplash.com/photos/y6rwKaurdkI
- Fonte do logotipo: http://acmelogos.com/</sub>

Aqui está uma maneira bastante simples de fazer algo semelhante, sem efeitos 3D (ou qualquer renderização 3D longa), simplesmente usando efeitos básicos no Photoshop.

O que você vai precisar:

• Uma fotografia de uma janela / parede / superfície com algumas reflexões mostrando
• Uma imagem de logotipo com fundo transparente
• Uma segunda fotografia para usar como uma camada de reflexão. Isso pode ser qualquer coisa, desde que haja bastante contraste claro e escuro.

No exemplo abaixo, a imagem frontal da loja é a camada inferior. Além disso, colei o logotipo em sua própria camada, que era bastante grande, converti-o em um Objeto Inteligente e, em seguida, usei uma Transformação de Distorção para combinar a perspectiva do logotipo com o quadro da Janela e reduzir seu tamanho. Em seguida, apliquei um efeito de chanfro e relevo e soltei sombra no logotipo Smart Object para dar profundidade e solidez.

É bastante útil ter o logotipo como um Objeto Inteligente, pois você pode editar a Distorção Transformada quantas vezes quiser, sem degradar a qualidade da imagem.

Então eu usei a foto de uma cena de rua como uma camada de reflexão. A imagem foi convertida em alto contraste usando o filtro Threshold, depois a desfoquei usando o filtro Gaussian Blur e, em seguida, fiz um filtro de distorção Ocean Ripple para dar uma textura.

A camada de reflexão foi cortada na camada do logotipo, e o modo da camada mudou para tela, e eu também diminuí a opacidade da camada de reflexão.

Aqui estão alguns exemplos das imagens que usei

E aqui está um exemplo do efeito final, mostrando as camadas

Clique aqui para obter um zoom 100% no logotipo

Também seria possível usar isso como um modelo de maquete, pois tudo o que você precisa fazer para um logotipo diferente é colar outra imagem no Objeto Inteligente.

Para mim, tenho um conjunto de ferramentas de modelagem e renderização 3D com as quais me sinto bastante confortável e as uso sempre que essa situação ocorre. Como a resposta anterior estipula, quando você mostra ao cliente os projetos propostos, não apenas em um "contexto" genérico, mas de fato em seu contexto específico, o impacto é ... audível.

Se você não quiser ver objetos inteligentes do photoshop e suas enormes limitações, poderá usar o Boxshot (fácil), o Blender (gratuito), o modo (poderoso e fácil) ou o C4D (possui plug-in existente para as versões Illustrator e Lite incluído com o Adobe CS Suite).

Eu pessoalmente uso o modo e adoro isso.

Veja alguns dos meus exemplos de um projeto de documentação de ajuda em andamento que reflete alterações no design da capa, no layout do conteúdo e até no conceito básico:

Já existem muitos itens essenciais abordados por outras respostas, mas ainda posso acrescentar algo.

O logotipo inserido deve ficar na imagem de plano de fundo de várias maneiras:

• mesma luz, brilhos e sombras plausíveis
• mesmo balanço de branco
• mesmo contraste e saturação de cor
• mesmo ruído e nível de distorção geral
• Na mesma perspectiva de visualização, pode ser necessária alguma extrusão 3D se for um sinal com alguma espessura.
• compatibilidade geométrica da forma da superfície (= curvas e solavancos à direita)

Se o ambiente estiver rasgado e desgastado, o logotipo inserido não poderá ser como um novo. Obviamente, se o logotipo for novo, é muito provável que você queira colocá-lo em algo tão bom. Mas ter algo mais antigo como uma opção pode ajudar a provar que também funciona depois de algum tempo.

Vamos parar de filosofar e ver o que temos. Aqui está um novo logotipo:

O logotipo colocado em um ambiente antigo:

O logotipo reduziu o contraste e a saturação da cor. Algum ruído é adicionado. Há uma sobreposição que contém ruído, contraste e saturação, reduzindo o cinza e o escurecimento devido à sombra. Todos esses também podem ser camadas separadas e geralmente devem ser separados para facilitar reajustes em diferentes contextos.

Rotação de perspectiva normal, escala e distorção são realizadas. Nesse caso, eles não são suficientes. Além disso, há

• deformação devido à parede dobrada
• mapa de deslocamento devido à parede não uniforme (é uma cópia em preto e branco da parede)
• alguns itens de cobertura que ficam na frente do logotipo e impedem que o logotipo fique totalmente visível; eles foram cortados da imagem de fundo

Outro exemplo: o ombro de alguém

No início, o logotipo foi distorcido para parecer curvado.

A luz é uma peça desaturada da pele, a faixa de brilho é ajustada com a ferramenta de curvas para simetricamente em torno de 50% e o contraste foi aumentado. O modo de mesclagem é difícil.

Aqui, apenas um pouco de desbotamento da borda é adicionado como efeito de distorção. Uma máscara de camada exatamente correspondente tem um leve desfoque gaussiano.

Uma adição tardia:

Pode-se usar uma forma como padrão de preenchimento. É fácil no ilustrador. Você pode pulverizar formas ou lado a lado. A maneira mais simples de fazer um ladrilho é arrastar a forma para a coleção de amostras e usá-la como cor de preenchimento. Aqui estão algumas cortinas com preenchimento de padrão + cor sólida:

É muito simples colocá-las como uma sobreposição em uma foto que já tenha cortinas vistas diretamente no rosto. Uma visão em perspectiva de outra direção precisa de alguma distorção.

Como no caso da tatuagem acima, pode-se roubar o sombreamento certo da foto com os modos de mesclagem. Só é possível se as cortinas originais tiverem uma cor bastante clara sem padrões. Se não houver cortinas originais, apenas um local para elas ou as cortinas originais tiverem cores complexas, o sombreamento deverá ser pintado ou feito com gradientes. O sombreamento pode ser feito na máscara de camada de uma camada de ajuste Brilho e contraste.

Cuidado: se você cobrir algo da imagem original com suas próprias criações, também deverá esmaecer os traços. Um objeto com cores fortes facilmente colore mais ou menos seus arredores. Se o objeto for alterado para outro, a cor espalhada também deverá ser corrigida.

Há um problema: os têxteis têm rugas, dobras e dobras. O padrão plano não parece certo para eles e a situação piora se a visão não for direta no rosto. É preciso deformações complexas. Esse caso é discutido aqui:

Criando textura de maquete 3d

A única maneira perfeita de criar formas de superfície artificiais é usar o software 3D. Um bom o suficiente para roupas custa uma fortuna ou é complexo de usar (Blender, freeware). Cortinas suspensas com apenas curvas suaves são fáceis de usar, mesmo com deformações manuais. No software CAD, é possível criar o efeito em um minuto. O resultado difere notavelmente da vista plana:

O programa 3D usado (= DesignSpark Mechanical) é um freeware básico. Com ele, você pode obter apenas as renderizações mais básicas com luzes fixas e apenas na resolução da tela. Resultados fotorrealistas precisam de software mais complexo.

A versão 3D não foi feita originalmente para caber em nenhuma foto. Para colocá-lo em uma foto, é necessário ter camadas de ajuste correspondentes à luz e às cores, uma máscara de camada para cortar as cortinas e alguns reflexos e sombras. Sem eles, o implante realmente parece colocado depois. Aqui está um exemplo:

Embora eu concorde com os aspectos de economia de tempo do software oferecido, acho fundamental que você invista e desenvolva as habilidades de edição de imagem do Photoshop (ou outras) para ser um designer gráfico eficaz. Nos meus estudos, imagem, tipo, marca, ilustração vetorial, fotografia foram trabalhadas em conjunto com simpatia ao longo dos 4 anos e isso ajudou muito meu trabalho comercial. As soluções in a box podem parecer genéricas, você quer relevância para o foco no cliente e há situações estranhas, como a música mostrada abaixo, onde a caixa do POS não existia - foi isso que eu criei (junto com a publicação regular do CD) e me valeu uma contrato internacional de impressão de 20K. Todos os itens a seguir são de pré-produção, ou seja, ilustrações da minha arte base no Photoshop, em vez de uma foto real.

Vale o investimento - capacitará seu trabalho de design mais amplo.

Você pode obter facilmente o resultado desejado da apresentação do logotipo com modelos de logotipo criados profissionalmente. Você só precisa fazer o download e colocar seu trabalho de design de logotipo nele. Para sua conivência, aqui é gratuito, bem como maquetes de logotipo premium .