Praktické využití efektů animovaných textů je nesporné, jediné, co vás bude pronásledovat je čas na generování až tisíců souvisejících obrazovek prostřednictvím externích modulů jako je Blender –classic a náročnost na čas. Existuje Cloudové řešení.
Existuje praktický koncový bod API ( /projects/<id>/title/ ), který umožňuje vytvořit dynamický souborový objekt SVG a automaticky jej přidat do seznamu objektů File vašeho projektu. Toto je snadný způsob, jak generovat tituly SVG bez vlastního programování na vašem backendu.
Omezení s vykreslováním SVG
Zatímco většina vlastností SVG je respektována, některé textové efekty a pokročilé vlastnosti jsou ignorovány. Pokud máte problém s vykreslováním titulku SVG, můžete ho zkusit zjednodušit nebo rozdělit titul do více souborů SVG (a navrstvit je pomocí různých objektů File a Clip v OpenShot Cloud API).
Soubory SVG
Doporučujeme také vytvořit šablonu souboru SVG v desktopovém vektorovém programu (jako je Inkscape ), s již nastaveným písmem, velikostí textu, barvou, tahem a výplní. Jedná se o jednoduchý textový/XML formát souboru, který lze snadno upravit jakýmkoli programovacím jazykem. Nahraďte text na svém back-endu pro každý titul a nahrajte jej jako nový soubor do OpenShot Cloud API. Nyní můžete tento soubor přidat na svou časovou osu jako klip a ujistěte se, že jej umístíte na stopu/vrstvu nad ostatní klipy, takže se zobrazí nahoře.
Příklad obsahu SVG
|
1 2 3 4 5 6 7 8 |
<span class="cp"><?xml version="1.0" encoding="UTF-8"?></span> <span class="c"><!-- Created with Inkscape (http://www.inkscape.org/) --></span> <span class="nt"><svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">xmlns:cc=</span><span class="s">"http://creativecommons.org/ns#"</span> <span class="na">xmlns:dc=</span><span class="s">"http://purl.org/dc/elements/1.1/"</span> <span class="na">xmlns:rdf=</span><span class="s">"http://www.w3.org/1999/02/22-rdf-syntax-ns#"</span> <span class="na">xmlns:svg=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">version=</span><span class="s">"1.1"</span> <span class="na">width=</span><span class="s">"720"</span> <span class="na">height=</span><span class="s">"486"</span> <span class="na">id=</span><span class="s">"svg2985"</span><span class="nt">></span> <span class="nt"><defs</span> <span class="na">id=</span><span class="s">"defs2987"</span> <span class="nt">/></span> <span class="nt"><g</span> <span class="na">id=</span><span class="s">"layer1"</span><span class="nt">></span> <span class="nt"><text</span> <span class="na">x=</span><span class="s">"50.03632"</span> <span class="na">y=</span><span class="s">"273.45352"</span> <span class="na">id=</span><span class="s">"text2993"</span> <span class="na">xml:space=</span><span class="s">"preserve"</span> <span class="na">style=</span><span class="s">"font-size:155.10592651px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"</span><span class="nt">><tspan</span> <span class="na">x=</span><span class="s">"50.03632"</span> <span class="na">y=</span><span class="s">"273.45352"</span> <span class="na">id=</span><span class="s">"tspan2995"</span><span class="nt">></span>My Title<span class="nt"></tspan></text></span> <span class="nt"></g></span> <span class="nt"></svg></span> |