So fügen Sie Ihren Screenshots eine iPhone- oder iPad-Vorlage hinzu

  iPhone 5s-Vorlage

Egal, ob Sie App Store-Entwickler, Grafikdesigner oder anderweitig sind, das Hinzufügen einer iPhone-Blende zu Ihren Screenshots ist eine einfache Aufgabe, die die Bilder viel professioneller aussehen lässt. Es gibt verschiedene Möglichkeiten, dies zu tun. Eine besteht darin, bei Google nach einer iPhone-Vorlage zu suchen und Ihren Screenshot mit Photoshop oder einem ähnlichen Programm darüber zu legen. Dieser Prozess kann jedoch umständlich und zeitaufwändig sein, also lesen Sie im Voraus nach einer alternativen Methode, die keine teure Software und minimalen Aufwand Ihrerseits erfordert …

FileSquare bietet einen kostenlosen Dienst namens MockUPhone zum Verpacken von Screenshots in verschiedenen iPhone- und iPad-Gerätemodellen. Eine Auswahl an Vorlagen für iMac, Fernseher und Android- und Windows-Phone-Smartphones ist ebenfalls verfügbar. Die meisten Gerätemodelle sind sowohl im Hoch- als auch im Querformat mit mehreren Farboptionen verfügbar. Das farbenfrohe iPhone 5c wird beispielsweise in Blau, Grün, Rot, Weiß und Gelb angeboten. Lesen Sie weiter, um Schritt-für-Schritt-Anleitungen zur Verwendung von MockUPhone zum Erstellen Ihrer eigenen Produktmodelle zu erhalten.

Schritt 1: Navigieren Sie zu MockUPhone-Website in Ihrem Desktop-Browser. Halten Sie die Screenshots bereit, die Sie verwenden werden, und wählen Sie das zu verwendende Gerätemodell aus. Wenn Sie nicht an einem Computer sitzen, funktioniert die Website auch direkt auf Ihrem iPhone oder iPad; Es fehlt jedoch eine dedizierte mobile Version.

  Mockupon 1

Schritt 2: Sobald Sie ein Gerät ausgewählt haben, importieren Sie Ihre Screenshots im PNG-, JPG- oder PSD-Format, indem Sie sie per Drag & Drop innerhalb der gepunkteten Linien ziehen oder auf die schwarze Schaltfläche klicken, um sie manuell von Ihrem Computer hochzuladen. Es gibt ein empfohlenes Seitenverhältnis, das Sie beibehalten sollten, wenn Sie möchten, dass das Endergebnis optimal aussieht. Beim iPhone 5s sind es 640×1136 Pixel.

  Mockupon 2

Schritt 3: Klicken Sie auf die Schaltfläche Produktmodelle erstellen. Je nachdem, wie viele Screenshots Sie hochgeladen haben, sollten Ihre Produktmodelle in Sekunden oder Minuten erstellt werden. Auf der nächsten Seite wird eine Vorschau von nur einigen der Mockups in einem Galerieformat gezeigt. Wie auf der Website angegeben, werden nicht alle Ausrichtungen des Geräts angezeigt. Alle befinden sich in dem ZIP-Paket, das Sie im nächsten Schritt herunterladen.

  Mockupon 3  Mockupon 4

Schritt 4: Klicken Sie auf Meine Mockups herunterladen.

  Mockupphone herunterladen

Schritt 5: Sie werden aufgefordert, eine E-Mail-Adresse einzugeben, an die MockUPhone die gezippten Dateien senden soll. Beachten Sie, dass Sie auch den E-Mail-Newsletter von FileSquare abonniert werden, aber ich habe in über einem Monat der Nutzung des Dienstes noch keinen Spam oder irgendeine Art von Kontaktaufnahme vom Unternehmen erhalten. Ihr persönlicher Kilometerstand kann variieren.

  Mockupphone-E-Mail

Schritt 6: Eine Bestätigungsnachricht wird angezeigt und Sie sollten jetzt eine E-Mail von MockUPhone in Ihrem Posteingang erhalten haben. Wenn nicht, überprüfen Sie Ihren Spam-Ordner oder spülen Sie ihn aus und wiederholen Sie die obigen Schritte. Die E-Mail, die Sie erhalten, sollte den Titel „Hallo“ tragen und einen direkten Download-Link enthalten, über den Sie Ihre Mockup-Dateien herunterladen können. Entpacken Sie sie und Sie sind fertig.

  Mockupone Vielen Dank

Welche Methoden verwenden Sie, um iPhone- und iPad-Mockups zu erstellen?

Mac- und iOS-Apps, die Ihren Screenshots einen Rahmen hinzufügen

Wie von unseren Lesern angemerkt, gibt es einige Apps im App Store und im Mac App Store, mit denen Sie dies tun können.

Andere Tools, die Sie verwenden können

iDB-Leser Anton hat ein paar Tools eingereicht, die einen Blick wert sind:

  • LaunchKit.io: Größe auf alle Auflösungen ändern
  • davinciapps.com : Screenshot-Designer mit coolen Vorlagen