Webseiten erstellen mit CHEETAH

Spezielle Webseiten und Techniken (12)

Sehr bequem ist es, wenn man für die Farbauswahl von Flat UI – Farben ein entsprechendes Chrome-AddOn installiert. Dann hat man jederzeit mit wenigen Mausklicks Zugriff auf die Farbpaletten. Eine solche Chrome-Erweiterung stellt beispielsweise die kostenlose „Flat UI Colors Palette“ dar, die zu installieren hiermit empfohlen wird. Sie finden Sie im Google Webstore:
 

Die Bedienung ist intuitive und einfach. Nachdem Sie auf irgendeiner Palette eine Farbe angeklickt haben, steht deren Hex-Code in der Zwischenablage und kann dann – wie oben beschrieben – in die Farbauswahl von „Cheetah“ übernommen werden.
 

Produkte stilvoll in Szene setzen – Mockups designen
 

In der Welt der Werbung werden Produkte schon lange nicht mehr mittels Fotoshootings stilvoll in Szene gesetzt, denn das ist gerade für kleine Unternehmen viel zu teuer und viel zu aufwändig. Vielmehr nutzt man die Möglichkeiten der modernen Computertechnik, um Produktbilder auf beliebige Hintergründe zu projizieren. Ein typisches Beispiel ist - wie das Bild zeigt - ein Smartphone, auf dessen Display irgendein von Ihnen ausgewähltes Motiv (hier das Cover des Builderall-Power-Magazins) angezeigt wird.

 

Solche Bilder werden gewöhnlich als Mockups bezeichnet. Zu ihrer Erstellung stellt Builderall das Mockup-Designstudio zur Verfügung.
 

In diesem Abschnitt kann nicht auf alle Funktionen des Builderall Mockup Designstudios eingegangen werden. Es wird lediglich gezeigt, wie man ein einfaches Mockup erstellt, welche sich dann wie jedes andere Bild auch, in eine Webseite integrieren lässt.
 

Einen ersten Eindruck, welche Möglichkeiten Mockups bieten, erhält man durch Sichtung der im Mockup - Designstudio standardmäßig angebotenen Vorlagen, die alle übersichtlich auf einer Auswahlseite angeordnet sind. Die hellblauen Flächen sind dabei die Bereiche, die Sie mit eigenen Fotos oder Grafiken füllen können, wobei die Umrechnung in eine entsprechende perspektivische Form selbstverständlich das Programm übernimmt.

Natürlich sind Sie nicht nur auf diese hier aufgelisteten "Werbeflächen" angewiesen. Sie können selbstverständlich auch eigene Fotos mit dem Designstudio so bearbeiten, dass sich auf deren Grundlage Mockups erstellen lassen. Wie das genau geht, soll im folgenden Schritt für Schritt anhand eines einfachen Beispiels gezeigt werden...

Ausgangspunkt ist eine freigestellte Aufnahme der Rückseite einer Spiegelreflexkamera, auf dessen Display ein spezielles Foto zu sehen sein soll, welches explizit die Qualität eines Makroobjektivs hervorhebt.

Tipp: Es gibt mittlerweile viele Programme, mit denen man Bilder freistellen (d. h. deren Hintergrund entfernen) kann. Wenn es schnell gehen soll und Sie nicht mehr als 50 Bilder im Monat freistellen möchten (genauer sogenannte „Vorschaubilder“ mit einer geringen Auflösung, z. B. 625x400 Pixel), dann reicht ein kostenloser Account von remove.bg aus. Andernfalls müssen Sie entsprechende Credits erwerben.

TB Amazon