Comment maquiller un logo dans un environnement réaliste?

8

J'ai récemment créé un logo. J'ai vu une tendance en ligne de montrer un logo dans un environnement réaliste, illustrant des cas d'utilisation possibles du logo.

Un exemple de cela peut être vu ici, avec le logo original en bas et une maquette 3D en haut:

Maquette de logo 3D]
Cliquez pour agrandir

Comment puis-je créer une telle maquette?

Robbe Verhoest
la source
Google: "3d wall logo mockup", en fait l'image que vous mettez dans la question est une maquette: "3D Glass Window Logo MockUp".
Merci à tous pour vos réponses! Ils sont très utiles et je serai sûr d'essayer toutes vos méthodes!
Robbe Verhoest

Réponses:

17

La méthode simple :

Télécharge le.

Il existe de nombreuses maquettes (gratuites) comme celle-ci disponibles en ligne. Ce sont généralement des fichiers Photoshop dont le logo est intégré dans un objet intelligent. En remplaçant le logo à l'intérieur de l'objet intelligent par le vôtre, vous pouvez facilement prévisualiser votre logo dans un cadre réaliste.

Quelques exemples de ressources de maquette (gratuites et payantes):


La méthode toujours simple

Utilisation d'un logiciel dédié.

Adobe a récemment publié Dimension par exemple. Ce logiciel a un tas de scènes et de modèles 3D intégrés, combinés avec leurs cartes de déplacement. Il vous suffit donc de faire glisser votre logo et il s'adaptera automatiquement à un produit.

Un programme très similaire est BoxShot .

Exemple:

entrez la description de l'image ici


Le pas si facile , mais encore assez facile méthode

Roulez le vôtre.

  1. Trouvez une bonne photo d'une devanture de magasin, d'un mur de bureau, de tout décor dans lequel vous souhaitez voir votre logo. Par exemple:

entrez la description de l'image ici

  1. Préparez l'endroit où vous souhaitez mettre votre logo. Dans l'exemple, je viens de peindre par-dessus la fenêtre et j'ai utilisé le pinceau de guérison sur le dessus du magasin et le panneau.

entrez la description de l'image ici

  1. Ajoutez votre logo (en pixels!) Et transformez-le en objet intelligent ( clic droit > Convertir en objet intelligent_ ou Calque > Objets intelligents > Convertir en objet intelligent ).

entrez la description de l'image ici

  1. Positionnez votre logo comme vous le souhaitez. J'ai ajouté un logo blanc, donc pour la fenêtre j'ai ajouté un style de calque (couleur de superposition noire).

entrez la description de l'image ici

  1. Si vous souhaitez placer votre logo ailleurs, dupliquez votre calque. Il est important de le dupliquer afin que le logo soit mis à jour partout lorsque vous remplacez le contenu de l'objet intelligent. J'ai également ajouté un motif de bruit à celui du haut pour le rendre un peu plus réaliste.

entrez la description de l'image ici

  1. Remplaçons maintenant notre logo dans notre objet intelligent et voyons s'il se met à jour. Double-cliquez sur l'icône de l'objet intelligent sur le calque et cela ouvrira l'objet intelligent. Mettez votre nouveau logo et masquez ou supprimez l'ancien. Enregistrez et revenez à votre première image.

entrez la description de l'image ici

Succès! Comme vous pouvez le voir, cela reste assez facile à faire une fois que vous comprenez comment cela fonctionne. Vous pouvez même déformer et ajouter des effets aux objets dynamiques, et le contenu sera facile à mettre à jour.

Cela impressionne vraiment un client (potentiel): une photo de sa devanture actuelle avec votre nouveau logo!


- Source photo: https://unsplash.com/photos/y6rwKaurdkI
- Source logo: http://acmelogos.com/

PieBie
la source
7

Voici un moyen assez simple de faire quelque chose de similaire, sans aucun effet 3D (ou tout rendu 3D long), en utilisant simplement des effets de base dans Photoshop.

Ce dont vous aurez besoin:

  • Une photographie d'une fenêtre / mur / surface avec quelques reflets montrant
  • Une image de logo avec un fond transparent
  • Une deuxième photo à utiliser comme couche de réflexion. Cela peut être n'importe quoi, tant qu'il y a beaucoup de contraste clair et sombre.

Dans l'exemple ci-dessous, l'image de la devanture de magasin est la couche inférieure. En plus de cela, j'ai collé le logo sur son propre calque, qui était assez grand, je l'ai converti en objet intelligent, puis j'ai utilisé une transformation de distorsion pour faire correspondre la perspective du logo avec le cadre de la fenêtre et réduire sa taille. J'ai ensuite appliqué un effet de biseau et de gaufrage et une ombre portée sur le logo Smart Object pour lui donner de la profondeur et de la solidité.

Il est très utile d'avoir le logo en tant qu'objet intelligent, car vous pouvez modifier la transformation de distorsion aussi souvent que vous le souhaitez sans dégrader la qualité de l'image.

Ensuite, j'ai utilisé une photo d'une scène de rue comme couche de réflexion. L'image a été convertie en contraste élevé à l'aide du filtre Threshold, puis je l'ai rendue floue à l'aide du filtre Gaussian Blur, puis j'ai appliqué un filtre de distorsion Ocean Ripple pour lui donner une certaine texture.

Le calque de réflexion a ensuite été découpé sur le calque du logo, et le mode de calque est passé à l'écran, et j'ai également réduit l'opacité du calque de réflexion.

Voici des exemples d'images que j'ai utilisées

entrez la description de l'image ici

Et voici un exemple de l'effet fini, montrant les couches

entrez la description de l'image ici

Cliquez ici pour un zoom à 100% sur le logo

Il serait également possible de l'utiliser comme modèle de maquette, car tout ce que vous devez faire pour un logo différent est de coller une autre image dans l'objet dynamique.

Billy Kerr
la source
6

Pour ma part, j'ai une suite d'outils de modélisation et de rendu 3D avec laquelle je suis devenu assez à l'aise, et je les utilise chaque fois que cette situation se produit. Comme l'indique la réponse précédente, lorsque vous montrez au client les conceptions proposées non seulement dans un "contexte" générique, mais en fait dans leur contexte spécifique , l'impact est ... audible.

Si vous ne voulez pas parcourir les objets intelligents Photoshop et leurs énormes limitations, vous pouvez utiliser Boxshot (facile), ou Blender (gratuit), ou modo (puissant et facile), ou C4D (a un plugin existant pour Illustrator et Lite version inclus avec Adobe CS Suite).

Personnellement , j'utilise modo et je l'adore.

Voir certains de mes exemples d'un projet de documentation d'aide en cours reflétant les changements dans la conception de la couverture, la disposition du contenu et même le concept de base:

entrez la description de l'image ici entrez la description de l'image ici entrez la description de l'image ici entrez la description de l'image ici

GerardFalla
la source
5

Il y a déjà de nombreux éléments essentiels couverts par d'autres réponses, mais je peux encore ajouter quelque chose.

Le logo inséré doit se trouver dans l'image d'arrière-plan de plusieurs manières:

  • mêmes ombres et ombres brillantes et plausibles
  • même balance des blancs
  • même contraste et saturation des couleurs
  • même bruit et niveau de détoriation général
  • même point de vue, une extrusion 3D peut être nécessaire s'il s'agit d'un panneau d'une certaine épaisseur.
  • compatibilité de la forme géométrique de la surface (= courbes et bosses droites)

Si l'environnement est déchiré et usé, le logo inséré ne peut pas être comme neuf. Bien sûr, si le logo est flambant neuf, on veut très probablement le placer sur quelque chose d'aussi fin. Mais avoir quelque chose de plus ancien comme une option peut aider à prouver que cela fonctionne aussi après un certain temps.

Arrêtons de philosopher et voyons ce que nous obtenons. Voici un nouveau logo:

entrez la description de l'image ici

Le logo placé dans un ancien environnement:

entrez la description de l'image ici

Le logo a réduit le contraste et la saturation des couleurs. Un peu de bruit est ajouté. Il y a une superposition qui contient du bruit, du contraste et de la saturation réduisant la grisaille et l'assombrissement dus à l'ombre. Tous ceux-ci peuvent également être des calques séparés et devraient généralement être séparés pour des réajustements faciles pour différents arrière-plans.

Une rotation, une mise à l'échelle et une distorsion en perspective normales sont effectuées. Dans ce cas, ils ne suffisent pas. De plus il y a

  • déformation due au mur plié
  • carte de déplacement due au mur non uniforme (c'est une copie BW du mur)
  • deux éléments de couverture qui pendent devant le logo et empêchent le logo d'être totalement visible; ils ont été coupés de l'image d'arrière-plan

Un autre exemple: l'épaule de quelqu'un

entrez la description de l'image ici

Au début, le logo était déformé pour avoir l'air courbé.

La lumière est une partie désaturée de la peau, la plage de luminosité est ajustée avec l'outil Courbes de manière symétrique autour de 50% et le contraste a été accentué. Le mode de fusion est une lumière dure.

Ici, seulement un peu de fondu est ajouté comme effet de détoriation. Un masque de calque correspondant exactement a un léger flou gaussien.

Un ajout tardif:

On peut vouloir utiliser une forme comme motif de remplissage. C'est facile dans l'illustrateur. Vous pouvez vaporiser des formes ou les carreler. La façon la plus simple de créer un pavage consiste à faire glisser la forme vers la collection d'échantillons et à l'utiliser comme couleur de remplissage. Voici une paire de rideaux qui ont un motif de remplissage + une couleur unie:

entrez la description de l'image ici

Il est assez simple de les placer en superposition dans une photo qui a déjà des rideaux vus directement sur le visage. Une vue en perspective d'une autre direction nécessite une déformation.

Comme dans le cas du tatouage ci-dessus, on peut voler la bonne teinte de la photo avec les modes de fusion. C'est possible uniquement si les rideaux d'origine ont une couleur un peu claire sans motifs. S'il n'y a pas de rideaux d'origine, seulement une place pour eux ou les rideaux d'origine ont une coloration complexe, l'ombrage doit être peint ou réalisé avec des dégradés. L'ombrage peut être effectué dans le masque de calque d'un calque de réglage de la luminosité et du contraste.

Attention: si vous recouvrez quelque chose de l'image originale avec vos propres créations, vous devez également estomper les traces. Un objet aux couleurs vives colorise facilement plus ou moins son environnement. Si l'objet est changé en un autre, la couleur spred doit également être fixée.

Il y a un problème: les textiles ont des plis, des plis et des plis. Le motif plat ne semble pas bien sur eux et la situation empire si la vue n'est pas droite sur le visage. Il faut des chaînes complexes. Ce cas est discuté ici:

Création d'une texture de maquette 3D

La seule façon parfaite de créer des formes de surface artificielles est d'utiliser un logiciel 3D. Un assez bon pour les vêtements coûte une fortune ou est complexe à utiliser (Blender, freeware). Les rideaux suspendus avec seulement des virages doux sont faciles à utiliser même avec une déformation manuelle. Dans le logiciel de CAO, on peut créer l'effet en une minute. Le résultat diffère remarquablement de la vue à plat:

entrez la description de l'image ici

Le programme 3D utilisé (= DesignSpark Mechanical) est un logiciel gratuit d'entrée de gamme. Avec lui, vous ne pouvez obtenir que la plupart des rendus de base avec des lumières fixes et uniquement en résolution d'écran. Les résultats photoréalistes nécessitent un logiciel plus complexe.

La version 3D n'a pas été conçue à l'origine pour s'adapter à n'importe quelle photo. Pour le placer dans une photo, il faut des calques de réglage de la correspondance de la lumière et des couleurs, un masque de calque pour couper les rideaux et quelques reflets et ombres. Sans eux, l'implant semble vraiment placé après. Voici un exemple:

entrez la description de l'image ici

user287001
la source
2

Bien que je sois d'accord avec les aspects de gain de temps du logiciel proposé, je pense qu'il est essentiel que vous investissiez et développiez les compétences d'édition d'images Photoshop (ou autres) pour être un graphiste efficace. Dans mes études, l'image, le type, la marque, l'illustration vectorielle, la photographie ont été travaillées ensemble avec sympathie au cours des 4 années et cela a beaucoup aidé mon travail commercial. Les solutions en boîte peuvent sembler génériques, vous voulez une pertinence pour votre orientation client et il y a des situations étranges comme celle de la musique montrée ci-dessous où la boîte POS n'existait pas - c'est ce que j'ai créé (avec la publication régulière de CD) et cela m'a valu un contrat d'impression international roulant de 20K. Tout ce qui suit est une pré-production, c'est-à-dire des illustrations de mon art de base dans Photoshop plutôt qu'une photo réelle.

Vaut l'investissement - renforcera votre travail de conception plus large. Scotdisc POS

Marque de revendeur SKoda

Site Web réactif au recrutement

Applefanboy
la source
-1

Vous pouvez facilement obtenir le résultat de présentation de votre logo souhaité avec des maquettes de logo conçues par des professionnels. Il vous suffit de télécharger et de placer votre travail de conception de logo dessus. Pour votre connivence ici est gratuit ainsi que des maquettes de logo premium .

Pankaj
la source
1
Bienvenue sur GD.SE! bien qu'il soit utile d'ajouter un lien de référence, il est préférable d'écrire une explication plus détaillée, consultez les autres réponses. Le téléchargement a également été mentionné précédemment, et il n'explique pas comment le faire . Consultez Comment répondre et la visite guidée pour en savoir plus sur le site.
Luciano