Blog

Teaser für Facebook, Instagram und Co. erstellen

Sobald wir einen Podcast aufgenommen haben, müssen wir diesen natürlich auch publizieren. Das machen wir über ganz verschiedene Kanäle, angefangen beim Newsletter, über WhatsApp, bis hin zum Social Media.

Heute wollen wir dir zeigen, wie du einen Teaser für Facebook erstellt.

Vorab: Auf Facebook eine ganze Folge zu veröffentlichen wäre unnötig. Es gibt nur wenige Menschen, die beim Stöbern im Newsfeed anfangen 30 Minuten Videos oder mehr anzuschauen. Aus diesem Grund suchen wir uns die spannendste oder wichtigste Stelle im Podcast raus und posten diese. Dieser Ausschnitt sollte so ungefähr 30-50 Sekunden lang sein.

 

Da beim Aufnehmen eines Podcast kein spannendes Bildmaterial entsteht, das den Nutzer dazu anregen könnte, sich den Ausschnitt anzuschauen, verschaffen wir uns einfach Hilfe mit einem Bild und einer Animation der Tonspur. Häufig kann man das sehen bei Musikstücken oder Radiosendungen auf YouTube. Diese Methode ist nicht wirklich schwer, erfordert aber Adobe After Effects.

 

Ein Beispiel, wie das ganze später aussehen wird, findest du hier: https://www.facebook.com/FreelancerPodcast/videos/1657857454245339/

 

1. Adobe After Effects starten

Wer hätte es gedacht. 😉

 

2. Neue Composition erstellen

Nun müssen wir zu erst eine neue Composition erstellen. Das funktioniert über zwei Möglichkeiten. Die Einfachere währe einfach CMD + N zu drücken, die Zweite über die Auswahl in der Navigationsleiste:

ACHTUNG: Wir müssen da noch etwas einstellen, also bitte nicht schließen!

 

3. Einstellungen der Composition

Du kannst die Composition erst einmal so nennen, wie du willst. Wichtig ist, dass ihr auf Breite, Höhe und die Länge achtet. Facebook Videos sind am besten quadratisch, daher sollten wir das direkt berücksichtigen. Meine Einstellungen sind wie folgt:

Width: 1080px (Breite)

Height: 1080px (Höhe)

Duration: Diese genauso lang sein, wie dein Ausschnitt aus deiner Aufnahme. In meinem Fall mache ich das für 42 Sekunden, daher sind das nun 0;00;42;00.

 

Wenn ihr dort alles eingegeben habt, könnte ihr auf “Ok” drücken und das Fenster schließt sich.

 

4. Bild und Audio importieren

Als nächsten müssen wir das Bild und den Ausschnitt importieren, dann haben wir alle benötigten Dateien zusammen. Fangen wir mit dem Bild an:

Ihr könnte dieses entweder per Drag & Drop einfach links reinziehen:

ODER einfach die Tastenkombination CMD + I verwenden.

 

Nun machst du dasselbe mit dem Ausschnitt aus deinem Podcast. Du solltest nun beide Dateien links sehen können, so wie bei mir:

 

5. Bild und Ausschnitt in die Timeline einfügen.

Damit später beide Dateien berücksichtigt werden im Video, müssen sie der Timeline hinzugefügt werden. Das erreichst du ganz einfach, indem du sie per Drag & Drop runter in eben diese ziehst.

Das sieht dann so aus:

Sobald du das gemacht hast, kannst du das Bild richtig ausrichten. Bei mir ist es zu anfangs immer größer als der sichtbare Bereich, daher verkleinere ich es und zentriere es neu. Das kannst du einfach machen, indem du das Bild in der Timeline anklickst und an den grauen Ecken mit der Maus ziehst (halte Shift (Großschreibe-Taste) gedrückt, damit es sich gleichmäßig verkleinert oder vergrößert).

 

6. Die Tonspur visualisieren

Jetzt kommt der kniffligstge Part. Um die Audio-Animation zu bekommen, müssen wir erstmal einen neuen Layer einfügen. Das geht einfach in dem du entweder CMD + Y drückst oder du in der Navigationsleiste Layer > New > Solid auswählst.

 

Wichtig: Wenn du das nicht machen kannst, kann es sein, dass du erst einmal in die Timeline klicken musst, damit diese ausgewählt ist.

 

Du kannst diesen benennen wie du möchtest. Meine Einstellungen lauten wie folgt:

Der neue Layer ist nun automatisch in der Timeline.

 

Nachdem du diesen dort hast, müssen wir den Effekt hinzufügen. Dazu klickst du einfach den Layer in der Timeline an und gehst dann auf Effect > Generate > Audio Spectrum.

 

Nun hast du deine Audio Visualisierung eingefügt, doch wird diese noch nicht funktionieren. Momentan weiß die Animation nicht, welche Tonspur gemeint ist (auch wenn nur eine existiert). Links hat sich nun ein neues Tab geöffnet, in dem man ganz viele verschiedene Dinge einstellen kann. Unter anderem kann man dort auch den Podcast-Ausschnitt auswählen (Option: “Path”:).

 

Ab jetzt funktioniert die Animation. Testen kannst du das, indem du rechts mit den Optionen für Lautlos, Play, Pause, Vorspulen etc. rum spielst.

 

Du kannst nun links in den Einstellungen die Farben, die Dicke der Balken,  die Höhe der Balken und was du sonst noch möchtest, verstellen. Du wirst beim ausprobieren schnell herausfinden, welche Einstellung was macht. In dem du in der Timeline den Layer auswählst, kannst du ihn auch direkt im Video verschieben, verkleinern und vergrößern.

 

Ergebnis:

 

7. Rendern

Um das Video aus dem Projekt zu bekommen, musst du es rendern. Das geht einfach, gehe auf: File > Export > Add to Render Queue

 

Sobald du das getan hast, ändert sich die Timeline-Ansicht unten zur Render-Ansicht. Da siehst du nun dein Video. Bevor du das Rendern starten kannst, muss du noch einen Speicherort und -name eingeben. Das machst du, indem du neben “Output to” auf den blauen Schriftsatz klickst.

 

Dann ein kurzer Klick auf “Render” und schon gehts los.

 

 

Wir hoffen dir geholfen zu haben. Lass uns doch mal einen Link zu deinem fertigen Teaser zu kommen oder verlinke uns in deinem Post mit @FreelancerPodcast.

Frohes Gelingen.

605 comments

  1. Hey! I could have sworn I’ve been to this site before
    but after reading through some of the post I realized it’s
    new to me. Anyhow, I’m definitely delighted I
    found it and I’ll be book-marking and checking
    back frequently!

  2. berita bola sagt:

    Do you have a spam problem on this blog; I also am a blogger, and I was curious
    about your situation; we have created some nice procedures
    and we are looking to swap methods with others, please shoot
    me an email if interested.

  3. Hello, after reading tһis awesome post i am too һappy to share
    my knoԝ-һow here with colleɑgues.

  4. It抯 onerous to search out knowledgeable folks on this subject, but you sound like you recognize what you抮e talking about! Thanks

  5. jordan 6 sagt:

    you will have an amazing weblog right here! would you wish to make some invite posts on my blog?

  6. jordan 11 sagt:

    You made some respectable points there. I seemed on the internet for the issue and found most people will go along with with your website.

  7. I together with my pals were actually examining the best helpful tips found on your website then the sudden came up with a horrible feeling I never expressed respect to the web site owner for those strategies. The young men happened to be certainly stimulated to learn them and already have quite simply been making the most of them. Appreciation for actually being well considerate and for making a decision on these kinds of fantastic areas millions of individuals are really wanting to learn about. Our own sincere regret for not saying thanks to sooner.

  8. jordan retro sagt:

    An impressive share, I simply given this onto a colleague who was doing a little analysis on this. And he in actual fact purchased me breakfast as a result of I discovered it for him.. smile. So let me reword that: Thnx for the deal with! However yeah Thnkx for spending the time to debate this, I feel strongly about it and love studying extra on this topic. If doable, as you become experience, would you thoughts updating your weblog with more details? It’s highly helpful for me. Huge thumb up for this blog submit!

  9. jordan 12 sagt:

    I am often to running a blog and i actually admire your content. The article has really peaks my interest. I’m going to bookmark your web site and maintain checking for brand new information.

  10. I simply desired to thank you very much all over again. I am not sure what I might have sorted out in the absence of the actual creative ideas provided by you concerning that situation. It seemed to be a distressing difficulty in my position, nevertheless finding out a new expert strategy you resolved it made me to cry with gladness. Extremely thankful for your work and in addition believe you comprehend what an amazing job you have been accomplishing teaching many people using your blog. More than likely you’ve never got to know all of us.

  11. Dennistus sagt:

    [url=http://www.zxgr5.com/home.php?mod=space&uid=506730]prettywithribbons.com[/url]

  12. nnuemink sagt:

    sildenafil mk colombia levitra zararlД±mД±dД±r best place to buy generic viagra online pregnancy success with clomiphene vital care pharmacy [url=http://viagragenerics.com/]does generic viagra work[/url] c est quoi kamagra

  13. Alfredcap sagt:

    wh0cd106956 [url=http://requip2018.fun/]requip[/url]

  14. Alfredcap sagt:

    wh0cd154127 [url=http://biaxinmedicaid.doctor/]biaxin[/url]

  15. Alfredcap sagt:

    wh0cd213968 [url=http://hydrochlorothiazide18.world/]hydrochlorothiazide[/url]

  16. Alfredcap sagt:

    wh0cd261139 [url=http://biaxin247.video/]biaxin[/url]

  17. Alfredcap sagt:

    wh0cd320980 [url=http://avana18.world/]avana[/url]

  18. Alfredcap sagt:

    wh0cd368151 [url=http://lisinopril18.live/]losartan lisinopril[/url]

  19. Alfredcap sagt:

    wh0cd427992 [url=http://xenical247.video/]xenical[/url]

  20. Alfredcap sagt:

    wh0cd47115 [url=http://flagylmedicaid.doctor/]flagyl order online[/url]

  21. Alfredcap sagt:

    wh0cd106956 [url=http://indocin.video/]indocin[/url]

  22. Alfredcap sagt:

    wh0cd154127 [url=http://zyban2018.press/]zyban[/url]

  23. Alfredcap sagt:

    wh0cd213968 [url=http://elimite247.video/]elimite[/url]

  24. Alfredcap sagt:

    wh0cd261139 [url=http://doxycycline365.press/]doxycycline[/url]

  25. Alfredcap sagt:

    wh0cd320980 [url=http://zanaflex.video/]zanaflex[/url]

  26. Alfredcap sagt:

    wh0cd368151 [url=http://propecia365.host/]where can i buy finasteride[/url]

  27. Alfredcap sagt:

    wh0cd427992 [url=http://medrol18.world/]medrol[/url]

  28. bnqemink sagt:

    hur lГҐng tid tar det innan kamagra verkar pharmacy books generic viagra online chicago state university pharmacy levitra ne kadar sГјre etkili [url=https://bitcapblog.com/]generic viagra[/url] information on kamagra

  29. ArchieBat sagt:

    [url=http://kazaly.mektebi.kz/user/pingnemtada1974/]paydayloanscompanies.us.com[/url]

  30. LarryDob sagt:

    [url=http://school144.my1.ru/index/8-373874]surveysforcashvault.com[/url]

  31. Alfredcap sagt:

    wh0cd47115 [url=http://benicar18.world/]benicar[/url]

  32. LarryDob sagt:

    [url=http://forum.lslt.96.lt/member.php?action=profile&uid=24829]herewomentalksocial.com[/url]

  33. Alfredcap sagt:

    wh0cd106956 [url=http://celebrexmedicaid.doctor/]celebrex[/url]

  34. StewartWig sagt:

    wh0cd213968 [url=http://lisinoprilmedicaid.us.com/]lisinopril tablets[/url]

  35. Alfredcap sagt:

    wh0cd154127 [url=http://lotrisone18.live/]lotrisone generic[/url]

Schreibe einen Kommentar

Scroll to top