Meine 3D animierten Homepagevorlagen frei zum Basteln und Herunterladen

Elektrogirl WebseitenvorlageElektrogirl Webseitenvorlage

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 :-)

Meine gratis Homepagevorlagen

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

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.

Das Modell gestalte ich in 3D und animiere es

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.

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

Das Daydreamer 2 Template

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

„Daydreamer 2“

ier ist es wieder, das hübsche 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 Template

Mein Designcrusher Template

„Designcrusher“

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 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

Ein Leckerbissen

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

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

„Windenergie“ Vorlage

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

Elektrogirl Vorlage

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

Ein futuristischer „Electrogirl“ Blogtheme

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

Webseitenvorlage in Holz

Webseitenvorlage in Holz

„Holz und Klavierlack“

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

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!

„OpenSpace“

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

Kategorie Mein Beruf und nach Feierabend, Wordpress

'Nakieken' heißt in Plattdeutsch soviel wie "genauer hinsehen" und genau das machen wir hier im Blog. Ich als der Familienpapa entdecke mit unserer kleinen Familie die Welt und alles was uns wichtig erscheint, müssen wir hier mit euch in diesem Familienblog teilen. Abonniere uns doch in den Sozialen Medien, damit du immer auf dem Laufenden bleibst: Wir posten Fotos in Instagram, berichten von unseren Familienthemen auf Facebook und Twitter, doch der sicherste Kanal ist der RSS-Feed. Vielen Dank für Dein Interesse und bis bald :-)