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]](https://i.stack.imgur.com/CdMlb.png)
Comment puis-je créer une telle maquette?
Réponses:
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):
Freepik
Designshack
GraphicBurger
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:
Le pas si facile , mais encore assez facile méthode
Roulez le vôtre.
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/
la source
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:
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
Et voici un exemple de l'effet fini, montrant les couches
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.
la source
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:
la source
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:
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:
Le logo placé dans un ancien environnement:
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
Un autre exemple: l'épaule de quelqu'un
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:
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:
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:
la source
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.
la source
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 .
la source