Mockups ohne Photoshop erstellen
Lesezeit 3 Minuten

Mal eben das Logo des neuen Kunden für die Präsentation perfekt in Szene setzen. Das Design der neuen Website in einer Grafik auf verschiedenen Endgeräten darstellen. Die eigene Website in perfekte Marketing-Bilder setzen. Ohne aufwendiges Photoshop-Mockup Gefummel.

Professionelle Design-Mockups in Sekunden

Mockups ohne Photoshop – So funktioniert´s

Mit Smartmockups habt Ihr Zugriff auf eine große Datenbank unterschiedlicher Mockups. Mockups sind übrigens attraktive vorgefertigte Szenen in Form von Fotos, in welche Ihr Euer Logo, Eure Website oder weitere Grafiken einfügen könnt. Euch stehen insgesamt 300 verschiedene Ansichten zur Verfügung. Das Schöne an dem Tool ist zum einen die Auswahl, zum anderen die Einfachheit.

  1. Mockup auswählen
  2. Grafik oder Url zum Eintragen auswählen
  3. Generieren
  4. Runterladen (fertig)

 

Mockuptool - Website perfekt in Szene setzen
Mockups Tool, links die Sidebar, rechts die ausgewählte Kategorie

Einfacher kann die Erstellung eines Mockups wirklich nicht mehr sein. Wenn Ihr ein Foto oder eine Grafik in das jeweilige Mockup laden möchtet, könnt Ihr diese mit der internen Crop-Funktion noch etwas anpassen. Für die Darstellung von Webseiten oder Onlinetools könnt Ihr eine Url eingeben. Hierbei sucht das Tool sogar für die Smartphone Darstellungen die Responsive-Version der eingegebenen Webseite heraus.

Url Eingabe in Mockup Tool
Einfach die jeweilige Url eingeben und Bild downloaden

Alle Grafiken oder Urls werden passgenau auf das jeweilige Mockup angepasst. Danach hat man noch die Möglichkeit das Monitorbild mit Tiefenunschärfe zu versehen (Realistic screen blur). Das Ergebnis des realistic screen blur wird Euch allerdings nicht vom Hocker hauen, das sage ich Euch gleich :).

Vorher / Nachher Mockup Laptop Bild
Das Ergebnis kann sich sehen lassen. Jetzt noch die Speichergröße auswählen und fertig

Mockup Kategorien

Ihr könnt Euch entweder alle zur Verfügung stehenden Mockups anschauen, oder diese in unterschiedliche Kategorien vorsortieren. Für den Web- oder Technikbereich gibt es folgende Kategorien:

  • Smartphone
  • Desktop
  • Laptop
  • Tablet
  • TV & Watch
  • Multiple Devises

Alle oberen Mockups gibt es auch nochmal mit Hintergrundtransparenz zum einfügen auf einen farbigen Hintergrund. Für den Printbereich stehen Euch diese Mockups zur Verfügung:

  • Businesscards (Visitenkarten)
  • Stationery (Breifpapier, Büro etc.)
  • Posters & Flyers
  • Advertising (Fassaden, Leuchtreklame, Messebanner)

Smartmockups Videotutorial auf Deutsch

Preise

Auf der Smartmockups Website ist das Erstellen der Mockups kostenlos. Auf dieser Seite findet Ihr die Mockup APP / Tool. Sie beinhaltet noch mehr Mockps und das Bearbeiten geht noch wesentlich schneller von der Hand. Zudem hat man keine langen Up- und Downloadzeiten. Die App kostet auf der Website 29 Dollar. Es lohnt sich aber immer mal nach guten Angeboten im Web Ausschau zu halten. Ich habe sie bei Mightydeals für 14 Dollar bekommen.

Das Mockup Tool gibt´s auch kostenlos als Web Version

Mockups online kostenlos erstellen - ohne Photoshop
Kostenlosen online Mockups erstellen

Fazit

Ich bin im Besitz der Mockup App. Vorher habe ich meine Mockups mit Photoshop erstellt. Mit der Smartmockups App geht das allerdings viel schneller und komfortabler. Es gibt so gut wie keine Hürde mehr ein Mockup zu erstellen. Die durchschnittliche Bearbeitungszeit für ein Mockup beträgt wenige Sekunden. Leider kann man die Grafiken nicht so gut einpassen. Das gibt einen Punkt abzug. Evtl. muss man die Grafik dann eben vorher nochmal größer oder kleiner abspeichern. Ansonsten, super Tool!

Smartmockps APP

 

HINTERLASSEN SIE EINE ANTWORT