Wie du eine 3D-Website mit VECTARY erstellst

Suchst du nach einem auffälligen 3D-Element für deine Website? Oder vielleicht nach einem einzigartigen Hero- oder Header-Bild für deine großartige Website oder deinen Blog? Wie wäre es mit einem kompletten 3D-Objekt, das du so einfach wie ein YouTube-Video einbetten kannst?

Du musst kein Grafikprofi sein, um das umzusetzen. Nutze das 3D Studio von Vectary, um 3D-Designs für deine Website ganz nach deinen Vorstellungen zu erstellen. Ziehe 3D-Objekte per Drag-and-Drop aus unserer Bibliothek und passe sie mit einem Doppelklick an.

Erstelle ganz einfach eine 3D-Website

In diesem Artikel erfährst du:

1. So erstellst du ein 3D-Hero-Image mit Vectary
2. So erstellst du Parallax-3D-Elemente mit Vectary
3. So bringst du interaktive 3D-Designs auf deine Website

1. So erstellst du ein 3D-Hero-Image mit Vectary

1. Öffne Vectary – es ist online.
2. Ziehe Objekte per Drag-and-Drop aus der Bibliothek, importiere deine eigenen 3D-Dateien oder erstelle dein 3D-Design komplett von Grund auf neu.
3. Passe Materialien, Licht und Stil an, füge Text oder einen Hintergrund hinzu.
4. Rendere dein Design in Echtzeit.
5. Speichere und exportiere dein 3D-Design als PNG-Datei.

2. So erstellst du 3D-Elemente für deine Website

Parallax-3D-Elemente liegen im Webdesign aktuell voll im Trend. Sie können deiner Website das gewisse Etwas verleihen. Sieh dir dieses prämierte Design von Niika als Beispiel an:

Du kannst die 3D-Elemente als statische PNG-Dateien exportieren und die Animation im Web-Editor wie Framer hinzufügen, oder du kannst das Element als interaktives 3D-Embed exportieren. In Vectary den Publish-Einstellungen ist dies möglich.

So erstellst du eine Parallax-Website mit Vectary 3D-Elementen

Je nachdem, welche Web-Plattform du nutzt, findest du hier einige Ressourcen:

Wix: So erstellst du eine mehrschichtige Parallax-Website

Squarespace: Parallax-Scrolling

Weebly: So erstellst du ein bewegtes Parallax-Banner auf deiner Weebly-Website

Wordpress: Parallax-Scroll

3. So bringst du interaktive 3D-Designs auf deine Website

In Vectary kannst du dein 3D-Design so einfach wie ein YouTube-Video in deine Website einbetten. Deine Besucher können das 3D-Design drehen, heranzoomen oder es dank der Unterstützung von Augmented Reality auf iPhones und Android-Geräten in der realen Welt erleben.

1. Öffne Vectary – es ist online.
2. Importiere eine 3D-Datei in Vectary (wir unterstützen mehr als 60 Dateiformate) oder erstelle dein 3D-Design komplett von Grund auf neu.
3. Gehe auf den Tab „Publish“ und klicke auf die Schaltfläche „Generate“.
4. Kopiere den iframe-Embed-Code und füge ihn in den Editor deiner Website ein.
5. Du kannst dein Design jederzeit ändern und das Embed neu generieren. Das Design wird auf allen deinen Web-Embeds automatisch aktualisiert.

Erfahre mehr über den Vectary Viewer

Beispiel für den 3D/AR-Viewer

Öffne diese Seite auf einem iPhone mit Safari oder einem Android-Gerät mit Chrome und klicke auf den AR-Badge.

https://www.vectary.com/embed/viewer/v1/viewer.html?model=fcd1e6c3-100f-4f80-93cf-ea6905a1298e&env=studio1&envRotation=0&autoplay=1&turntable=0.5&showPreloader=1

Was du mit dem Vectary 3D-Design-Editor noch alles machen kannst

Werte dein Grafikdesign-Portfolio mit 3D-Bannern und Header-Bildern auf

Verspielte 3D-Formen sind der nächste visuelle Trend in der Werbung. Halte dein Grafikdesign-Portfolio auf dem neuesten Stand und beeindrucke deine Kunden mit wunderschönen Visuals, die mit unserem Online-3D-Tool erstellt wurden.

Arbeite mit Kollegen und Kunden an deinem 3D-Design zusammen

Teile dein Design mit Kollegen oder Kunden und gestaltet alles gemeinsam. Eine Person kann am 3D-Modell arbeiten, eine andere mit Objekten experimentieren, während andere Feedback hinterlassen. Das Vectary 3D Studio unterstützt kreatives Teamwork.

Nutze Google Fonts, um beeindruckende 3D-Typografie zu erstellen

Vectary ist das erste Online-3D-Tool, das mehr als 1.200 Schriftarten aus der Google Fonts-Bibliothek integriert. Wähle deine Lieblingsschriftart von Google und verwandle sie in Vectary mit nur einem Klick in 3D. Um dein Design weiter anzupassen, doppelklicke einfach, um in den Vectary-Bearbeitungsmodus zu gelangen, und greife auf weitere leistungsstarke 3D-Modellierungstools zu.

Stelle dein 3D-Design in anderen Tools fertig

Exportiere dein 3D-Bild ganz einfach als PNG und stelle dein Projekt in Grafikdesign-Tools fertig wie Photoshop und Canva, oder fahre auf anderen Webdesign-Plattformen fort wie Wix, Wordpress oder Weebly. Deiner Kreativität sind keine Grenzen gesetzt!

FAQ

Wie lade ich Vectary herunter, um ein 3D-Design für meine Website zu erstellen?

Der VECTARY 3D-Image-Creator läuft online, du musst also nichts herunterladen. Er funktioniert in jedem modernen Browser wie Chrome, Firefox und Safari. Melde dich einfach an oder logge dich ein und lege los.

Wie kann ich mein 3D-Design herunterladen?

Klicke auf das Menü in der oberen linken Ecke und bewege den Mauszeiger über „Project“. Klicke als Nächstes auf „Export as image“, um dein 3D-Design als PNG-Datei herunterzuladen, oder wähle aus einer Vielzahl anderer 3D-Formate: STL und OBJ (für den 3D-Druck), glTF (universelles 3D-Format), DAE (Sketchup- und Architekturformat) oder FBX (ein proprietäres Dateiformat, das von Kaydara entwickelt wurde und im Besitz von Autodesk.)