Webseiten erstellen mit CHEETAH
Spezielle Webseiten und Techniken (13)
Dazu müssen wir als Erstes im Designstudio den Menüpunkt "Eigene Vorlagen" auswählen. Dort wiederum gibt es den Menüpunkt "Vorlage erstellen", über den wir unsere Mockup-Vorlage in den Editor übertragen, um sie nach Festlegung der "Werbefläche" in die Builderall-Cloud hochladen zu können.
Die wesentliche Funktion ist hier "Neuen Rand erstellen". Klick man diese Funktion an, dann wird auf das Bild ein durchscheinendes blaues Viereck aufgeblendet, dessen Größe, Form und Position sowohl mit der Maus (Ankerkästchen) als auch über die Einstellungsregler auf der rechten Seite beliebig festgelegt werden kann. Ziel der Übung ist es, dieses "Viereck" (welches später als Platzhalter für unser "Werbebild" fungiert) möglichst genau auf das Kameradisplay zu positionieren.
Die wesentliche Funktion ist hier "Neuen Rand erstellen". Klick man diese Funktion an, dann wird auf das Bild ein durchscheinendes blaues Viereck aufgeblendet, dessen Größe, Form und Position sowohl mit der Maus (Ankerkästchen) als auch über die Einstellungsregler auf der rechten Seite beliebig festgelegt werden kann. Ziel der Übung ist es, dieses "Viereck" (welches später als Platzhalter für unser "Werbebild" fungiert) möglichst genau auf das Kameradisplay zu positionieren.
Um anhand dieser Vorlage ein Mockup zu erstellen, brauchen Sie nur einen Doppelklick auf das Bild auszuführen (das Anklicken des Bleistift-Symbols lädt dagegen die Vorlage wieder in den Platzhalter-Editor). Sie wird dann in den Mockup-Editor geladen. Dort können Sie dann per "Upload media" Ihr Werbebild hochladen, welches den Platzhalter ersetzen soll. Beachten Sie dabei, dass Ihr Bild die empfohlene Pixelgröße erreicht bzw. in beiden Koordinaten überschreitet. In unserem Beispiel wählen wir das Bild einer Raubfliege aus, welches auf das Kameradisplay projiziert werden soll.
Der Teil des Bildes, welches sich in der Vorschau innerhalb des roten Rechtecks befindet, wird in den Platzhalterbereich übernommen. Sie können nun mit der Maus das Bild verschieben bzw. über den Regler auf der rechten Seite das Bild so skalieren, bis es optimal den Platzhalterbereich ausfüllt. Wenn Sie möchten, können Sie auch noch eine Beschriftung hinzufügen - was hier aber eher nicht erforderlich ist...
Wenn alles OK ist, dann betätigen Sie den Button "Done" und anschließend - auf der Ausgangsseite - den Button "See Result":
Wenn Sie mit dem Ergebnis zufrieden sind, können Sie nun das fertige Mockup (z. B. als jpeg-Datei) herunterladen. In der Klappbox müssen Sie zuvor nur noch die gewünschte Bildgröße auswählen. Und das war schon alles. Jetzt können Sie es als Bilddatei weitergeben oder in Ihre Webseite bzw. Webshop einbauen.