-
Texteffekte ohne ActionScript Teil 3
17.11.2009 in Adobe Flash von FlashSoft
- Zum Downloadmanager hinzufügen
- PDF-Datei herunterladen
- Arbeitsmaterialien herunterladen
- Kommentare ansehen (15)
- Kategorie: Adobe Flash
- Erstellt mit Programmversion: Flash 8
- Dateigröße (PDF): 1.3 MB
- Dateigröße (Arbeitsmaterial): 15 KB
- Bisherige Zugriffe: 2830
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 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.
- Download: Screenguide-Magazin als PDF zum Download
- Download: Vektor-Logo (Eidechse)
- Download: Sepia-Vintage-Effekt-Aktion
- Tutorial: Ballons aus einer Schublade
- Tutorial: Neue Pinsel erstellen leicht gemacht
- Tutorial: Kommerzielle Fotografie 01: Berufswunsch Fotografie
- Tutorial: Linien zum Glühen bringen
- 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
- Videotraining: Die Programmoberfläche und der Arbeitsbereich von Adobe InDesign
Kommentare
Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)
Heute wollen wir eine Art 3D-Effekt erzeugen. Fangen wir gleich mit dem ersten Effekt an.
Wir erstellen ein neues Dokument mit weißer Hintergrundfarbe; die Größe des Dokuments ist euch überlassen.
Jetzt erstellen wir mit CTRL+F8 ein neues Symbol, nennen es „Text“ und wählen Grafik aus und bestätigen dieses.

3. Schritt:
Jetzt schreiben wir unseren kleinen Text. Im Beispiel: PSD-Tutorials.
Hier ist es euch überlassen, welche Schriftart ihr verwendet und was für eine Farbe der Text haben soll.
4. Schritt:
Jetzt gehen wir zurück zu unserer Szene 1; dort fügen wir unsere gerade erstellte Grafik aus unserer Bibliothek hinzu (einfach aus der Bibliothek auf die Bühne ziehen). Auf der Zeitleiste im 30. Schlüsselbild erstellen wir mit F6 (in Schlüsselbilder konvertieren) ein Schlüsselbild hinzu.


5. Schritt:
Jetzt gehen wir in das 1. Schlüsselbild und verschieben den Text über unseren Text; jetzt verkleinern wir unseren Text mit dem Frei transformieren Tool (T): Siehe Bild. Jetzt stellen wir die Farbe auf Alpha 5%.



6. Schritt:
Jetzt erstellen wir vom 1. Schlüsselbild bis zum 30. Schlüsselbild ein Bewegungs-Tween und können gleichzeitig mal CTRL+Enter testen.

Das ist aber noch nicht der Effekt, den wir haben wollten. Also geht es weiter.
7. Schritt:
Wir erstellen eine neue Ebene. Dort, im 1. Schlüsselbild, ziehen wir unseren „Text“ aus unserer Bibliothek hinüber und erstellen im 30. Schlüsselbild mit F6 (in Schlüsselbilder konvertieren) ein Schlüsselbild hinzu.
8. Schritt:
Jetzt bleiben wir im 30. Schlüsselbild und schieben den Text nach unten. Dieses Mal andersherum als im 5. Schritt. Wir verkleinern unseren Text und stellen ihn wieder auf Alpha 5%.

9. Schritt:
Jetzt noch in dieser Ebene ein Bewegungs-Tween erstellen und mit CTRL+Enter testen. Und somit ist der erste Effekt vollständig.

Weiter geht es mit unserem nächsten Effekt, dem Welt-Text-Effekt.
2. Texteffekt: Welt-Text-Effekt
1. Schritt:
Wir erstellen ein neues Dokument mit der Größe 200 x 200; die Hintergrundfarbe bleibt Weiß.
2. Schritt:
Jetzt nehmen wir unser Zeichentool Oval (O) und zeichnen einen Kreis mit einer radialen Füllung (siehe Bild).

3. Schritt:
Jetzt konvertieren wir es mit F8 in ein Symbol als Grafik. Wie ihr es benennt, ist euch überlassen; ich nenne es mal „Welt_gr“.

4. Schritt:
Jetzt erstellen wir eine neue Ebene (Ebene 2), dort schreiben wir unseren Text (in meinem Beispiel „PSD-Tutorials“) und verschieben ihn auf die rechte Seite (siehe Bild).

5. Schritt:
Jetzt drücken wir F8, um es in ein Symbol mit der Einstellung Grafik zu konvertieren. Wie ihr es benennt, ist euch überlassen.

6. Schritt:
Nun erstellen wir eine weitere Ebene (Ebene 3).

Danach gehen wir zur Ebene 1 und kopieren diese mit CTRL+C und fügen dies zur Ebene 3 mit CTRL+Shift+V hinzu.
7. Schritt:
Jetzt gehen wir zum 60. Schlüsselbild in der Ebene 1 und drücken F5 (Bild hinzufügen). Dieses wiederholen wir auch in der Ebene 3.

In der Ebene 2 am 60. Schlüsselbild fügen wir mit F6 (in Schlüsselbilder konvertieren) ein Schlüsselbild hinzu und verschieben unseren Text nach links.

8. Schritt:
Jetzt für Ebene 1 und Ebene 3 im 80. Schlüsselbild ein neues Bild (F5) hinzufügen. Für die Ebene 2 fügen wir mit F6 (in Schlüsselbilder konvertieren) ein Schlüsselbild hinzu. Im 80. Schlüsselbild verschieben wir unseren Text von links nach rechts.

9. Schritt:
Nun wählen wir unsere Ebene 2 aus und erstellen ein Bewegungs-Tween.

10. Schritt:
Jetzt nur noch die Ebene 3 mit rechter Maustaste anklicken und die Maske auswählen.

Und schon sind wir wieder fertig; hier noch das fertige Ergebnis.

So, das war es mal wieder, hoffe, ihr habt Spaß daran. Bis zum nächsten Mal, euer FlashSoft.
-
Reklame
-
-
- Schriftart "Entypo" lässt sich nicht anzeigen
- CS6 Extended 64bit - Zusatzmodule können nicht geladen werden
- PHP-Variable in Javascript
- Rahmen kann nicht frei transformiert werden
- Digital Painting ohne Grafiktablett
- Sketchbook Pro
- PSD-Datei in ACR bearbeiten
- Logodesign nach vielen Jahren
- Wie geht das???
- VHS > digitalisiert - Restaurieren, wer kann helfen? :)
- Meinungen von euch zum 23. Foto-Kreativcontest
- web-clip / Format
- Wer wird Webinär?
- einzelne Klone unterschiedlich deformieren
- Nik-Complete-Collection kostenlos...
- Hintergrund einfügen
- Cache ohne externe Installation gesucht
- Kaufempfehlung: Monitor für Bildbearbeitung/DTP
- Firepro oder Quadro
- Traum Silhoueten
-
-
Aktuelles Commag
Anzeige
-
Anzeige


waternimfchen
14.05.2013 - 20:53
lieben Dank für die Tipps
Inyaheyukan
13.12.2011 - 12:04
Super, es funktioniert. Und eigentlich ganz einfach, wenn man weiß wie es geht.
Lapen
13.07.2011 - 00:43
Hmm Flash ist echt schwer aber das hilft mir weiter
Selonian
01.07.2011 - 14:55
Der erste Teil des Effektes ist einfach aber doch wirkungsvoll.
Beim zweiten Teil finde ich die Wirkung nicht ganz so gelungen. Der Text sollte am besten spiegelverkehrt zurücklaufen, damit der globale Effekt Wirkung zeigt.
Gruß, Selonian.
dastan
26.04.2011 - 13:55
Wow, hätte nicht gedacht das es so einfach geht
Kornelila
05.02.2011 - 11:20
Dieses Tutorial liest sich ganz einfach und erscheint auf den ersten Blick sogar Deppensicher ... nur leider habe ich das gleiche Problem wie CraYon!
Beim Nachstricken des ersten Effektes scheiterte ich sogar schon am Transformieren des Textes. Sobald ich die Höhe transformiere, transformiert die Breite mit, egal wie ich es anstelle. Habe mich mit diesem Problem eine geschlagenen Stunde herum gespielt und schließlich den Hut drauf geworfen.
Puh, aller Anfang ist schwer!!
Kornelila
06.02.2011 - 15:50
Oh, ich bin auf des Rätsels Lösung gekommen! Der Text muss vor dem Transformieren erst "modifiziert" werden: Den zu bearbeitenden Text zweimal "Teilen" und schließlich noch "Umhüllen" und schon läßt er sich wunderbar verändern; und das sogar in alle Richtungen! :-)
Nicht mal ein kleiner Schritt für die Menschheit, aber ein großer für mich!!
dianab
31.01.2011 - 15:45
gefällt mir probiere ich
gerdtele
17.01.2011 - 13:52
Tolle Arbeit. Einfach und gut.
at perfekt funktioniert
embryo
06.09.2010 - 12:09
gail!imma wieda schön zu sehn wie simpel die schaizze iz!cooler effect!
FlashSoft
03.05.2010 - 08:26
Hallo @CraYon,
lade dir doch die Arbeitsdateien runter, kostet dich aber leider 25 Punkte.
CraYon
02.05.2010 - 17:07
1 klappt nicht was hast du da fürn bewegungs tween reingemacht ??? bei mir bleibt das stehen und beim 30 frame zeigt er 1 sec das andere bild das wars klappt Nicht ! fürn arsch !
nellynelly
07.01.2010 - 07:43
gefällt mir probiere ich aus sobald ich in der schule bin
Beckerazzi
11.12.2009 - 12:03
cooles ding gefällt mir muss ich sagen, mit einfachen mitteln
elton_26169
22.11.2009 - 13:20
Wow, hätte als absoluter Flash Neuling nicht gedacht, das das so einfach geht.