Meine 3D animierten Homepagevorlagen frei zum basteln und herunterladen

Deine Webseite ist nicht cool genug? Du möchtest Dir auch endlich eine Homepage erstellen und Dir fehlt das passende Layout für Deine Website? Das Thema steht bereits, die Inhalte hast Du bereits fertig, das einzige, was Dir jetzt noch fehlt, ist die grafische Umsetzung Deiner Wünsche in Web und Javascript? Oh wie ich das kenne und das ist auch beruflich genau mein Thema.

Oben im Titelbild siehst Du die 3D Konstruktionsansicht der Grafik für mein freies Template Clanwar (daylight) in der Arbeitsumgebung von 3D Studio Max. Es macht riesigen Spaß mit einer solchen Grafiksoftware zu arbeiten und ist mit Photoshop nicht zu vergleichen.

Hier möchte ich einige meiner alten Homepagevorlagen und Templates zeigen, die ich vor vielen Jahren in 3Ds Max erstellt habe. Diese finden hier in der Übersicht ein Plätzchen, damit mir diese nicht verloren gehen und weil ich glaube, dass man Elemente davon sicher noch einsetzen kann. Grafisch aufgepumpt und gut durchdacht, aber bis auf eines noch nicht für mobile Geräte umgebaut. Wenn ich irgendwann viel Zeit habe, würde ich das unheimlich gerne noch nachholen oder die Joomla Vorlagen in WordPress umsetzen, leider sieht es zeitlich danach aber gerade nicht aus :( Hast Du vielleicht Lust eins davon für ein anderes CMS oder Mobile umzubasteln? Das wäre großartig :-)

Aber auch nur als Inspiration dienen diese zum alten verfügbaren Templates vielleicht noch – es war eine besondere Zeit für mich, trotz der Animationen, diese auch für den Datentransfer zu optimieren und in den Grafiken das letzte Byte noch einzusparen:

Big blue Ocean - Webseitenvorlage
Big Blue Ocean – Webseitenvorlage mit animiertem Charakter: Einem kleinen Fisch
Animierter Fisch aus dem Hintergrund der Webseitenvorlage
Der kleine 3D animierte Fisch aus dem Hintergrund der Webseitenvorlage „Big Blue Ocean“ schaut immer wieder auf Deinen Content.

Webseitenvorlage: „Big Blue Ocean“

Ein kleines Template für die kleinen Aquaristiker, Kindergartengruppen oder wer sich sonst für den kleinen Kerl (der mit den Augen klimpern kann) begeistern kann.

Heute sind animierte Webseiten leider irgendwie aus der Mode gekommen, zu viel Aufwand alles in Ladezeiten für jede Auflösung von Handy bis Desktop zu optimieren. Doch so sieht der kleine Kerl aus, der am Rand der Webseitenvorlage schwimmt, wenn der Besucher sich in die Zeilen vertiefte – schafft doch Leben oder nicht? Jedenfalls liebe ich solche grafischen Arbeiten sehr – auch wenn man „heute“ kaum noch Zeit für solche Spielereien hat. Aber ist das nicht schön? Hand aufs Herz … und alle meine folgenden Vorlagen sind in der gleichen Art ‚bewegt‘. Viel Spaß!

Download ‚Big Blue Ocean‘ Vorlage für Joomla 3.0


„Daydreamer 2“

Das Daydreamer 2 Template
Gedanken von der Parkbank: Mein Daydreamer Template sollte für das erste Blog als tägliches Tagebuch gestaltet werden.

ier ist es wieder, das 3D Model der jungen Frau auf der Parkbank, die die Sonne genießt. Beine und Kopf sind bewegt. Die Bank ist ein Foto, das Mädchen natürlich nicht und wieder ein 3Ds Max generiertes 3D Modell das sich hier bewegt… süß, oder nicht?

Download Daydreamer 2 Joomla 2.5 und 3.0


„Designcrusher“

Designcrusher Template
Mein Designcrusher Template

Ein modernes animiertes Template mit dem passenden Namen Designcrusher – rate doch, was darin wohl 3d animiert ist? ;-) Der riesige Bohrer zertrümmert oben Links das Layout, so dass die Fetzen fliegen…

Die Modulpositionen sind in einer Grafik im Archiv enthalten.

Download zu Designcrusher Joomla 2.5 und 3.0


Die Gamervorlage „Clanwar“ (day)

Eine der aufwendigsten Webseitenvorlegen, die ich je für Joomla in 3D aufgebaut habe.

Making of in 3D Studio Max
Making of „Clanwar“ in der CAD Konstruktionsansicht von 3D Studio Max
Clanwar Webseitenvorlage
Der 3D animierte Hintergrund der Clanwar Webseitenvorlage – unbedingt groß „klicken“ und die Details ansehen!

Drei bewegte Heckenschützen und einen M1A1 Abrams Panzer (der auch hin und wieder mal den Turm dreht) sind hier in der Webseite animiert. Das Joomla Template kommt zweispaltig, die Navigation ist links und hat eine Breite von 250px was es für Adsense Anzeigen in 250px x 250px kompatibel macht.

Vorschau der installierten Webseite: Clanwar (day) in Joomla
Vorschau der installierten Webseite: Clanwar (day) in Joomla

Die Gesammtbreite liegt bei etwa 1200, doch werden im Template auch nur 1000px genutzt/gezeigt, also keine Scrollbalken zu erwarten.

Download zu Clanwar Joomla 2.5 und 3.1


Das Windenergie Template

Windenergie Template
Das Windenergie Template: Update auch für WordPress

Die animierten Mühlenflügel sind mit 60 Bildern für einen 30° Winkel designt worden, eingebettet zu einer GIF-Animation, statt eines SWF Containers, was es auch möglich macht die herunterladbare Animation auf heutigen Geräte anzeigen zu lassen. Hauptsächlich verwende ich diese Möglichkeit des Renderings, da hierdurch besser gewährleistet wird, dass die programmierten Animationen überall korrekt ausgeführt werden.

Der Umbau des Templates erfolgte im Zuge eines Lizenznehmerwunsches, weswegen ich die Windmühlenszene mit dem Vray Renderer ausgegeben habe, einen Programm was für seine hervorragende Bildqualität, sein umfangreiches Materialiensystem und die Beleuchtungsengine betreffende Eigenschaften bekannt ist. Vray bietet den Vorteil einer schnellen Bearbeitung und ist derzeit in der Kategorie Geschwindigkeit und Detailreichtum fast nicht schlagen.

Responsive WordPress Template
Responsive WordPress Template

Das Release zeigt einen Hintergrund aus der Umgebung von Aurich. Dazu habe ich 3D Windkraftanlagen gerendert. Parameter für „sitetitle“, „sunbtitle-“ und die Fußzeile im Backendenthalten.

Download der Windenergie Webseitenvorlage für Joomla

Download der Windenergie Webseitenvorlage für WordPress


Das futuristische „Electrogirl“ Blogtheme

Elektrogirl Vorlage
Elektrogirl Vorlage: Alte Vorlage aber noch immer frech ;-)

Eins meiner Lieblingstemplates, da das erstellen der Grafik und die Animation der Figur so viel Spaß gemacht hat. Parameter für Titel, Beschreibung und Copyright im Backend enthalten.

Diesmal habe ich das Thema etwas freizügiger gewählt und ein Thema genommen, das mal wieder richtig Spaß gemacht hat 🙂 Electrogirl schaukelt nicht nur das Bein, ’sie‘ dreht den Kopf hin und wieder und klimpert dann mit den Augen bei minimalen Grafikgrößen.

Das 3D animierte 'Electrogirl'
Das 3D animierte ‚Electrogirl‘ – Vorlage zum Download gibts witer unten :)

Neu ist auch hier das kleine Java-Script, das die Sitetitle Variable zerlegt und im Electrogirl Template den im Backend eingegebenen Text-Titel als grafischen Schriftzug ausgibt. Die Parameter für Seitentitel, Untertitel und Footer können so leicht im Backend eingetragen werden. Nur der gerenderte grafische Titel in einem Template ist neu … also unbedingt mal testen, zudem glaub ich, ist der Font recht gut gelungen, oder nicht? Hierfür ist das komplette Alphabet von A bis Z als einzelne Grafiken im Template beigepackt.

Download der Electrogirl Webseitenvorlage für Joomla

„Holz und Klavierlack“ Webseitenvorlage

Webseitenvorlage in Holz
Webseitenvorlage in Holz

Das Template das sich in Schreibtischoptik in Holz und Lack zeigt, wurde gerne von Anwälten und Notaren eingesetzt. Parameter für Titel, Beschreibung und Copyright im Backend enthalten. Und hier sind die Positionen. Hier noch die alte Joomla 1.7 Version.

Download der Holz Webseitenvorlage für Joomla


„OpenSpace“ Theme

Spacestation Webseitenvorlage
„Spacestation“ – hier bewegt sich hauptsächlich das Licht

Und hier eine Quizfrage: Wer erkennt eines der Raumschiffe? Es stammt aus einem ganz bekannten (historischen) Weltraumepos … äh … Spiel!

Das erste 3D animierte OpenSpace Videospiel Template für Joomla zum Mitnehmen hier im Blog. Der ‚Randomizer‘ für die Grafik ship1.gif / ship2.gif im Quellcode ist nicht aktiv, so kann man selbst auch die Raumschiffe einsetzen oder austauschen – wird einfach durch ‚1‘ oder ‚2‘ im Quellcode ersetzt – oder den Zufallsgenerator wieder aktivieren Capitän!

Download der Spacestation Webseitenvorlage für Joomla 2 / 3

Warum erstellst Du kostenlose Homepagevorlagen?

Es macht mir vor allem viel Spaß – vor allem der grafische Teil :-) Es gibt zahlreiche Anbieter, auf deren Webseiten Du auch kostenlos Homepagevorlagen bekommen kannst. Und das Gute an meinen Homepagevorlagen ist, dass Du sie ändern kannst, wie Du willst – für mich selbst waren die Vorlagen früher ein Linkbuilding-Experiment. Diese Templates wurden vor 10 Jahren massenhaft verteilt und bauten durch einen Link im Footer massenhaft Links auf, die später von Google zu einer Abstrafung führten. Tja, wie gewonnen, so zerronnen ;-) Alles hat eben seine Zeit.

Diese Templates sind alle recht quick and dirty leicht mit den richtigen Werkzeugen wie Photoshop und einem Editor wie Dreamweaver (oder Notepad) zu bearbeiten und an Deine Bedürfnisse anpassbar. Oft werden die Templates sogar mit den originalen Grafik-Dateien geschickt, sodass es Dir leicht fallen sollte, auch Dein Logo einzubauen oder die Farben anzupassen. Und sollte das KnowHow nicht vorhanden sein, schreib es doch einfach hier in die Kommentare.

Was mache ich mit dem Template?

Auch wenn Du ein Content Management System wie Joomla oder WordPress einsetzten möchtest, wirst Du auf der Suche nach Webseitenvorlagen überall im Internet fündig. Nachdem Du ein Template aus dem Internet heruntergeladen hast, brauchst Du nur noch das Layout an Deine Bedürfnisse anpassen. Am Ende bleibt noch das Senden Deiner Homepagevorlage: via FTP rauf auf den Server und schon bist Du im Netz der Netze vertreten. Dann musst Du Deine Website mit Leben, sprich mit Content füllen.

Und wenn Du ein Template mal genau nach Deinen Ideen haben möchtest – gib mir doch Mal eine Idee, die ich oder wir zusammen vielleicht verwirklichen können. Achja und natürlich darf man auch den Copyright-Footer entfernen – ich freue mich jedoch immer über eine Erwähnung irgendwo :-)

Soviel mal wieder von mir und meiner ‚Freizeitgestaltung‘ hier im Blog ;-) Hobbys sind doch etwas tolles – vor allem der künstlerische Bereich, nicht wahr? Wenn Deine Fantasie jetzt einen Purzelbaum schlägt und Du eine Idee hast, dann zögere bitte nicht mich zu kontaktieren. Und sollte dieser Beitrag von einem Unternehmen aufgefangen werden, ich biete auch meine professionellen Dienste über meine Firma an – klicken Sie mal rüber zu Medi2Go.de, das ist meine Online und Grafikagentur.

Ich hoffe der Beitrag hat dir gefallen! Ich würde mich natürlich darüber freuen, wenn du den Beitrag verlinken und/oder teilen würdest! Hast Du noch Ideen zum Thema? … dann schreib doch ein Kommentar :-)

Viele Grüße, Jürgen

Jürgen

Ich bin Jürgen und als glücklicher Familienpapa und arbeite als Mediendesigner in Wiesmoor und entdecke mit unserer kleinen Familie die Welt. Was uns wichtig erscheint, müssen wir hier in unserem Blog niederschreiben. Abonniere uns, damit du immer auf dem Laufenden bleibst: Wir posten Fotos auf Instagram und haben dem Podcast nun auch einen Kanal unter Friesenzeit dort eingerichtet :-) Bis bald! PS: 'Nakieken' ist übrigens Plattdeutsch und bedeutet soviel wie "genauer hinsehen" und genau das ist Programm hier im Blog.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.