Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 3.000 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 1.900 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 2.200 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.
  • Registriere dich bei uns und du erhältst die Selection-DVD mit über 24 Stunden Video-Trainings zu Photoshop, InDesign uvm. als Download gratis (sofern Newsletter aktiviert). 

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Jetzt kostenlos registrieren!

Kommentare

  • Alternative Portrait von a_kroe

    a_kroe

    07.10.2012 - 13:45

    hilft auch einem anfänger wie mir

  • Alternative Portrait von Linus_H

    Linus_H

    22.05.2012 - 15:20

    Super! Braucht zwar bisschen Hilfe aber..... auch egal! :) Super Tutorial! LG Linus

  • Alternative Portrait von JamesBrown

    JamesBrown

    07.04.2012 - 10:15

    Ein wirklich 1 a Tutorial. Habe damit einen super 3D Würfel hinbekommen

    Vielen Dank:-).

  • Alternative Portrait von kingpin069

    kingpin069

    02.03.2012 - 12:59

    gutes tut aber mich würde interessieren wie ich die bewegungen in as3 programmiere

  • Alternative Portrait von kingpin069

    kingpin069

    02.03.2012 - 12:59

    gutes tut aber mich würde interessieren wie ich die bewegungen in as3 programmiere

  • Alternative Portrait von simonej

    simonej

    09.01.2012 - 16:20

    ist ein nettes tut! ausführlich erklärt gerade für anfänger, die eine ihrer erste animationen bauen wollen!

  • Alternative Portrait von didip

    didip

    26.08.2011 - 16:27

    Sehr einfach und sehr verständlich, vielen Dank :)

  • Portrait von snapone

    snapone

    26.08.2011 - 10:51

    simpel aber nett.
    anschaulich und klar verständlich..Danke.

  • Alternative Portrait von Vinicio

    Vinicio

    05.08.2011 - 16:05

    Gut beschrieben! Einfach, aber gut! und Funktioniert perfekt Vielen Dank!

  • Alternative Portrait von Selonian

    Selonian

    27.06.2011 - 13:54

    Einfacher, aber toller Effekt! Da sieht man mal wieder, dass man eigentlich zu wenig mit Form-Tweens und Formmarken arbeitet.

    Vielen Dank!

    Gruß, Selonian.

  • Alternative Portrait von alkunz

    alkunz

    13.04.2011 - 16:48

    Sehr einfach, Vielen Dank!

  • Alternative Portrait von flashintosh

    flashintosh

    08.04.2011 - 10:56

    Schönes Tutorial, allerdings könnte es doch auch für CS3 veröffentlicht werden, oder!?

  • Alternative Portrait von ScorpX

    ScorpX

    22.10.2010 - 21:43

    Sehr gut Beschrieben das Tut und es klappt zu 100% :)

  • Alternative Portrait von shiitake

    shiitake

    07.07.2010 - 12:03

    Gut beschrieben! Gerade für Einsteiger empfehlenswert.

  • Alternative Portrait von lasailing

    lasailing

    28.05.2010 - 18:29

    Kleine Spielerei, die aber Lust auf mehr macht. Ein Blickfang der schnell umzusetzten ist. Danke für die gut Beschreibung

  • Alternative Portrait von mats94

    mats94

    25.05.2010 - 13:07

    Sehr gut beschrieben und auch für Anfänger verständlich ;). Da merkt man erst, wie mächtig das Programm ist :). Danke.

  • Alternative Portrait von klausilein

    klausilein

    19.05.2010 - 16:16

    Na ja, so toll finde ich das nicht!

  • Alternative Portrait von COM2000

    COM2000

    15.05.2010 - 17:42

    super !
    gut und schnell zu verstehen

  • Portrait von fetterwurm

    fetterwurm

    18.04.2010 - 22:34

    Sehr nette Beschreibung. Jetzt müssen wir das nur noch in y-Richtung probieren ;)

  • Portrait von isaura

    isaura

    17.04.2010 - 07:56

    tolle ani die werde ich ausprobieren
    gruss sigrid

Weitere Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


Schritt 1:

Als Erstes erstellen wir ein Quadrat, das die Vorderseite unseres Würfels darstellen soll. Farben spielen hierbei keine Rolle. Ich habe ein Grau für die Flache und Schwarz für den Rahmen verwendet.

Bilder



 Schritt 2:

Als Nächstes erstellen wir ein weiteres Schlüsselbild, ungefähr bei Bild 25. In diesem Bild soll das gleiche Quadrat zu sehen sein, völlig unverändert.

Bilder



Schritt 3:

Nun wird den soeben erstellten Bildern von Frame 1 bis 25 ein Form-Tweening hinzugefügt. Dazu die Bilder mit einem Rechtsklick anwählen und dann "Form-Tween erstellen" auswählen.

Bilder


Schritt 4:

Nun haben wir definiert, dass sich das Quadrat in der Form verändern soll. Doch haben wir nicht gesagt, wie, da Anfangsbild und Ausgangsbild genau dieselben sind. Deshalb greifen wir jetzt zu den sogenannten Formmarken. Mit diesen lässt sich bestimmen, welcher Punkt sich während des Tweens wohin bewegt.

Dazu am besten auf das erste Bild klicken, dann Modifizieren>Form>Formmarke hinzufügen anwählen. Macht diesen Schritt zweimal. Falls dies nicht auswählbar ist, kann es daran liegen, dass das Quadrat gruppiert oder umgewandelt wurde. Um dies zu ändern, einfach das Quadrat anwählen und auf Modifizieren>Teilen klicken.

Bilder


Schritt 5:

Somit erscheinen im ersten wie auch im letzten Bild in der Mitte des Quadrates zwei kleine Kreise mit Buchstaben (a & b). Diese müsst ihr nun positionieren. Im ersten Bild setzt ihr am besten die Marke "a" in die obere linke Ecke und Marke "b" in die untere linke. Im letzten Frame macht ihr dasselbe, nur auf der anderen Seite. Das heißt Marke "a" in die obere rechte Ecke und Marke "b" in die untere rechte. Bei der Positionierung der Marken im letzten Bild sollten sie sich grün verfärben. Dies zeigt an, dass sie sich mit den Marken aus dem ersten Bild gefunden haben.

Bilder
Setzung der Formmarken im ersten...                                                 ...und im letzten Bild.


Schritt 6:

Nun sollte das meiste geschafft sein. Wenn alles richtig gemacht wurde, sollte es bereits so aussehen (die Pause sind nur ein paar weitere Bilder, die ich am Ende eingefügt habe):




Wer will, kann jetzt noch eine senkrechte Linie als Kante des Würfels einfügen. Diese muss sich als Bewegungs-Tween einfach von der linken Kante zur rechten bewegen. Am besten auf einer neuen Ebene. Wenn dieselbe Bilderzahl und Position der Bilder verwendet wird, sollte sich die Linie exakt zwischen den Ecken bewegen.

Dies sieht dann so aus:




Hier noch die Zeitleiste der fertigen Datei:

Bilder
Mit zusätzlichen Bildern, höherer BpS und "Beschleunigen/Bremsen" lässt sich das Ganze noch abrunden.



Ich hoffe, das Tutorial hat euch gefallen/geholfen.

MfG Scripter
vBulletin 0.045 • ZF-App 0.569 • Total 0.614