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 igelschnauze

    igelschnauze

    25.06.2008 - 14:38

    Das Tut ist o.K.!!!!

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    17.03.2008 - 14:49

    vielen dank, das tut hat mir eingiges beigebracht :)

  • Alternative Portrait von iiicrazhiii

    iiicrazhiii

    17.02.2008 - 21:04

    top!!! mehr fällt einem dazu nicht ein großes danke

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    15.02.2008 - 17:25

    wow tolll super tut....................

  • Alternative Portrait von kleinerMaler

    kleinerMaler

    17.12.2007 - 15:57

    sehr schöner Tut. geht bestimmt auch mit anderen Obj.

    • Alternative Portrait von p3rTa3d3T

      p3rTa3d3T

      27.06.2008 - 15:13

      Ich denke er meint solche Sachen: <br><blockquote>"Geht jetzt in dem mc rein.
      Macht nochmal einen mc aus dem Kreis geht diesmal aber nicht in dem mc."</blockquote> Was zum Teufel ist das??? Nein ich frage dich WAS soll das bedeuten? Ich meine ich kann mir vorstellen was du damit meinst, nur <strong>syntaktisch</strong> ist das <strong>eine Katastrophe</strong>.

  • Alternative Portrait von h_seldon

    h_seldon

    20.11.2007 - 08:35

    Hallo Waer,

    ja, schön gemacht, netter Effekt, der das Lernen zum Spass werden lässt. Allerdings ist es nicht wirklich AS 2.0, wie am Anfang des Tutorials behauptet. Dazu fehlt die Typisierung, z.B. var x:Number = ...
    Außerdem gilt random() als veraltet; stattdessen sollte man das zwar umständlichere, aber formal korrektere Math.random()*Faktor verwenden. Und Skripte gehören gehören besser nicht in die Zeitleiste eines MovieClips hinein, sondern werden zentral im ersten oder zweiten Frame der Hautpzeitleiste erfasst bzw. geladen. Das erhöht die Übersichtlichkeit enorm. Ansonsten schöne und ausführliche Erklärung.

    h_seldon

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    17.11.2007 - 22:42

    Hallo Waer,

    ich hab dein Tutorial gelesen und konnte es mit kleinen Hürden in Flash CS 3 unter ActiosScript 3.0 umsetzen.

    Einige Erklärungen und der sprachliche Ausdruck lassen teilweise stark zu wünschen übrig. Deshalb nur 3 Sterne.

    Ich finde es aber sehr gut, dass du eine so umfangreiche Tutorial-Serie geschrieben hast. Weiter so.

    Gruß overkill

    P.S.: Wenn du das noch einmal überarbeitest, dann kriegst du 5 Sterne. ;)

    • Portrait von waer

      waer

      21.11.2007 - 16:55

      Das ist immer noch AS2.
      Wer As3 machen will soll sich dafür geeignete Tutorials suchen.
      Ich habe leider keine Zeit um das Tutorial zu bearbeiten bzw. zu verbessern.
      Ich weiß nicht was du genau schlecht an meiner Sprache findest. kannst ja mal über ne pm sagen thx für dein comment

  • Alternative Portrait von redflag

    redflag

    31.07.2007 - 08:43

    echt cooles tutorial

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    20.07.2007 - 16:55

    nice nicenice nicenice nicenice nicenice nicenice nice

  • Alternative Portrait von bobbystoffers

    bobbystoffers

    28.06.2007 - 17:09

    Hallo waer, ich finde deine Serie an Grundlagentutorials
    sehr gut und verständlich erklärt. Besonders gefallen haben mir die ActionScript Tuts. Danke!

  • Alternative Portrait von gilla

    gilla

    24.06.2007 - 23:29

    Hey das freut mich das wieder mal ein Tut für Flash von dir gekommen ist.
    Hab das leider schon fertig gemacht anhand deiner Hilfe.
    Aber habs einfach nochmal gemacht.
    Auch wenn ich in meiner Version die Kollision am Rand abhängig von der größe gemacht habe damit es sauberer aussieht.
    Ein super Tutorial wieder mal.

  • Portrait von mayhardcastle

    mayhardcastle

    24.06.2007 - 03:04

    wie schön, eine neue lektüre ;o)
    klasse tutorial, vielen dank auch dafür!

  • Portrait von NT2005

    NT2005

    24.06.2007 - 01:06

    Perfekt! Immer wieder nett diese Effekte!

    Cheers NT2005

  • Alternative Portrait von Soulrain

    Soulrain

    23.06.2007 - 06:16

    Und wieder ein schönes Tut, Danke

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

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


Fangen wir gleich an,

Zuerst öffen wir ein neues Dokument, und stellen die Bildrate auf 30.
Nun zeichnen wir mit dem Ellipsenwerkzeug einen schwarzen Kreis, der ca. 35px breit und hoch ist.
Jetzt konvertieren wir ihn zu einem mc, indem wir den ganzen Kreis anstreichen und F8 drücken.
Im darauf folgenden Fenster könnt ihr den Inhalt des mc´s optional in die Mitte ausrichten, und klickt dann auf OK.
Jetzt wählt den mc an und drückt STRG+C um ihn zu kopieren.
Fügt ihn jetzt mehrmals ein damit ihr nachher viele Kreise habt die sich bewegen.

Geht jetzt in dem mc rein.
Macht nochmal einen mc aus dem Kreis geht diesmal aber nicht in dem mc.
Nun wenden wir noch einen kleinen Filtereffekt an und zwar den Verwischen Filter.
Öffnet die Filter über Fenster --> Eigenschaften --> Filter. (Bild)
Bilder


Wählt den mc an und jetzt legen auf den mc einen Filter, den Verwischenfilter. (Englisch Blur)
Geht auf in den Eigenschaften auf Filter, und klickt auf das Plus und dort steht dann als 6. der Verwischen Filter. (Bild)
Bilder

Hier seht ihr die Einstellungen.
Im Hintergrund kann man noch so ungefähr erkennen wie viele mc´s ich gemacht habe.
Die Position ist übrigens egal, da wir sie über AS bestimmen werden.

Nun zum AS.

zuerst bestimmen wir die mc´s auf eine zufällige Position.
Wie die Meisten schon wissen, wird die Position mit _x und _y bestimmt.
Wenn man einen zufälligen Wert bestimmen möchte, braucht man random()
also schreiben wir:

_x = random(550);
_y = random(400);

Dadurch das es jetzt im jeden mc steht und im jedem mc auch ein anderer Wert bestimmt wurde, kommen die mc´s nicht unbedingt auf die gleiche Stelle, und selbst wenn ist das sehr unwahrscheinlich.
Jetzt wollen wir jedem mc auch noch eine zufällige Größe geben.
Das geht auch wieder mit random() und diesmal mit _xscale und _yscale.
Diese beiden Werte bestimmen die Größe des mc´s in Prozent. Also 100% ist normalgröße und 50% nur die Hälfte.
Also so:

_xscale = random(150);
_yscale = _xscale;

damit der Kreis auch rund wird muss die Höhe der Breite gleich angepasst werden, also _yscale = _xscale; .
unser bisheriges Skript:


_x = random(550);
_y = random(400);
_xscale = random(150);
_yscale = _xscale;

Jetzt kommen noch 2 Variablen dazu, die die Beschleunigung bestimmen sollen, x und y.
Diese bekommen auch wieder einen zufälligen Wert, damit sich jeder mc einzeln schnell bewegt:

x = random(5);
y = random(5);

Jetzt kommt alles im oef (onEnterFrame).
Dort passieren alle Bewegungen und der bounce effekt.
zuerst schreiben wir die Bewegung.
Wir haben _x und x. _y und y.
Wir wollen diese Werte verändern, und zwar ständig.
Da es dann im oef passiert, passiert es ständig.

also:

_x = _x +x;
 _y = _y +y;

wenn _x gleich _x plus x ist, dann werden die Werte immer höher und dementsprechend bewegt sich der mc auch.
Also wenn x zb 5 ist, dann wird _x zuerst 5 dann 10 dann 15 usw, die Veränderung ist aber nicht so groß das man meint der mc springt zu einer weit entfernten Position, auch wenn sie immer wieder neu bestimmt wird.

Jetzt kommt noch der bounce effekt.
Den machen wir mit if().
if() ist eine funktion mit nur einem Parameter, dieser erfordert eine Bedingung, wenn die erfüllt ist, dann wird die Funktion ausgeführt die wir dafür erstellt haben.
also z.B. Wenn der mc über 550 px geht. dann soll die Geschwindikgeit umgekehrt werden, sodass der mc in die andere Richtung zurück geht.

das sieht dann so aus:

if(_x > 550){
    _x = 550;
     x = -x;
}


x gleich -x ist sozusagen das umgehkerte, das die Werte dann wieder zurückgehen:  550 dann 545 dann 540 usw.
Das machen wir jetzt mit allen Seiten.
Zur Kontrolle ist hier das gesamte Skript nocheinmal:

_x = random(55);
_y = random(40);
x = random(5);
y = random(5);
_xscale = random(150);
_yscale = _xscale;
onEnterFrame = function(){
    _x = _x +x;
    _y = _y +y;

    if(_x < 0 ){
         _x = 0;
        x = -x;
    }
    if(_x > 550){
        _x = 550;
        x = -x;
    }
    if(_y < 0 ){
         _y = 0;
        y = -y;
    }
    if(_y > 400){
        _y = 400;
        y = -y;
    }
}

Jetzt kommt nur noch eine Funktion hinzu.
Die RollOver funktion. (Wenn man mit der Maus über den mc fährt)

Wir bestimmen mit dem RollOver 4 Werte neu.
1. x
2. y
3. _xscale
4. _yscale

Das wird dann so aussehen:

onRollOver = function(){
    x = random(20);
    y = random(20);
    _xscale = random(150);
    _yscale = _xscale;
}

Für alle die jetzt noch irgendeinen Fehler haben:

1. Das Skript kommt in den ersten mc in der Bibliothek wird er wahrscheinlich Symbol 1 heißen, wenn ihr ihn nicht umbenannt habt.
2. Das Skript kommt in die Zeitleiste, nicht auf den mc.

3. So sieht das ganze Skript aus:

_x = random(55);
_y = random(40);
x = random(5);
y = random(5);
_xscale = random(150);
_yscale = _xscale;
onEnterFrame = function(){
    _x = _x +x;
    _y = _y +y;

    if(_x < 0 ){
         _x = 0;
        x = -x;
    }
    if(_x > 550){
        _x = 550;
        x = -x;
    }
    if(_y < 0 ){
         _y = 0;
        y = -y;
    }
    if(_y > 400){
        _y = 400;
        y = -y;
    }
}
onRollOver = function(){
    x = random(20);
    y = random(20);
    _xscale = random(150);
    _yscale = _xscale;
}

So siehts aus:




Ihr könnt mal alle Werte verändern, und gucken was rauskommt. ;-)
Aber nicht die mc´s zu groß machen, da das sonst an die Performance geht..

Das wars dann auch schon wieder.
Hoffe Ihr habt alles verstanden, und freu mich über ein Feedback.
Bei wichtigen Fragen bitte eine PM an mich...

;-)

WAER
vBulletin 0.041 • ZF-App 0.584 • Total 0.624