I N N S - W E B l o g
banner

bunte Häuser

Bunt gestaltete Häuser strahlen in der Regel ein freundliches Willkommen aus.
Bunte Häuser stechen besonders heraus, zumal in Städten wohl eher auf Grautöne gesetzt wird. Zu sehen sind diese vorwiegend im Süden oder in Italien sind die Cinque Terre bekannt für ihre bunt gestalteten Häuser. Aber auch in der Hauptstadt Tirols – Innsbruck – gibt es die Mariahilf – Skyline, die von einer exemplarischen Schönheit zeugt.

Papercut Animationen

Inns-Web Intro Cutout Technik

Papercut Animation Beschreibung

Eine Papercut-, auch als Cutout Animation bekannt, funktioniert ähnlich wie die ursprüngliche Flachfiguren- oder Legetrick Animation, bei der Papierschablonen auf einem Hintergrund bewegt und somit animiert wurden.
Es handelt sich hierbei um eine Form der Stop-Motion-Animation mit flachen Elementen, wobei ausgeschnittene Materialien aus Papier, Pappe, Stoff oder Fotos verwendet wurden.

Weiterlesen »

Inns-2D Comic

Inns-Comic 2D

Handgezeichnete 2D Animation

Inns-Web Webdesign plant eine kleine 2D Animation bei der die Webdesignerin Marion und die Texterin Sybille in Szene treten und anhand eines von Hand angefertigten Comics dargestellt werden.

Ich konnte bereits die beiden Charakter mittels Photoshop umsetzen und auch ihrer Mimik Ausdruck verleihen, sodass sie eine Sprachanimation ermöglichen. Der Hintergrund, die Mariahilf-Skyline ist schon fertig, nun fehlen nur noch ein paar Details damit die Animation starten kann.
Sobald ich mit meiner momentanen Arbeit an einem WordPress Template fertig bin, werde ich damit beginnen und das Video unter dem Menüpunkt “Animationen” posten.

Hier ein paar Einblicke zur Inns-Comic 2D Animation:

Testdurchlauf der Mimik und Gestik

Hier noch ein paar GIF-Animationen, die mir als Test dienten, um zu sehen wie sich unsere beiden Character – in dem Fall ich – mimisch darstellen lassen

Inns-Comic 2D Projekt
Inns-Comic 2D Projekt

Neuer Blog

Inns-Web Blog-Screenshot

Eigenes WordPress Theme

Inns-Web hat nun einen neuen Blog, mit eigenem Theme! (❁´◡`❁)
Es verfügt über eine animierte Banner-Überschrift und auch die verschiedenen Blöcke der unterschiedlichen Themen sind animiert, indem sie per Scrollbewegung eingeblendet werden.
Als kleine Spielerei ist jedes Bild mit einem Filter-Hovereffekt versehen, womit die Images beim Darüberfahren mit der Maus Farbe wechseln und zusätzlich die Form des Rahmens ändern.
Die Startseite des Blogs enthält mehrere Vorschaublöcke, die mittels eines Slick-Sliders fungieren und zur entsprechenden Seite führen.
Zusätzlich verfügt der Blog über angepasste Beitagsformate mit eigenen Taxonomien, wodurch er übersichtlicher und angenehm steuerbar ist.

Inns-Web Blog Backend
Inns-Web Blog Backend

Responsive Burgermenu

Des Weiteren ist er natürlich responsive-freundlich, indem sich unter anderem ein Burger-Menü ab einer gewissen Breite öffnet. Ein animierter Backtotop-Button sorgt für ein schnelles Erreichen des Topbereichs der Seite, damit das Scrollen nicht all zu mühsam wird.

Bequem Abänderbar

Recht willkommen ist nebenbei der Customizer, mittels dem man das Header-Bild, die Hintergrundfarbe, die Schriftfarbe sowie die Menus und das Logo bequem abändern kann.

Inns-Blog Customizer
Inns-Blog Customizer

Hintergrundbilder

Inns-Pixabay Thumbnail

Wer an diversen Hintergrundbildern interessiert ist, kann gerne auf Pixabay vorbei schauen, Inns-Web verfügt über ein Pixabay-Account wo ein paar meiner Arbeiten zum Download bereitstehen. 😉

Inns-Pixabay
Inns-Pixabay

Mariahilf in 3D

3D Mariahilf Innsbruck Tirol

Seit geraumer Zeit plane ich eine 3D Animation der Innsbrucker Skyline Mariahilf.
Momentan ist noch nichts animiert, doch ich konnte einige schöne 3D Bilder erstellen, die mir des Öfteren als Hintergrund oder Banner nützlich sind. Die Animation muss leider noch warten, doch in der Zwischenzeit möchte ich Euch meine daraus resultierten Hintergrundbilder vorstellen:

Dies war mein erstes eigenständiges Werk, das ich ohne Tutorial meistern konnte und ich bin wirklich zufrieden damit, zumal sehr schöne Bilder daraus entstanden sind.