Zum Tutorial springen
lil cactus

Wie erstellt man ein Mockup aus einem Foto?

Fortgeschrittene6 MinutenAktualisiert

Kurze Antwort

Öffnen Sie in Lil Cactus das Foto eines frontal aufgenommenen Rahmens, fügen Sie das Design mit Datei dann Bild als Ebene platzieren… hinzu und wählen Sie Ebene dann Smartobjekte dann In Smartobjekt konvertieren. Passen Sie es mit Bearbeiten dann Frei transformieren ein: Stellen Sie beim Beispiel das verkettete Feld B auf 55,7 %, wählen Sie den Referenzpunkt Mitte, setzen Sie X auf 770 und Y auf 415 und klicken Sie dann auf Transformation übernehmen. Ändern Sie im Bedienfeld Ebenen die Füllmethode von Normal in Multiplizieren. Exportieren Sie mit Datei dann Exportieren dann PNG… und bewahren Sie das wiederverwendbare Layout mit Datei dann Speichern unter dann Lil-Cactus-Projekt… auf.

Derselbe Holzrahmen, zuerst leer und dann mit einem Kaffeeposter „SUNDAY CLUB“
Der Beispielrahmen vor und nach dem Einsetzen des Designs. Ziehen Sie den Regler, um zu vergleichen.
Dauer
6 Minuten
Niveau
Fortgeschrittene
Sie brauchen
Das Foto eines frontal aufgenommenen Rahmens und ein Motiv. Beide Beispieldrucke messen 1536 × 944 px.
Funktioniert mit
Fotos und Designs im Format JPG oder PNG
Beispiel in Lil Cactus öffnenEigenes Foto verwenden

Kostenlos, ohne Anmeldung. Ihr Foto bleibt auf Ihrem Computer.

Ein Mockup setzt ein Motiv in eine fotografierte Umgebung, damit Sie sehen, wie es dort wirkt. Dieses Beispiel verwendet einen frontal aufgenommenen Rahmen. Ein Smartobjekt bewahrt das unskalierte Motiv in einer Ebene, sodass das Einpassen in die Szene dieses Ausgangsbild nicht verändert.

Ein Mockup mit gerahmtem Druck in sechs Schritten

  1. Den Rahmen öffnen und den Druck platzieren

    Öffnen Sie das Beispiel auf dieser Seite oder wählen Sie für Ihr eigenes Foto Datei dann Öffnen… Laden Sie den Beispieldruck mit dem Kaffeemotiv herunter, wählen Sie dann Datei dann Bild als Ebene platzieren… und wählen Sie die Datei aus. Wählen Sie im Bedienfeld Ebenen die Ebene coffee-print über Hintergrund aus.

    Das Bedienfeld „Ebenen“ mit der vollständigen Zeile „coffee-print“ eingekreist über „Hintergrund“
    Lassen Sie die Ebene mit dem Motiv ausgewählt.
  2. Das Motiv in ein Smartobjekt konvertieren

    Wählen Sie Ebene dann Smartobjekte dann In Smartobjekt konvertieren. Im Bedienfeld Eigenschaften steht jetzt Smartobjekt. Ist das Bedienfeld ausgeblendet, zeigen Sie es mit Fenster dann Eigenschaften an.

    Kopf des Bedienfelds „Eigenschaften“ mit der vollständigen Überschrift „Smartobjekt“, die Ebenenart eingekreist
    Prüfen Sie die Ebenenart vor dem Skalieren. Die Zeilen „Breite“ und „Höhe“ unter dieser Überschrift beschreiben das ganze Dokument, nicht den Druck.
  3. Die Größe des Drucks ändern

    Wählen Sie Bearbeiten dann Frei transformieren. Achten Sie in der Optionsleiste unter den Menüs darauf, dass das Kettensymbol neben B und H aktiviert (grün hervorgehoben) ist, und stellen Sie B auf 55,7 %. Drücken Sie die Tabulatortaste: Das verkettete Feld H zieht mit.

    Das ganze Feld B mit 55,7 Prozent und eingekreister Kettenschaltfläche neben H mit 55,7 Prozent
    Die Kette verbindet die beiden Skalierungswerte.
  4. Ihn im Rahmen positionieren

    Klicken Sie im kleinen 3 × 3-Raster auf den mittleren Punkt (Mitte). Setzen Sie X auf 770 und Y auf 415. Das sind die Koordinaten der Motivmitte auf dem Foto. Der Druck reicht jetzt genau bis an die Innenkanten des Holzes.

    Bei Ihrem eigenen frontal aufgenommenen Rahmen passen Sie B, X und Y an, bis das Motiv in die Öffnung passt.

    Referenzpunkt „Mitte“ und die vollständigen Felder X und Y eingekreist, mit 770 und 415
    Wählen Sie den mittleren Referenzpunkt, bevor Sie die Position eingeben.
  5. Übernehmen und mit dem Papier verrechnen

    Klicken Sie in der Optionsleiste auf das Häkchen (Transformation übernehmen). Ändern Sie im Bedienfeld Ebenen das Dropdown-Menü mit Normal in Multiplizieren. Eine Füllmethode bestimmt, wie sich die Farben der Ebene mit dem Foto darunter verbinden. „Multiplizieren“ lässt dunklere Stellen des Papiers den Druck abdunkeln.

    Das ganze Häkchen „Transformation übernehmen“ rechts neben den Transformationsoptionen eingekreist
    Größe und Position übernehmen.
    Das vollständige Dropdown-Menü „Füllmethode“ mit „Multiplizieren“ und die ausgewählte Ebene „coffee-print“ eingekreist
    Wenden Sie „Multiplizieren“ auf die Ebene mit dem Motiv an.
  6. Eine Kopie exportieren und das Mockup behalten

    Wählen Sie Datei dann Exportieren dann PNG…, geben Sie im Feld Dateiname framed-print.png ein und klicken Sie auf Exportieren.

    Verwenden Sie Datei dann Speichern unter dann Lil-Cactus-Projekt…, damit Foto und Smartobjekt bearbeitbar bleiben. Danach aktualisiert Datei dann Speichern das Projekt. Solange Sie mit dem ursprünglichen JPEG arbeiten, schreibt Datei dann Speichern das flache Mockup in das geöffnete JPEG zurück; das erste Speichern eines JPEGs öffnet Bild speichern. Der Export erstellt eine separate Bildkopie.

    Die Optionen für den PNG-Export: das ganze Feld „Dateiname“ mit framed-print.png und die Schaltfläche „Exportieren“ eingekreist
    Die Fotovorschau exportieren.

Das Design austauschen, ohne es neu einzupassen

Öffnen Sie Ihr gespeichertes Projekt und wählen Sie die Ebene coffee-print aus. Wählen Sie Ebene dann Smartobjekte dann Inhalt ersetzen… und wählen Sie den alternativen Beispieldruck oder Ihr eigenes Design.

Größe, Position und die Einstellung „Multiplizieren“ bleiben an der Ebene. Exportieren Sie jede Version wie in Schritt 6.

Der Holzrahmen enthält jetzt einen Druck mit einem Canyon bei Sonnenuntergang, eingepasst in dieselbe Öffnung
„Inhalt ersetzen“ tauscht das Motiv in der eingepassten Ebene aus.

Ein Motiv in eine schräge ebene Fläche einpassen

Behalten Sie bei einem schräg aufgenommenen Rahmen oder Bildschirm eine Sicherung als Smartobjekt, bevor Sie die Arbeitsebene in Pixel konvertieren. Wählen Sie Ebene dann Ebene duplizieren und klicken Sie dann auf das Auge neben der ursprünglichen Ebene coffee-print, um sie auszublenden. Lassen Sie die Kopie ausgewählt.

Wählen Sie Ebene dann Rastern dann Ebene rastern. Prüfen Sie im Dialogfeld Ebenendarstellung rastern, was entfernt wird, und klicken Sie auf In Pixel konvertieren. Wählen Sie dann Bearbeiten dann Transformieren dann Perspektivisch oder Bearbeiten dann Transformieren dann Verzerren, um die Ecken an die fotografierte Fläche anzupassen. Klicken Sie auf Transformation übernehmen, um die Änderung anzuwenden. Das konvertierte Design lässt sich nicht mehr mit Inhalt ersetzen austauschen; das ausgeblendete Original behält diese Möglichkeit.

Das Bedienfeld „Ebenen“ mit eingekreister Sichtbarkeitsschaltfläche der ursprünglichen Ebene „coffee-print“ und ausgewählter Arbeitskopie
Blenden Sie das Original aus und arbeiten Sie an seinem Duplikat.
Rechter Teil der Fußzeile von „Ebenendarstellung rastern“, die ganze Schaltfläche „In Pixel konvertieren“ eingekreist neben „Abbrechen“
Bestätigen Sie die Konvertierung in Pixel, bevor Sie „Perspektivisch“ oder „Verzerren“ verwenden.

Wie es weitergeht

Foto-Mockups: Fragen und Antworten

Kann ich für ein Mockup das Foto eines schräg aufgenommenen Rahmens verwenden?

Ja, nachdem Sie das Design in Pixel konvertiert haben. In Lil Cactus sind „Verzerren“, „Perspektivisch“ und „Verformen“ für ein Smartobjekt nicht verfügbar; duplizieren Sie deshalb die Ebene und blenden Sie das Original aus. Wählen Sie dann für die Kopie „Ebene › Rastern › Ebene rastern“ und passen Sie sie mit „Bearbeiten › Transformieren › Perspektivisch“ oder „Verzerren“ ein.

Wie bearbeite ich das Motiv in einem Smartobjekt?

Wählen Sie in Lil Cactus die Ebene mit dem Motiv aus und dann „Ebene › Smartobjekte › Inhalt bearbeiten“. Nehmen Sie die Änderungen im neuen Tab vor und wählen Sie dann „Datei › Inhalt im übergeordneten Dokument speichern“, um das Mockup zu aktualisieren.

Kann ich in Lil Cactus mein eigenes Foto für ein Mockup verwenden?

Ja. Ein Foto mit einer ebenen, frontal aufgenommenen Fläche eignet sich in Lil Cactus für diese Methode mit Smartobjekten. Platzieren Sie Ihr Design, konvertieren Sie es in ein Smartobjekt und passen Sie es mit „Bearbeiten › Frei transformieren“ ein.

Macht ein Smartobjekt ein kleines Design schärfer?

Nein. In Lil Cactus bewahrt ein Smartobjekt die Details, die in der Quelle bereits vorhanden sind. Das Vergrößern einer kleinen Datei kann keine Details wiederherstellen, die sie nie enthielt.

Behält „Inhalt ersetzen“ in Lil Cactus Größe und Position bei?

Ja, wenn das neue Design dieselben Pixelmaße hat wie das erste. Eine größere oder kleinere Datei wird mit derselben Transformation skaliert; passen Sie sie dann mit „Bearbeiten › Frei transformieren“ erneut ein.