Wie kann man ein Logo in einer realistischen Umgebung nachbilden?


8

Ich habe kürzlich ein Logo erstellt. Ich habe einen Online-Trend gesehen , ein Logo in einer realistischen Umgebung zu präsentieren und mögliche Anwendungsfälle des Logos zu veranschaulichen.

Ein Beispiel hierfür ist hier zu sehen, mit dem Original-Logo unten und einem 3D-Modell oben:

3D-Logo-Modell]
Klicken Sie für die volle Größe

Wie kann ich ein solches Modell erstellen?


Google: "3D-Wandlogo-Modell", tatsächlich ist das Bild, das Sie in die Frage einfügen, ein Modell: "3D-Glasfenster-Logo-Modell".


Vielen Dank für Ihre Antworten! Sie sind sehr hilfreich und ich werde sicher alle Ihre Methoden ausprobieren!
Robbe Verhoest

Antworten:


17

Die einfache Methode:

Lade es herunter.

Es gibt viele (kostenlose) Modelle wie dieses online. Dies sind normalerweise Photoshop-Dateien, in die das Logo in ein Smart-Objekt eingebettet ist. Indem Sie das Logo im Smart-Objekt durch Ihr eigenes ersetzen, können Sie Ihr Logo in einer realistischen Umgebung problemlos in der Vorschau anzeigen.

Einige Beispiele für (kostenlose und kostenpflichtige) Modellressourcen:


Die immer noch einfache Methode

Verwenden einer speziellen Software.

Adobe hat beispielsweise kürzlich Dimension veröffentlicht . Diese Software verfügt über eine Reihe integrierter 3D-Szenen und -Modelle, kombiniert mit ihren Verschiebungskarten. Alles, was Sie tun müssen, ist, Ihr Logo zu ziehen und es wird automatisch an ein Produkt angepasst.

Ein sehr ähnliches Programm ist BoxShot .

Beispiel:

Geben Sie hier die Bildbeschreibung ein


Die nicht so einfache, aber immer noch ziemlich einfache Methode

Roll deinen eigenen.

  1. Finden Sie ein gutes Foto von einer Ladenfront, einer Bürowand und jeder Einstellung, in der Sie Ihr Logo sehen möchten. Zum Beispiel:

Geben Sie hier die Bildbeschreibung ein

  1. Bereiten Sie den Ort vor, an dem Sie Ihr Logo platzieren möchten. In dem Beispiel habe ich gerade das Fenster übermalt und den Heilpinsel auf der Ladenoberseite und dem Schild verwendet.

Geben Sie hier die Bildbeschreibung ein

  1. Fügen Sie Ihr Logo hinzu (als Pixel!) Und verwandeln Sie es in ein Smart-Objekt ( Rechtsklick > In Smart-Objekt konvertieren_ oder Ebene > Smart-Objekte > In Smart-Objekt konvertieren ).

Geben Sie hier die Bildbeschreibung ein

  1. Positionieren Sie Ihr Logo wie gewünscht. Ich habe ein weißes Logo hinzugefügt, also habe ich für das Fenster einen Ebenenstil hinzugefügt (schwarze Überlagerungsfarbe).

Geben Sie hier die Bildbeschreibung ein

  1. Wenn Sie Ihr Logo an anderen Stellen platzieren möchten, duplizieren Sie Ihre Ebene. Es ist wichtig, dass Sie duplizieren, damit das Logo überall aktualisiert wird, wenn Sie den Inhalt des Smart-Objekts ersetzen. Ich habe auch ein Rauschmuster zum oberen hinzugefügt, um es ein bisschen realistischer zu machen.

Geben Sie hier die Bildbeschreibung ein

  1. Lassen Sie uns nun unser Logo in unserem Smart-Objekt ersetzen und prüfen, ob es aktualisiert wird. Doppelklicken Sie auf das Smart Object-Symbol auf der Ebene, um das Smart Object zu öffnen. Fügen Sie Ihr neues Logo ein und verstecken oder löschen Sie das alte. Speichern Sie und kehren Sie zu Ihrem ersten Bild zurück.

Geben Sie hier die Bildbeschreibung ein

Erfolg! Wie Sie sehen, ist dies immer noch recht einfach, wenn Sie erst einmal verstanden haben, wie dies funktioniert. Sie können Smart Objects sogar verzerren und Effekte hinzufügen, und der Inhalt kann leicht aktualisiert werden.

Dies beeindruckt einen (potenziellen) Kunden wirklich: ein Bild seiner aktuellen Ladenfront mit Ihrem neuen Logo!


- Fotoquelle: https://unsplash.com/photos/y6rwKaurdkI
- Logoquelle: http://acmelogos.com/


7

Hier ist eine ziemlich einfache Möglichkeit, etwas Ähnliches ohne 3D-Effekte (oder langwieriges 3D-Rendering) zu tun, indem Sie einfach grundlegende Effekte in Photoshop verwenden.

Was wirst du brauchen:

  • Ein Foto eines Fensters / einer Wand / einer Oberfläche mit einigen Reflexionen
  • Ein Logo Bild mit einem transparenten Hintergrund
  • Ein zweites Foto zur Verwendung als Reflexionsschicht. Dies kann wirklich alles sein, solange es viel hellen und dunklen Kontrast gibt.

Im folgenden Beispiel ist das Frontbild des Geschäfts die unterste Ebene. Darüber hinaus habe ich das Logo auf einer eigenen Ebene eingefügt, die ziemlich groß war, es in ein intelligentes Objekt konvertiert und dann eine Verzerrungstransformation verwendet, um die Perspektive des Logos mit dem Fensterrahmen abzugleichen und seine Größe zu verringern. Ich habe dann einen Abschrägungs- und Prägeeffekt angewendet und Schatten auf das Logo Smart Object geworfen, um ihm Tiefe und Festigkeit zu verleihen.

Es ist sehr nützlich, das Logo als intelligentes Objekt zu haben, da Sie die Verzerrungstransformation so oft bearbeiten können, wie Sie möchten, ohne die Bildqualität zu beeinträchtigen.

Dann habe ich ein Foto einer Straßenszene als Reflexionsschicht verwendet. Das Bild wurde mit dem Schwellenwertfilter in einen hohen Kontrast konvertiert, dann habe ich es mit dem Gaußschen Weichzeichnungsfilter verwischt und dann mit einem Ocean Ripple-Verzerrungsfilter versehen, um ihm eine gewisse Textur zu verleihen.

Die Reflexionsebene wurde dann auf die Logoebene abgeschnitten, und der Ebenenmodus wurde auf Bildschirm geändert, und ich habe auch die Deckkraft der Reflexionsebene verringert.

Hier sind Beispiele der Bilder, die ich verwendet habe

Geben Sie hier die Bildbeschreibung ein

Und hier ist ein Beispiel für den fertigen Effekt, der die Ebenen zeigt

Geben Sie hier die Bildbeschreibung ein

Klicken Sie hier, um das Logo zu 100% zu vergrößern

Es wäre auch möglich, dies als Modellvorlage zu verwenden, da Sie für ein anderes Logo lediglich ein weiteres Bild in das Smart Object einfügen müssen.


6

Für mich selbst habe ich eine Reihe von 3D-Modellierungs- und Rendering-Tools, mit denen ich mich vertraut gemacht habe, und ich verwende sie, wenn diese Situation auftritt. Wie in der vorherigen Antwort festgelegt, ist die Auswirkung ... hörbar , wenn Sie dem Kunden die vorgeschlagenen Entwürfe nicht nur in einem generischen "Kontext", sondern tatsächlich in ihrem spezifischen Kontext zeigen.

Wenn Sie nicht durch intelligente Photoshop-Objekte und ihre massiven Einschränkungen blättern möchten , können Sie Boxshot (einfach), Blender (kostenlos), Modo (leistungsstark und einfach) oder C4D (mit vorhandenem Plugin für Illustrator- und Lite-Version) verwenden enthalten mit Adobe CS Suite).

Ich persönlich benutze Modo und liebe es.

Sehen Sie sich einige meiner Beispiele aus einem laufenden Hilfedokumentationsprojekt an, das Änderungen im Cover-Design, im Inhaltslayout und sogar im Basiskonzept widerspiegelt:

Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein


5

Es gibt bereits viele wesentliche Punkte, die von anderen Antworten abgedeckt werden, aber ich kann noch etwas hinzufügen.

Das eingefügte Logo muss auf verschiedene Arten im Hintergrundbild sitzen:

  • gleiches Licht, plausible Glanz und Schatten
  • gleicher Weißabgleich
  • gleicher Kontrast und gleiche Farbsättigung
  • gleiches Geräusch und allgemeiner Detorationspegel
  • Bei gleicher Betrachtungsperspektive kann eine 3D-Extrusion erforderlich sein, wenn es sich um ein Zeichen mit einer gewissen Dicke handelt.
  • Kompatibilität der geometrischen Oberflächenform (= rechte Biegungen und Unebenheiten)

Wenn die Umgebung zerrissen und abgenutzt ist, kann das eingefügte Logo nicht wie ein neues sein. Wenn das Logo brandneu ist, möchte man es sehr wahrscheinlich auf etwas so Feines platzieren. Aber etwas Älteres als eine Option kann helfen, zu beweisen, dass es auch nach einiger Zeit funktioniert.

Hören wir auf zu philosophieren und sehen wir, was wir bekommen. Hier ist ein neues Logo:

Geben Sie hier die Bildbeschreibung ein

Das Logo in einer alten Umgebung:

Geben Sie hier die Bildbeschreibung ein

Das Logo hat den Kontrast und die Farbsättigung reduziert. Etwas Lärm wird hinzugefügt. Es gibt eine Überlagerung, die Rauschen, Kontrast und Sättigung enthält, wodurch Grau und Verdunkelung aufgrund des Schattens verringert werden. Alle diese Ebenen können auch separate Ebenen sein und sollten im Allgemeinen separat sein, um eine einfache Anpassung für unterschiedliche Hintergründe zu ermöglichen.

Normale perspektivische Drehung, Skalierung und Verzerrung werden durchgeführt. In diesem Fall reichen sie nicht aus. Außerdem gibt es

  • Verziehen aufgrund der gebogenen Wand
  • Verschiebungskarte aufgrund der ungleichmäßigen Wand (es ist eine BW-Kopie der Wand)
  • ein paar Abdeckelemente, die vor dem Logo hängen und verhindern, dass das Logo vollständig sichtbar ist; Sie wurden aus dem Hintergrundbild herausgeschnitten

Ein weiteres Beispiel: Jemandes Schulter

Geben Sie hier die Bildbeschreibung ein

Zuerst wurde das Logo verzogen, um gebogen auszusehen.

Licht ist ein entsättigtes Stück Haut, der Helligkeitsbereich wird mit dem Kurvenwerkzeug symmetrisch auf etwa 50% eingestellt und der Kontrast wurde erhöht. Der Mischmodus ist hartes Licht.

Hier wird nur ein wenig Kantenverblassen als Detoriationseffekt hinzugefügt. Eine genau passende Ebenenmaske weist eine leichte Gaußsche Unschärfe auf.

Eine späte Ergänzung:

Man kann eine Form als Füllmuster verwenden wollen. Im Illustrator ist es einfach. Sie können Formen sprühen oder fliesen. Der einfachste Weg, eine Kachelung zu erstellen, besteht darin, die Form in die Farbfeldsammlung zu ziehen und als Füllfarbe zu verwenden. Hier ist ein Paar Vorhänge, die eine Musterfüllung + eine Volltonfarbe haben:

Geben Sie hier die Bildbeschreibung ein

Es ist ganz einfach, diese als Überlagerung auf einem Foto zu platzieren, auf dem bereits Vorhänge direkt im Gesicht zu sehen sind. Eine perspektivische Ansicht aus einer anderen Richtung erfordert eine gewisse Verzerrung.

Wie im obigen Tattoo-Fall kann man mit Mischmodi die richtige Schattierung vom Foto stehlen. Dies ist nur möglich, wenn die Originalvorhänge eine recht helle Einzelfarbe ohne Muster aufweisen. Wenn es keine Originalvorhänge gibt, nur ein Platz für sie oder die Originalvorhänge eine komplexe Farbgebung haben, muss die Schattierung gestrichen oder mit Verläufen versehen werden. Die Schattierung kann in der Ebenenmaske einer Einstellungsebene für Helligkeit und Kontrast erfolgen.

Achtung: Wenn Sie etwas aus dem Originalbild mit Ihren eigenen Kreationen bedecken, müssen Sie auch die Spuren ausblenden. Ein Objekt mit starker Farbe färbt seine Umgebung leicht mehr oder weniger ein. Wenn das Objekt in ein anderes geändert wird, muss auch die Farbe festgelegt werden.

Es gibt ein Problem: Textilien haben Falten, Biegungen und Falten. Flaches Muster sieht auf ihnen nicht richtig aus und die Situation verschlechtert sich, wenn die Sicht nicht direkt auf das Gesicht gerichtet ist. Man braucht komplexe Warps. Dieser Fall wird hier diskutiert:

Erstellen einer 3D-Modelltextur

Die einzige perfekte Möglichkeit, künstliche Oberflächenformen zu erstellen, ist die Verwendung von 3D-Software. Eine, die gut genug für Kleidung ist, kostet entweder ein Vermögen oder ist komplex zu bedienen (Blender, Freeware). Hängende Vorhänge mit nur leichten Biegungen sind auch beim manuellen Verziehen leicht zu handhaben. In der CAD-Software kann man den Effekt in einer Minute erzeugen. Das Ergebnis unterscheidet sich erheblich von der flachen Ansicht:

Geben Sie hier die Bildbeschreibung ein

Das verwendete 3D-Programm (= DesignSpark Mechanical) ist Freeware für Einsteiger. Mit ihm können Sie nur die meisten grundlegenden Renderings mit festen Lichtverhältnissen und nur in Bildschirmauflösung erhalten. Fotorealistische Ergebnisse erfordern eine komplexere Software.

Die 3D-Version wurde ursprünglich nicht für ein Foto erstellt. Um es in ein Foto einzufügen, benötigt man Licht- und Farbanpassungsebenen, eine Ebenenmaske zum Abschneiden der Vorhänge und einige Reflexionen und Schatten. Ohne sie sieht das Implantat danach wirklich platziert aus. Hier ist ein Beispiel:

Geben Sie hier die Bildbeschreibung ein


2

Obwohl ich den zeitsparenden Aspekten der angebotenen Software zustimme, denke ich, dass es der Schlüssel ist, dass Sie die Photoshop- (oder andere) Bildbearbeitungsfähigkeiten investieren und weiterentwickeln, um ein effektiver Grafikdesigner zu sein. In meinen Studien wurden Bild, Typ, Marke, Vektorillustration und Fotografie in den 4 Jahren sympathisch zusammengearbeitet und es hat meiner kommerziellen Arbeit sehr geholfen. Boxed-Lösungen sehen möglicherweise generisch aus, Sie möchten Relevanz für Ihren Kundenfokus und es gibt seltsame Situationen wie die unten gezeigte Musik, in der die POS-Box nicht vorhanden war - das habe ich (zusammen mit der regulären CD-Veröffentlichung) erstellt und mir einen gewonnen rollierender internationaler Druckvertrag über 20.000. Alle folgenden sind Vorproduktionen, dh Illustrationen aus meiner Basiskunst in Photoshop und kein Foto von tatsächlichen.

Die Investition lohnt sich - stärkt Ihre breitere Designarbeit. Scotdisc POS

SKoda Einzelhandelsmarke

Reaktionsfähige Website


-1

Mit professionell gestalteten Logo-Modellen können Sie ganz einfach das gewünschte Ergebnis Ihrer Logo-Präsentation erzielen. Sie müssen nur Ihre Logo-Design-Arbeit herunterladen und darauf platzieren. Für Ihre Konnektivität gibt es hier kostenlose sowie Premium-Logo-Modelle .


1
Willkommen bei GD.SE! Während es nützlich ist, einen Link als Referenz hinzuzufügen, ist es besser, eine ausführlichere Erklärung zu schreiben, überprüfen Sie die anderen Antworten. Auch das Herunterladen wurde bereits erwähnt und erklärt nicht, wie es geht . Überprüfen Sie die Antwort und die Tour , um mehr über die Website zu erfahren.
Luciano
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.