Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Product Mockup

Wie man ein Mockup ohne Photoshop erstellen kann

by
Difficulty:BeginnerLength:LongLanguages:

German (Deutsch) translation by Federicco Ancie (you can also view the original English article)

Final product image
What You'll Be Creating

Mockups sind eine sehr effektive Möglichkeit, ein Design in seiner beabsichtigten Form zu zeigen, ohne Zeit und Geld in seine Produktion zu investieren. Sie müssen Ihr Design nicht auf ein T-Shirt drucken, um zu sehen, wie es aussieht - Sie brauchen nur ein Mockup.

Aber wie erstelle ich ein Mockup? Seit Jahren verwenden Designer Photoshop für diese Aufgabe, aber es ist nicht mehr erforderlich. In diesem kurzen Tutorial zeige ich Ihnen in wenigen einfachen Schritten, wie Sie ein Mockup ohne Photoshop erstellen. Ich werde ein T-Shirt-Mockup und ein iPhone-Mockup als Beispiele verwenden.

Folgen Sie mir auf unserem Envato Tuts+ YouTube-Kanal:

1. So erstellen Sie ein T-Shirt-Mockup

Schritt 1

Gehen Sie zu Placeit.net. Suchen Sie die Registerkarte Mockups und gehen Sie zu T-Shirt Mockups.

tshirt mockups placeit

Schritt 2

Klicken Sie hier auf Ihr Design hochladen und wählen Sie das Bild aus, das in den Vorlagen angezeigt werden soll. Geben Sie ihm einen Moment Zeit zum Hochladen.

Ich habe dieses Bild verwendet.

upload design to create mockup

Schritt 3

Wenn es hochgeladen ist, werden Sie aufgefordert, es zuzuschneiden. In meinem Fall sieht es gut aus, aber Sie können die Größe einfach mit dem Schieberegler ändern. Wenn Sie fertig sind, klicken Sie auf Zuschneiden.

crop the design

Schritt 4

Die Site wendet Ihr Design nun automatisch und auf magische Weise auf alle Vorlagen an. Das Bild, das Sie hochgeladen haben, wird in Bezug auf Position, Form, Beleuchtung und sogar Farben an jedes T-Shirt angepasst.

Scrollen Sie jetzt einfach durch eine ganze Bibliothek von Modellen, die Ihr Design präsentieren. Wenn Sie eine finden, die für Sie besonders gut aussieht, klicken Sie einfach darauf, um sie besser zu sehen.

tshirt mockup templates

Schritt 5

Hier können Sie das Design weiterhin nach Ihren Wünschen bearbeiten. Sie können die Farbe des T-Shirts ändern, um festzustellen, ob das Design für andere Farben geeignet ist, und Sie können das Bild bei Bedarf auch anders zuschneiden, indem Sie auf dieses Symbol klicken. Ich entschied, dass mein Bild besser aussehen würde, wenn es etwas höher platziert würde, also änderte ich es.

tshirt mockup template smiling man

Schritt 6

Wenn Sie mit dem Aussehen zufrieden sind und es dem Kunden ohne Wasserzeichen anzeigen möchten, scrollen Sie einfach nach oben und klicken Sie auf die Schaltfläche Herunterladen. Hier können Sie das Bild kaufen oder als Teil Ihres unbegrenzten Abonnements herunterladen.

download mockup template
purchase mockup template

2. So erstellen Sie ein iPhone-Mockup

Schritt 1

Das Erstellen eines iPhone-Mockups ist genauso einfach. Gehen Sie erneut zu Placeit.net und navigieren Sie zu Mockups > iPhone Mockups.

iphone mockups placeit

Schritt 2

Klicken Sie auf Screenshot hochladen und wählen Sie das Bild aus, das auf dem Bildschirm eines iPhones angezeigt werden soll.

upload screenshot for mockup

Schritt 3

Geben Sie dem Upload einige Sekunden Zeit und schneiden Sie das Bild gegebenenfalls zu. Wenn Sie fertig sind, klicken Sie auf Zuschneiden und sehen Sie, wie das Bild in Echtzeit auf alle Vorlagen angewendet wird. All dies geschieht automatisch und Sie müssen nur warten und die Magie geschehen lassen.

co design to fit iphone

Schritt 4

Scrollen Sie durch alle Modelle, um festzustellen, ob Ihnen eines mehr gefällt als die anderen. Wenn Sie es gefunden haben, klicken Sie darauf, um eine größere Version zu öffnen.

iphone templates online

Schritt 5

Auch hier können Sie das Bild bearbeiten. Wenn Ihnen das Aussehen gefällt, scrollen Sie einfach nach oben und klicken Sie auf die Schaltfläche Herunterladen, um das Mockup zu kaufen.

download iphone template

Gut gemacht!

Jetzt wissen Sie, wie Sie ein T-Shirt-Mockup und ein iPhone-Mockup ohne Photoshop erstellen. Vielleicht interessieren Sie sich aber auch für einige unserer anderen Tutorials zu Mockups:

  • Produkt-Mockup
    Wie man mit Adobe Photoshop ein fotorealistisches Wachssiegelmockup erstellt
    Tom Piccarreda
  • Produkt-Mockup
    Wie man ein Goldfolien-Logo-Mockup in Adobe Photoshop erstellt
    Tom Piccarreda
  • Produkt-Mockup
    Wie man ein Lederstempel-Logo-Mockup in Adobe Photoshop erstellen kann
    Tom Piccarreda
  • Produkt-Mockup
    Wie man ein Stempel-Logo-Mockup in Adobe Photoshop erstellt
    Tom Piccarreda
  • Produkt-Mockup
    Gesign vom einem Logo-Mockup für geprägtes Papier in Adobe Photoshop
    Tom Piccarreda
how to create mockup online without photoshop
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.