Advitum.de auf Google+

CSS Animation Tutorial: hypnotische Spirale

CSS Animation Tutorial: hypnotische Spirale
Von am
Kategorien: CSS, Programmieren, Tutorials

Vor ein paar Tagen habe ich ein interessantes Gif gesehen, eine Animation einiger konzentrischer Halbkreise, die unterschiedlich schnell rotieren. Ich war drauf und dran, den gleichen Effekt mit ein bisschen JavaScript nachzubauen, als ich bemerkte, dass der gleiche Effekt sehr einfach mit CSS erzielt werden kann.

In diesem Artikel wende ich CSS-Animationen an, um einen interessanten Effekt zu erzielen. Artikel weiterlesen

Regelmäßigkeit im Chaos – ein Canvas-Effekt mit Faszinations-Garantie

Regelmäßigkeit im Chaos – ein Canvas-Effekt mit Faszinations-Garantie
Von am
Kategorien: Design, Inspiration, JavaScript, Programmieren, Tutorials

In meinem letzten Artikel habe ich beschrieben, wie man mit ein wenig Physik, JavaScript und dem Canvas einen interaktiven Effekt erstellen kann. In diesem Artikel möchte ich einen neuen Effekt vorstellen, der diesmal zwar nicht interaktiv, aber nicht weniger interessant ist. Artikel weiterlesen

Interaktiver Canvas-Effekt: Schwingungen und Gravitation

Interaktiver Canvas-Effekt: Schwingungen und Gravitation
Von am
Kategorien: JavaScript, Programmieren, Tutorials

Achtung: Physik und Mathematik voraus! In diesem Artikel zeige ich Dir, wie man mit Physik und ein wenig JavaScript einem Canvas Leben einhauchen kann. Der entstandene Effekt kann, in abgewandelter Form, sehr schön in eine Webseite eingebunden werden. Artikel weiterlesen

Photoshop Tutorial: New York Skyline Typografie

Photoshop Tutorial: New York Skyline Typografie
Von am
Kategorien: Inspiration, Photoshop, Tutorials

Lange ist es her, dass ich hier ein Photoshop-Tutorial veröffentlich habe. In meinem Alltag als Programmierer gibt es einfach viel mehr Inspirationen zum Programmieren als für ein Photoshop-Tutorial. Aber beim Stöbern durch verschiedene Font-Sammlungen kam mir plötzlich die Inspiration zu diesem Effekt.

In diesem Tutorial werden wir den Text »New York« mit der New Yorker Skyline und verschiedenen Brushes in Szene setzen. Also öffne jetzt Photoshop und los gehts! Artikel weiterlesen

Nahtlose Parkett-Textur in Photoshop erstellen

Nahtlose Parkett-Textur in Photoshop erstellen
Von am
Kategorien: Photoshop, Tutorials

Vor kurzem bin ich umgezogen. Was hat das mit diesem Artikel zu tun? Nun ja, ich habe in der neuen Wohnung einen PVC-Boden in Parkett-Optik verlegt und das hat mich zu diesem Artikel inspiriert. Überhaupt ist ein Umzug eine geniale Quelle der Inspiration — die neue Stadt, die neue Umgebung — all diese Eindrücke haben mir viele Ideen für neue Artikel und Projekte gegeben, ich werde also viel zu tun haben.

Nun aber zurück zum Thema. In diesem Artikel zeige ich Dir, wie man mit Photoshop eine nahtlos kachelbare Parkett-Textur erstellt.

Wir beginnen mit einem neuen Dokument, die Größe ist hier egal. Ich habe mich deshalb für das Standard-Format von Photoshop entschieden. Den Hintergrund füllen wir mit weiß.

Als nächstes färbe ich auf einer neuen Ebene einen horizontalen Streifen mit schwarzer Farbe. Eigentlich ist die Farbe egal, wir verwenden diese Ebene bloß als virtuelle Schnittvorlage. Drücken wir mit gehaltener Strg-Taste auf die Ebene, erhalten wir eine Auswahl in Form der Ebene. Diese werden wir später verwenden, um aus einer Holz-Textur Planken auszuschneiden.

Es ist wichtig, dass der schwarze Bereich genau so Breit wie das Dokument ist, nur so lässt sich die Textur hinterher lückenlos kacheln. Artikel weiterlesen

Men in Black 3 Filmposter erstellen – Photoshop Tutorial

Men in Black 3 Filmposter erstellen – Photoshop Tutorial
Von am
Kategorien: Design, Photoshop, Tutorials

Immer wenn mir die nötige Inspiration fehlt, um einen Artikel zu schreiben, gehe ich ins Kino. Naja, so ganz stimmt das nicht, dann wäre ich längst pleite, aber ab und an mach ich das wirklich. Denn im Kino sehe ich immer tolle Filmplakate für noch tollere Filme und sehe mich berufen, ein Photoshop Tutorial zu schreiben, um der Welt die Möglichkeit zu geben, das Poster mit eigenen Bildern nachzubauen. Diesmal sprang mir bei meinem Kinobesuch das Plakat des dritten Teils »Men in Black« ins Auge. Der Effekt ist sehr raffiniert und doch sehr einfach zu erreichen. Artikel weiterlesen

Photoshop Tutorial: Extrem realistische 3D-Scrabble-Steine

Photoshop Tutorial: Extrem realistische 3D-Scrabble-Steine
Von am
Kategorien: Design, Photoshop, Tutorials

Seit den letzten Versionen von Photoshop wurden die 3D-Features extrem verbessert. Es ist nicht mehr länger nötig, 3D-Komponenten von Illustrationen in einem 3D-Programm zu erzeugen, viele Funktionen bringt Photoshop jetzt selbst mit.

In diesem Tutorial möchte ich euch zeigen, wie man mit Photoshop Scrabble-Spielsteine erstellen kann. Die Inspiration kam mir — wie kann es auch anders sein — bei einer Partie Scrabble. Wir werden in diesem Tutorial, alleine mit Photoshop Scrabble-Steine zu einem Wort zusammensetzen. Wie das Resultat aussieht, seht ihr oben. Artikel weiterlesen

Cracks – zerbrochenes Glas im Zentrum eines Filmplakats

Cracks – zerbrochenes Glas im Zentrum eines Filmplakats
Von am
Kategorien: Design, Photoshop, Tutorials

Vor einigen Tagen schickte mir ein Leser ein interessantes Filmplakat des Filmes »Cracks« mit der Frage zu, wie man den gezeigten Effekt erstellen kann. Ich habe einige Zeit herumexperimentiert und bin zu einem ziemlich einfachen Weg gekommen. Diesen möchte ich im Folgenden darstellen.

Einen ähnlichen Effekt habe ich übrigens schon einmal in dem Artikel »“8 Blickwinkel”-Wallpaper in Photoshop erstellen« gezeigt. Artikel weiterlesen

Black Swan – ein Filmplakat mit Photoshop erstellen

Black Swan – ein Filmplakat mit Photoshop erstellen
Von am
Kategorien: Design, Photoshop, Tutorials

Bei meinem letzten Kinobesuch sah ich mir den Film »Black Swan« an. Der Film war großartig und irgendwie verstörend, aber das Plakat von dem Film geistert mir noch immer im Kopf herum. Deshalb will ich es in Photoshop nachbauen. Artikel weiterlesen

Bricked In – ein Texteffekt mit Ziegeln und Masken

Bricked In – ein Texteffekt mit Ziegeln und Masken
Von am
Kategorien: Design, Inspiration, Photoshop, Tutorials

In diesem Artikel geht es um einen Texteffekt, den ich neulich auf einem Plakat für den Film »Chaos« gesehen habe. Der Effekt hat mich dazu inspiriert, ein wenig mit Texturen und Masken zu experimentieren, das Ergebnis möchte ich euch in diesem Artikel zeigen. Artikel weiterlesen

  1. 1
  2. 2