-
Animierte Reiseroute mit Kilometerzähler erstellen
01.09.2010 in Adobe After Effects von psdforum
- Zum Downloadmanager hinzufügen
- PDF-Datei herunterladen
- Arbeitsmaterialien herunterladen
- Kommentare ansehen (39)
- Kategorie: Adobe After Effects
- Erstellt mit Programmversion: CS5
- Dateigröße (PDF): 2.9 MB
- Dateigröße (Arbeitsmaterial): 520 KB
- Bisherige Zugriffe: 3129
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.
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 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
- Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
- Abruf von über 1000 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.
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.
- Download: Sepia-Vintage-Effekt-Aktion
- Download: Spiegelungen 2
- Download: Vektor-Logo (Eidechse)
- Tutorial: Linien zum Glühen bringen
- Tutorial: Ballons aus einer Schublade
- Tutorial: Neue Pinsel erstellen leicht gemacht
- Tutorial: Kommerzielle Fotografie 01: Berufswunsch Fotografie
- Videotraining: Die Programmoberfläche und der Arbeitsbereich von Adobe InDesign
- Videotraining: Lichtscheinkontureneffekt mit Animation
- Videotraining: CorelDRAW X6 Grundlagen - Hilfsmittel Freihand, 2-Punkt-Linie, Bezier, B-Spline, Polylinie, Stift, 3-Punkt-Kurve
- Videotraining: CorelDRAW X6 Grundlagen: Hilfsmittel Form - Heranziehen, Zurückweisen
Das Punktesystem
Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.
After Effects-Workshop-DVD - Basics & Tricks
- 18 Stunden Video-Trainings
- die beliebtesten Effekte schnell gelernt
- für After Effects CS 5.5 (ab After Effects 7.0 geeignet)
Kommentare
Weitere KommentareTutorial empfehlen
Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)
Schritt 1:
Eine Datei mit der Landkarte passend auf die künftige Videogröße schneiden (hier der Ausschnitt einer lizenzfreien Deutschland-Karte der University of Texas Libraries, USA) im Format 720 * 520 Pixel.
Quelle: University of Texas Libraries, Germany (Shaded Relief) 1994
Schritt 2:
Start von After Effects (Version CS5).Schritt 3:
Importieren der Landkarte über das Hauptmenü Datei>Importieren>Datei ...
Schritt 4:
Das kleine Vorschaubild der Landkarte mit der linken Maustaste anklicken, Maustaste gedrückt halten, nach rechts in das vorher leere Vorschaufenster ziehen und Maustaste loslassen.
Schritt 5:
Videoeinstellungen vornehmen: Im Hauptmenü unter Komposition>Kompositionseinstellungen, hier die Daten zum Videoformat einstellen (oberer Teil) und im unteren Teil die Länge des Videos einstellen; hier 10 Sekunden (davon 1 Sekunde Ruhephase am Start, 8 Sekunden Animation und 1 Sekunde Ruhephase am Ende).
Schritt 6:
Abspeichern des Projektes: Hauptmenü Datei>Speichern unter … (hier: linie.aep).Schritt 7:
Damit das Effekt-Menü verfügbar ist, zuerst unten auf den Bildnamen klicken „1.“ und dann „2.“ im Hauptmenü Effekt>Generieren>Malen animieren anklicken.
Schritt 8:
Oben links erscheint nun der Effekt Malen animieren; mit einem Doppelklick auf den Namen wird der Effekt nach unten zur weiteren Bearbeitung geholt.
Schritt 9:
Änderung der Farbe der künftigen Linie (Klick in das weiße Kästchen, rote Farbe auswählen), Änderung der Linienbreite („10“ nach Klick in den Wert eintippen), Verschieben des Startpunktes (befindet sich am Anfang in der Bildmitte) nach „Berlin“ sowie Verschiebung der Zeitmarke auf „01s“ [damit startet die Animation erst nach der „Ruhesekunde“].
Schritt 10:
Klick auf das Uhrsymbol vor „Position“; damit wird ein sogenannter Keyframe erzeugt, erkennbar an der Raute in der Zeitleiste.
Schritt 11:
Verschieben der Zeitmarke auf „03s“ und Verschieben der nächsten Position auf der Karte (hier nach „Magdeburg“); ein roter Strich erscheint auf der Karte und ein weiterer Keyframe ist automatisch eingefügt.
Schritt 12:
Verschieben der Zeitmarke auf „05s“ und Verschieben der nächsten Position auf der Karte (hier nach „Hannover“); der rote Strich wird verlängert und ein weiterer Keyframe ist automatisch eingefügt
Schritt 13:
Verschieben der Zeitmarke auf „07s“ und Verschieben der nächsten Position auf der Karte (hier nach „Osnabrück“); der rote Strich wird wieder verlängert und ein weiterer Keyframe ist automatisch eingefügt.
Schritt 14:
Letztmaliges Verschieben der Zeitmarke auf „09s“ und Verschieben der Position auf der Karte zum Ziel unserer Reise (hier nach „Dortmund“); der rote Strich wird weiter verlängert und ein weiterer Keyframe ist automatisch eingefügt.
Schritt 15:
An dieser Stelle sollte das Projekt mal wieder gesichert werden (Hauptmenü Datei>Sichern).Schritt 16:
Eine Vorschau der Animation erhalten wir über das Vorschaufenster rechts oben mit Klick auf den Abspielknopf (ein weiterer Klick darauf stoppt die Animation); dabei wandert die Zeitmarke von der letzten Position (war bei uns ja bei 09s) bis zum Ende und fängt dann wieder bei 0s an.
Schritt 17:
Damit haben wir den ersten Teil (Animation der Fahrroute) erledigt und kommen zum 2. Teil, der Animation der gefahrenen Kilometer. Als Erstes klicken wir auf den Pfeil vor dem Effekt Malen animieren, um den Block zuzuklappen.Schritt 18:
Damit das Effekt-Menü wieder verfügbar ist, zuerst unten auf den Bildnamen klicken und dann im Hauptmenü Effekt>Text>Zahlen anklicken.
Schritt 19:
Im Fenster Zahlen legen wir die Schriftart sowie die Richtung und Ausrichtung fest (die Schriftart sollte der Schrift in Ihrem Haupt-Video entsprechen, daher belasse ich die Schrift hier bei Arial).
Schritt 20:
Das Vorschaufenster ist nun schwarz und mittig mit einer roten „0,000“ gefüllt. Im unteren Bereich unter Effekte taucht nun der Eintrag Zahlen auf; bitte die Pfeile vor Zahlen, Format sowie Kontur und Fläche anklicken, damit die Einträge aufgeklappt werden. Der Wert „0,00“ ist der Startwert und somit OK; die Dezimalstellen bitte von 3 auf 0 ändern sowie den Punkt Mit Original kombinieren auf Ein setzen (dann erscheint auch die Karte wieder).
Schritt 21:
Die Größe der Zahlen passen wir nach oben an (z.B. auf 60) und verschieben die Zeitmarke auf 01s (d.h. auf den Startpunkt der animierten Linie), erst dann klicken wir auf das Uhrsymbol vor dem Wert-Eintrag: Es wird wieder ein Keyframe erzeugt.
Schritt 22:
Nun verschieben wir die Zeitmarke auf 09s (d.h. auf den Endpunkt der animierten Linie), erst dann klicken wir auf das Rautensymbol vor dem Wert-Eintrag (nun wird bei 09s ein neuer Keyframe erzeugt) und tragen den Zielwert (hier: 535) ein
Schritt 23:
An dieser Stelle sollte das Projekt mal wieder gesichert werden (Hauptmenü Datei>Sichern).Schritt 24:
Eine Vorschau der Animation erhalten wir über das Vorschaufenster rechts oben mit Klick auf den Abspielknopf (ein weiterer Klick darauf stoppt die Animation); dabei wandert die Zeitmarke von der letzten Position (09s) bis zum Ende und fängt dann wieder bei 0s an. Parallel zum wandernden Strich zählt der Kilometerzähler bis auf den Zielwert von 535 hoch (siehe Schritt 16).Schritt 25:
Nun folgt der letzte Punkt unseres Tutorials: das Erzeugen des fertigen Videos (hierfür ist der After Effects-Fachbegriff „Rendern“): Hauptmenü>Komposition>Film erstellen auswählen.
Schritt 26:
Im unteren Bereich erscheint nun eine Renderliste (bei mehrfacher Videoerstellung wird jedes Mal ein neuer Eintrag erstellt). Bitte für die ersten Versuche das Ausgabemodul auf Verlustfrei belassen und gegebenenfalls den Dateinamen anpassen (Voreinstellung ist der Name des verwendeten Bildes). Mit dem Klick auf die Rendern-Taste beginnt die Erstellung des Videos. Da es sich um ein verlustfreies Video handelt, verbraucht unser 10-Sekunden-Video rund 311 MB Platz auf der Platte.
Das war es, das Video mit der animierten Reiseroute sowie dem Kilometerzähler kann nun in das Reisevideo eingebaut werden. Viel Spaß bei der eigenen Erkundung von After Effects.
-
Reklame
-
-
- Hallo erstmal ne
- [CONTEST] CSS-Contests: Worauf habt ihr Lust?
- Wacom Bamboo zu verkaufen!
- InDesign/CS5 unsichtbare €-Zeichen ersetzen
- Fotobüchern
- Umrandung um Textfeld
- Kanten glätten bei meinem Bild oder Vektor?
- After Effects Ram-Vorschau - Problem mit Cache (aktualisert nicht)
- blender render stürzt ständig ab
- jQuery - Größe von einem Frameset ändern?
- [CS5] "Löschen-Mitteilung"
- Zerissenes Foto
- Biete Programmierung Ihres PSD-Designs
- Fehler beim Platzieren von Bildern
- Zeilenumbruch CS4
- Gestaltung eines Logos
- Kaufberatung Drucker
- Dynamische Auswahlliste: Name und ID übergeben
- Adobe Encore - Probleme Schaltflächen Unterbild
- 2 Fotos mit unterschiedlichem Schlagschatten in einer Datei
-
-
Aktuelles Commag
Anzeige
-
Anzeige


Flubber356
26.04.2012 - 22:50
Der Beitrag hat mir gefallen. Gut erklärt. Besten Dank !
svenssson
10.04.2012 - 13:21
Sehr gut erklärt! Super Einsteiger-Tutorial! Danke
emiliae404
23.01.2012 - 11:36
Perfekt erklärt! Danke!!
reigeli
16.12.2011 - 19:42
Idiotensicher Erklärt, hat Perfekt funktioniert.
bafanabafana
08.11.2011 - 14:29
Hat sehr gut geklappt :)
grafik_avd
07.10.2011 - 11:31
Genau was ich gerade gesucht hab. Danke
yummyumm
29.09.2011 - 11:31
vielen dank, ist genau das was ich gesucht habe!!
yummyumm
29.09.2011 - 11:31
vielen dank, ist genau das was ich gesucht habe!!
yummyumm
29.09.2011 - 11:31
vielen dank, ist genau das was ich gesucht habe!!
yorumcu
14.08.2011 - 17:16
Sehr gutes tut, Schritt für Schritt hat alles wunderbar geklappt. Vielen herzlichen Dank.
janedde
09.08.2011 - 14:58
Hat alles super funktioniert. Jeder Schritt ist gut erklärt. Das schafft jeder mit dem Tut.
User hat PSD-Tutorials.de verlassen
02.08.2011 - 12:44
schönes tut! danke. sehr zu empfehlen
computer2
17.07.2011 - 19:23
Gutes tutorial. Einfach um nachmachen. funtzt sogar in cs4
rekam
28.05.2011 - 18:13
Super! Danke, genau sowas habe ich schon lange gesucht.
cooltrix
20.05.2011 - 22:21
Ich konnte das Tutorial prima auf unseren letzten Sonntagsausflug umsetzen, bis auf "Film erstellen", da meldet das Programm immerzu: "Das im gewählten Ausgabemodul angegebene Verzeichnis existiert nicht mehr."
Wie kann ich mir helfen?
Massenvatta
26.02.2011 - 10:45
Endlich einmal eine sachliche und kompetente Anleitung. Die Route meiner Radtour wird toll nachgefahren. Vielen Dank!
alexanderfurz
20.02.2011 - 14:52
Da ich heuer ein Floridarundreise unternehme das richtige Totorial zur richtigen Zeit. Super einfach erklärt. Danke.
marco1983
16.02.2011 - 13:39
Danke einfach zu verstehen....war eine große hilfe
fifu
31.01.2011 - 11:56
Vielen Dank. Gerade für mich als Anfänger sehr gut erklärt und dann ist es auch noch genau die Anwendung die ich benötige.
Grüße.
LJedi
23.01.2011 - 05:59
Sehr schön erklärt. Gefällt mir (nur al Video noch zu toppen ;))