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 JamesBrown

    JamesBrown

    18.04.2012 - 15:54

    super erklärt, gefällt mir gut.

    danke :-)

  • Alternative Portrait von tichachm

    tichachm

    18.12.2011 - 13:39

    super sehr hilfreich

  • Alternative Portrait von romi110

    romi110

    22.11.2011 - 10:01

    erstaunlich, was so alles machbar ist

  • Alternative Portrait von dark1980

    dark1980

    09.10.2011 - 20:21

    hi

    nettes tutorial, wäre fein wenn noch mehr kommen würde....

    gibt noch so viel zum lernen :-9

    thx

  • Alternative Portrait von psdjunkie

    psdjunkie

    19.09.2011 - 10:22

    Hey, Danke!

    Ich wollte immer schon wissen wie ich einen Videobutton einfüge!

    lg

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    17.06.2011 - 23:47

    prima, das hat mir weitergeholfen ... gut erklärt - danke !!



    geändert von User hat PSD-Tutorials.de verlassen am 17.06.2011 - 23:48
  • Alternative Portrait von Baas

    Baas

    18.01.2011 - 13:49

    TOP TuT !

    Sehr hilfreich und simpel

  • Alternative Portrait von akir

    akir

    13.01.2011 - 20:08

    Hilft mir weiter. Vielen Dank.

  • Alternative Portrait von feldmann1

    feldmann1

    08.01.2010 - 22:53

    Hat mir ein gutes Stück weiter geholfen, Danke!

  • Portrait von Photo_Expert

    Photo_Expert

    12.10.2009 - 10:52

    Das ist dir aber gut gelungen. Davon abgesehen auch sehr gut erklärt!

    Punkte 10/10

  • Alternative Portrait von gbr

    gbr

    08.10.2009 - 10:42

    - ausführlich und wirklich schrittweise (nachvollziehbar) erklärt
    - auch geeignet, den eigenen bisherigen workflow bei Encore zu
    überdenken --> entdecke die Möglichkeiten

  • Alternative Portrait von Spenser

    Spenser

    07.10.2009 - 20:41

    Oh das ist aber wirklich gelungen

  • Portrait von dte01

    dte01

    07.10.2009 - 15:28

    Danke. Habe noch keine Ahnung, wozu ich das brauchen kann, aber wenn ich es mal benötige, ist es gut zu wissen, wie es geht.

  • Portrait von Franzi_Jump

    Franzi_Jump

    07.10.2009 - 12:01

    bin zwar bis jetzt noch nicht auf die Idee gekommen sowas auszuprobieren.
    Werde es aber im Hinterkopf behalten. ;)
    Hört sich echt gut an.
    Vielen Dank. - Gut erklärt !!

  • Portrait von johanna52

    johanna52

    07.10.2009 - 10:19

    sehr gut erklärt, danke

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

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


Schritt 1:
Neues Projekt anlegen und alle Assets importieren. (Filme und Hintergrundbild, aber noch kein Menü!).
Ich habe hier das Bild Boote als Hintergrund für das Menü eingestellt, den Hauptfilm und den Button-Film, der später im bewegten Button laufen soll.

Bilder

Schritt 2:
Nun wird das Menü erstellt: Mit Strg+M wird ein voreingestelltes Menü aus der Bibliothek erzeugt. Es ist egal, welches es nun gerade ist, wir werden es später mit unserem Hintergrund überlagern.
In meinem Fall ist es PAL-Blue Flare BG ohne Button. Sollten bei Euch Buttons erscheinen, dann bitte alle Buttons löschen.
Das Löschen von Buttons, Titel und  anderen Hintergrund-Details geht am besten über das Fenster Ebenen. Hier einfach bis auf den "Background" alle Einträge löschen 

Bilder




Das Bild müsste nun so aussehen.

  
Bilder

Mit Doppelklick auf das Menü holen wir dieses in das Fenster.

Bilder
 

Nun erzeugen wir den ersten Button, durch Auswahl des Textwerkzeuges. Wir schreiben z.B.: Film starten...
Dies ist der Button, mit dem später der Hauptfilm gestartet wird.

Bilder 

Im nächsten Schritt wird der Text in eine Schaltfläche verwandelt.

Bilder

Nun ist die Schrift in eine Schaltfläche verwandelt und im Ebenen-Fenster entsteht folgendes Bild:

Bilder

Im nächsten Schritt wird über den Hintergrund ein Foto unserer Wahl gesetzt (in meinem Beispiel ist es das Asset Boote.jpg).
Das Bild sieht nun so aus.

Bilder

Das ist nun, wie man im Ebenen-Fenster sehen kann, über der Schaltfläche "(+) Film starten" und über dem Hintergrund platziert.
Als Nächstes verschieben wir nun das Boote-Bild eine Ebene nach hinten, dass es in der Schaltfläche (+) Film starten, aber noch vor dem Background liegt.
Die geht durch Rechtsklick auf das Objekt (Boote) und Auswahl  -> Anordnen -> Schrittweise rückwärts.

Bilder


Wir wenden dieses -> Anordnen -> Schrittweise rückwärts noch einmal an und erhalten folgendes Bild:

Bilder


Wenn alles stimmt, ist nun das Bild in der Schaltfläche "(+) Film starten" und hinter der Schrift "Film starten" gelandet. Damit ist das Bild ein Teil der Schaltfläche geworden und
die Schaltfläche ist nun auch so groß wie das Bild (man sieht dies an dem grünen Rahmen um das Bild, der vorher nur um die Schrift "Film starten" war).
Es ist nun egal, wo man innerhalb des Bildes drückt, es wird immer die Aktion ausgeführt, die man der Schaltfläche "Film starten" zuweist.

Im nächsten Schritt kommt nun der bewegte Button in Spiel.
Wir können nun aus der Bibliothek einen beliebigen bewegten Button heraussuchen und diesen beliebig auf dem Menü platzieren.
Ich habe hier den Radiant Video Button gewählt und im Menü platziert.

Bilder

Man kann hier sehen, dass Encore mit den roten Rahmen signalisiert, dass das nicht geht. Aber es ist so gewollt, der neue Button hat keine Funktion
und wir können ihn zum Abspielen unseres Button-Films benutzen.
Vorher müssen wir jedoch noch alle Button-Funktionen löschen. Siehe Pfeile -> in folgendem Bild. Nur (%) video bleibt stehen.
 
Bilder 

Dann landen wir bei folgendem Bild: (Der bewegte Button besteht nur noch aus dem Rahmen für das Video).

Bilder


Nun müssen wir nur noch im Flussdiagramm den Button - Film mit dem Video-Button und den Hauptfilm mit dem Film-starten-Button verbinden....
(Vorher natürlich die Filme ins Schnittfenster ziehen, wenn noch nicht geschehen).

Bilder

Nun noch die animierte Schaltfläche anklicken und die Dauer des Filmes und Schleifenanzahl eingeben.....

Bilder 

Zum Abschluss noch Datei -> Rendern -> Bewegungsmenüs anklicken, sonst läuft der Film nicht in der Vorschau.

Alle anderen Einstellungen wie Endaktionen, Ton, weitere Buttons etc. schenke ich mir hier. 

Ich hoffe, es ist nützlich.

Gruß falterx
 


 
 

vBulletin 0.051 • ZF-App 0.714 • Total 0.765