Photoshop Animation - Text & Zeitleiste
In diesem Photoshop-Tutorial fügen wir den Platzhaltertext zu unserer Facebook-Video-Cover-Vorlage hinzu. Dieser Text enthält den Firmennamen, die Art des Geschäfts, den Slogan, die vom Geschäft Ihres Kunden erbrachten Dienstleistungen und einen Aufruf zum Handeln. Öffnen Sie Ihre Projektdatei in Photoshop.

Text hinzufügen

Wir werden die ersten beiden Textebenen hinzufügen und jede Textzeile etwa 110 Pixel vom linken Bildschirmrand ausrichten. Dies sollte sicherstellen, dass sich der Text innerhalb der sicheren Zone von 640 x 360 Pixel (siehe Screenshot) auf dem Smartphone befindet. Fügen wir den Geschäftsnamen auf einer Ebene und den Geschäftstyp auf einer zweiten Ebene hinzu. Wir werden beide Textebenen in eine neue Ebenengruppe einfügen, die alle unsere Textebenen enthält (siehe Screenshot).

  1. Klicken Sie unten im Ebenenbedienfeld auf das Symbol Neue Gruppe und benennen Sie diese Gruppe Text.

  2. Wählen Sie das Werkzeug Horizontaler Typ und wählen Sie eine benutzerdefinierte Farbe für Ihren Text. Wählen Sie die Schriftart und stellen Sie die Schriftgröße auf 24 Punkte ein.

  3. Zeichnen Sie ein Textfeld, das etwa 110 Pixel links und 90 Pixel oben auf dem Bildschirm beginnt, um die erste Textebene zu starten und einzugeben Firmenname (siehe Screenshot). Dieser Platzhaltertext wird durch den Firmennamen Ihres Kunden ersetzt.

  4. Nur für den Fall, dass der Firmenname des Kunden lang ist, lassen Sie uns das Textfeld etwas breiter machen. Ziehen Sie den rechten Rand des Textfelds ungefähr in die Mitte des Bildschirms.

  5. Wiederholen Sie die vorherigen Schritte, um eine zweite Textebene unter der ersten hinzuzufügen. Art Geschäftsart als Platzhaltertext.

    Diese beiden Textzeilen werden im ersten Teil des Videos verwendet. Jetzt fügen wir den Text hinzu, der im letzten Teil des Videos angezeigt wird (siehe Screenshot). In diesem Text werden der Slogan, die Art der vom Unternehmen angebotenen Dienste und ein Aufruf zum Handeln aufgeführt. Da dieser Text an derselben Position wie die ersten beiden Textzeilen angezeigt wird, deaktivieren Sie die Sichtbarkeit für die ersten beiden Textebenen, indem Sie im Ebenenbedienfeld auf das Augensymbol klicken.

    Fügen Sie für die oberste Textzeile einen Slogan hinzu, z Ihr Slogan hier.

  6. Wenn die Schriftgröße immer noch auf 24 Punkte festgelegt ist, fügen Sie den Slogan an derselben Position hinzu, an der Sie den Firmennamen hinzugefügt haben.

    Reduzieren wir für die Liste der Dienste die Schriftgröße auf 18 Punkte. Wir werden diese Textzeilen auch um etwa 20 Pixel einrücken.

  7. Fügen Sie vier Textebenen mit jeweils einem Namen hinzu Service- oder Produktnummer. Denken Sie daran, dass dies nur Platzhaltertext ist und ersetzt wird.

    Service oder Produkt 1
    Service oder Produkt 2
    Service oder Produkt 3
    Service oder Produkt 4

    Schließlich werden wir den Aufruf zum Handeln hinzufügen. Dies kann eine Telefonnummer, eine Website-URL oder einfach eine einfache sein Besuche unsere Webseite.

  8. Erhöhen Sie die Schriftgröße wieder auf 24 Punkte und geben Sie den Aufruf zum Handeln etwa 110 vom linken Bildschirmrand aus ein.

    Das Timeline-Bedienfeld

    Öffnen wir das Zeitleistenfenster. In vielen Tutorials wird empfohlen, zum Motion-Arbeitsbereich zu wechseln. Ich möchte jedoch lieber im Essentials-Arbeitsbereich bleiben und nur das Zeitleistenfenster öffnen. Wenn das Zeitleistenfenster nicht sichtbar ist, klicken Sie auf Fenster - Zeitleiste. Sie sollten ein leeres Zeitleistenfenster sehen.

  9. Stellen Sie im Zeitleistenfenster (siehe Screenshot) die mittlere Menüschaltfläche auf ein Video-Timeline erstellen und klicken Sie auf die Menüschaltfläche.

    Sie sehen die Spuren im Zeitleistenfenster für unsere Platzhalter-Grafik- und Textebenen. Standardmäßig beträgt die Gesamtdauer des Videos nur 5 Sekunden. Das Facebook-Video-Cover muss 20 bis 90 Sekunden lang sein. Wir müssen also die beiden unteren Spuren auf 20 Sekunden erweitern (siehe Screenshot).

  10. Klicken Sie auf den rechten Rand der unteren Spur und ziehen Sie den Rand auf der Timeline auf 20 Sekunden. Sehen Sie sich das Fenster mit der schwebenden Spitze an, in dem das Ende und die Dauer des Tracks angezeigt werden.

  11. Wiederholen Sie den vorherigen Schritt für den zweiten Titel.

Sichere deine Arbeit. Im nächsten Tutorial werden wir beginnen, die Designelemente zu animieren.

Zurück | Nächster

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.


Video-Anleitungen: How to create Text animation in Photoshop (March 2024).