{"title":"Othman Ahmed","description":null,"products":[{"product_id":"sandbox","title":"Sandbox","description":"\u003cp\u003e■Sandboxライセンス\u003cbr\u003e・ダウンロード製品\u003cbr\u003e・納期：約1～3営業日程\u003cbr\u003e■ライセンスタイプ\u003cbr\u003e・新規シングルユーザーライセンス\u003cbr\u003e・新規フローティングライセンス\u003cbr\u003eフローティングライセンスには、フローティングライセンスサーバーソフトウェアが別途必要になります。\u003cbr\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/Sandbox_r1.jpg?v=1787645432\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp class=\"PDq2pG_selectionAnchorContainer\"\u003eSandboxは、Adobe After EffectsとPremiere Proのワークフローに生成AIを融合させる、革新的な拡張機能です。\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eHTML5、Three.js、GSAP、Pixi.js、p5.jsといった業界標準のアニメーションエンジンをAdobeの制作環境に直接統合し、自然言語によるプロンプトから複雑なコードベースのアニメーションを生成できます。\u003c\/p\u003e\n\u003cp\u003e3Dモデルや物理シミュレーション、キネティックタイポグラフィ、データビジュアライゼーションなど、幅広い表現に対応。テキストで指示するだけで、高品質で編集可能な、すぐにレンダリングできるアセットを瞬時に作成できます。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/vS7qGocK33k?si=KcOQofqCKq0e72CE\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003eAdobe After Effectsに統合されたAIアニメーションスタジオ\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eAdobe After Effects内で直接利用できる、AI搭載のアニメーションスタジオです。\u003c\/p\u003e\n\u003cp\u003eGemini、OpenAI、Claudeといった世界を代表するAIモデルと、GSAP、Three.js、p5.jsなどの業界標準のアニメーション技術を統合。複雑なアニメーションの生成・編集・書き出しを、わずか数秒で実現します。\u003c\/p\u003e\n\u003ctable width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp\u003e これらのアニメーションはすべて、After EffectsとPremiere Pro内でAIを使って制作されています。\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/sb01.gif?v=1787645562\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/sb02.gif?v=1787645597\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/comp_1_4_1.gif?v=1787645616\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/comp_1_3.gif?v=1787645636\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e \n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003eリアルタイムインタラクション\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eキャプチャ：\u003c\/strong\u003e ライブでの動きを記録し、PNGシーケンスとしてAfter Effectsへ書き出せます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAE → Canvas：\u003c\/strong\u003e After Effectsでレイヤーを選択すると、その位置情報をもとにSandboxがマウスの動きをシミュレートします。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCanvas → AE：\u003c\/strong\u003e Canvas上でのマウス操作をリアルタイムで記録。Sandboxがその軌跡をキャプチャし、キーフレーム付きのNullレイヤーとしてAfter Effectsへ書き出します。\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/sandbox12.gif?v=1787645699\" alt=\"\"\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e \n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003eSVGリギングモード\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eプロフェッショナルなリギング機能を標準搭載。\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eスマートラベリング：\u003c\/strong\u003e SVGのパーツをクリックして、HEAD、LEFT_ARM、BODYなどの意味を持つラベルを割り当てられます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAIコンテキスト：\u003c\/strong\u003e 設定したラベル情報はAIに渡されるため、キャラクターアニメーションでも各パーツを正確に認識できます。たとえば、「左腕を上げる」といった自然言語による指示で、目的のパーツを動かせます。\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/2026-01-29_23-29-16_1.gif?v=1787645740\" alt=\"\"\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 100%;\"\u003e\n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003eデータビジュアライゼーション\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eJSON、CSV、TXTファイルを直接アップロードできます。AIがデータを自動的に解析し、動的なチャートやグラフ、データに基づいたアニメーションを手軽に作成できます。 \u003c\/p\u003e\n\u003cp\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\" style=\"display: block; width: 100%; height: auto;\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7ea4299d7cfa479384256a604ac02d8f.mp4\" type=\"video\/mp4\"\u003e\n  お使いのブラウザは動画再生に対応していません。\n\u003c\/source\u003e\u003c\/video\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/othman_sandbox_ui.png?v=1787648454\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e \n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003eLive Server Bridge\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eワークフローを大きく変える画期的な機能です。Sandboxを外部サーバーに接続することで、\u003cstrong\u003e音声によるリアルタイム操作でAfter Effectsをコントロール\u003c\/strong\u003eできるようになります。\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/rJ2brjoAscg?si=SeynfXgt1NjzMMPF\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e■\u003ca href=\"https:\/\/www.toolfarm.com\/buy\/sandbox\/#tRequirements\" rel=\"noopener\" target=\"_blank\"\u003eシステム要件\u003c\/a\u003e\u003c\/p\u003e","brand":"Othman Ahmed","offers":[{"title":"New \/ Single User License","offer_id":49715276906724,"sku":"OA-SB","price":5830.0,"currency_code":"JPY","in_stock":true},{"title":"New \/ Floating Server License","offer_id":49715276939492,"sku":"OA-SB-FL","price":8800.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/Sandbox.jpg?v=1787648567"},{"product_id":"typeplay","title":"TypePlay","description":"\u003cp\u003e■TypePlayライセンス\u003cbr\u003e・ダウンロード製品\u003cbr\u003e・納期：約1～3営業日程\u003cbr\u003e■ライセンスタイプ\u003cbr\u003e・新規シングルユーザーライセンス\u003cbr\u003e・新規フローティングライセンス\u003cbr\u003eフローティングライセンスには、フローティングライセンスサーバーソフトウェアが別途必要になります。\u003cbr\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/TypePlay_r1.jpg?v=1787649232\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"PDq2pG_selectionAnchorContainer\"\u003e高度なウェーブベースのテキスト＆プロパティアニメーター\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eTypePlayは、\u003cstrong\u003eウェーブ（波形）を利用して、テキストやレイヤーのプロパティに動きを加える強力なアニメーションエンジン\u003c\/strong\u003eです。\u003c\/p\u003e\n\u003cp\u003e数十種類のウェーブタイプやイージングモード、方向制御、個別コントローラー、マスターリンク機能を搭載。さらに、リアルタイムでアニメーションを確認できるインタラクティブプレビューにも対応しています。\u003c\/p\u003e\n\u003cp\u003eまた、作成したアニメーション設定を保存・読み込み・管理できるフルプリセットシステムも備えており、お気に入りのアニメーション設定をいつでも簡単に再利用できます。\u003c\/p\u003e\n\u003cp\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/yYo-DBChsbI?si=MQQsIiEZ2crHbksw\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/tp011_11.gif?v=1787649317\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"PDq2pG_selectionAnchorContainer\"\u003e機能\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003ch3\u003eコアアニメーション\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e20種類以上のウェーブアルゴリズム\u003c\/strong\u003e – Sine、Cosine、Bounce、Perlin Noise、Heartbeat、Chirp、Wave Packetなど、多彩な波形を搭載。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e文字単位で適用\u003c\/strong\u003e – ウェーブを1文字、単語、行ごとに個別に適用できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eライブプレビュー\u003c\/strong\u003e – After Effectsに適用する前に、アニメーションの動きをリアルタイムで確認できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e入力して即プレビュー\u003c\/strong\u003e – 好きなテキストを入力するだけで、設定したアニメーションをその場で確認できます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eマニュアル＆高度なコントロール\u003c\/h3\u003e\n\u003ch4\u003eTips \u0026amp; Tricks\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eスライダーをダブルクリック\u003c\/strong\u003eすると、値を瞬時に「0」にリセットできます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eスライダー横の数値ボックスに直接数値を入力\u003c\/strong\u003eすることで、より正確な値を設定できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlt + ドラッグ\u003c\/strong\u003eでスライダーを操作すると、アクティブなすべてのプロパティに同じ値を一括適用できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlt + Apply\u003c\/strong\u003eを使用すると、既存のアニメーションを削除せずに設定を更新できます。\u003c\/li\u003e\n\u003cli\u003eアニメーションの調整が完了したら、\u003cstrong\u003eLive Previewのヘッダーを折りたたむ\u003c\/strong\u003eことで、パネルのスペースを有効活用できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWave + Easing\u003c\/strong\u003e – 2種類の異なるウェーブ形状を、それぞれ独立したイージングカーブと組み合わせることで、複雑でノンリニアな動きを作成できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWave Envelope\u003c\/strong\u003e – Attack、Hold、Releaseを設定することで、キーフレームを1つも使わずにウェーブを自動的に出現・維持・消失させることができます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaster Ctrl\u003c\/strong\u003e – すべてのコントローラーを1つのNullオブジェクトにリンクし、シーン全体のアニメーションを1か所からコントロールできます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCircular Motion\u003c\/strong\u003e – Continuousモードでは、現在使用していないWave TypeとEasingが自動的にグレーアウトされるため、必要な設定に集中できます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\" style=\"display: block; width: 100%; height: auto;\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1f6af609f8f347b09992c6438d2f700b.mp4\" type=\"video\/mp4\"\u003e\n  お使いのブラウザは動画再生に対応していません。\n\u003c\/source\u003e\u003c\/video\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003eデザイン思想\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003ch4\u003eインターフェース構成\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eTypePlayのインターフェースは、コンパクトかつモジュール式に設計されています。\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLive Preview Monitor（ライブプレビューモニター）\u003c\/strong\u003e – カスタムテキストを入力し、適用前にウェーブアニメーションをリアルタイムで確認できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProperty Selection（プロパティ選択）\u003c\/strong\u003e – Position（位置）、Scale（スケール）、Rotation（回転）、Opacity（不透明度）、Skew（傾斜）、Fill Color（塗りの色）、Tracking（トラッキング）などのプロパティを選択できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWave Settings（ウェーブ設定）\u003c\/strong\u003e – Sine、Bounce、Perlin Noiseなど、20種類以上の独自アルゴリズムから選択し、イージングや方向を調整できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWave Parameters（ウェーブパラメータ）\u003c\/strong\u003e – ダイナミックなスライダーを使って、Amplitude（振幅・強度）、Frequency（周波数・速度）、Phase（位相・オフセット）を細かく調整できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAction Footer（アクションフッター）\u003c\/strong\u003e – \u003cstrong\u003eAPPLY\u003c\/strong\u003e：ワンクリックで選択したレイヤーに設定を適用。高パフォーマンスなExpression Rigを実現します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMASTER CTRL（マスターコントロール）\u003c\/strong\u003e – Null Objectを作成して複数のレイヤーを一括制御し、シーン全体でパラメータを同期できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCENTER ANCHOR（センターアンカー）\u003c\/strong\u003e – レイヤーのアンカーポイントを自動的に中央へ配置。テキストの長さに関係なく、ウェーブが正確に動作するようにします。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLIBRARY（ライブラリ）\u003c\/strong\u003e – カスタムプリセットを保存・呼び出しでき、お気に入りのモーションスタイルをワンクリックで利用できます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\" style=\"display: block; width: 100%; height: auto;\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/57942c803cc543f2a8fa1f1e5e1e99ff.mp4\" type=\"video\/mp4\"\u003e\n  お使いのブラウザは動画再生に対応していません。\n\u003c\/source\u003e\u003c\/video\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/y5bn-mtralI?si=ipIld5e1sFS-bRBu\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e■\u003ca href=\"https:\/\/www.toolfarm.com\/buy\/typeplay\/#Requirements\" target=\"_blank\" rel=\"noopener\"\u003eシステム要件\u003c\/a\u003e\u003c\/p\u003e","brand":"Othman Ahmed","offers":[{"title":"New \/ Single User License","offer_id":49715700039908,"sku":"OA-TP","price":5830.0,"currency_code":"JPY","in_stock":true},{"title":"New \/ Floating Server License","offer_id":49715700072676,"sku":"OA-TP-FL","price":8800.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/TypePlay.jpg?v=1787649828"},{"product_id":"xoscillator-pro","title":"XOscillator Pro","description":"\u003cp\u003e■XOscillator Proライセンス\u003cbr\u003e・ダウンロード製品\u003cbr\u003e・納期：約1～3営業日程\u003cbr\u003e■ライセンスタイプ\u003cbr\u003e・新規シングルユーザーライセンス\u003cbr\u003e・新規フローティングライセンス\u003cbr\u003eフローティングライセンスには、フローティングライセンスサーバーソフトウェアが別途必要になります。\u003ca href=\"https:\/\/www.toolfarm.com\/buy\/typeplay\/#Requirements\" rel=\"noopener\" target=\"_blank\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/XOscillator-Pro_r1.jpg?v=1787650199\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"PDq2pG_selectionAnchorContainer\"\u003e究極のオシレーション・エンジン\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eXOscillator Proは、プロシージャルアニメーションのための究極のアニメーションスイートです。キーフレームを1つも設定することなく、生命感のある鼓動や弾力のあるバウンス、複雑な多層リップルなど、さまざまなアニメーションを生成できます。\u003c\/p\u003e\n\u003cp\u003eリアルタイムの波形ビジュアライザーを搭載し、30種類以上のオシレーション・アルゴリズムに対応。直感的な操作で、複雑な動きも手軽に作り出せます。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/feKnsfP-Sys?si=y0W2B9DC6uMRHkby\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003e動きは数学。XOscillatorが、それをアートに変える。\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eAfter Effectsでのアニメーション制作では、グラフエディターを細かく調整したり、エクスプレッションを何度もコピー＆ペーストしたりと、手間のかかる作業がつきものです。XOscillator Proは、そんな煩わしさをパワフルでビジュアルなインターフェースに置き換えます。\u003c\/p\u003e\n\u003cp\u003eUI要素にさりげない「浮遊感」を加えたいときも、カメラに「パーリンノイズ」による不規則な揺れを加えたいときも、XOscillator Proが複雑な計算を自動で処理。ユーザーは動きの「感覚」や表現に集中できます。\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e単なるウィグラーではありません。モーション・シンセサイザーです。\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 24.8658%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/sin.gif?v=1787650331\" alt=\"\"\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 26.8336%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/traingle.gif?v=1787650341\" alt=\"\"\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 25.9506%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/square.gif?v=1787650351\" alt=\"\"\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 21.2766%;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/sawtooth.gif?v=1787650359\" alt=\"\"\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 24.8658%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/sin1.gif?v=1787650370\" alt=\"\"\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 26.8336%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/traingle1.gif?v=1787650379\" alt=\"\"\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 25.9506%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/square2.gif?v=1787650388\" alt=\"\"\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 21.2766%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/sawtooth2.gif?v=1787650400\" alt=\"\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ctable width=\"100%\" style=\"width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 33.4526%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/adobe_express_-_sint.gif?v=1787650431\" alt=\"\"\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 32.9159%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/adobe_express_-_sintt.gif?v=1787650441\" alt=\"\"\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 32.9159%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/adobe_express_-_sinttt.gif?v=1787650452\" alt=\"\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"PDq2pG_selectionAnchorContainer\"\u003e主な機能\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003ch3\u003eWave Engine（ウェーブエンジン）\u003c\/h3\u003e\n\u003cp\u003e基本的なサイン波だけではありません。35種類以上の波形アルゴリズムから選択できます。\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePhysics（物理演算）\u003c\/strong\u003e：Elastic、Bounce、Spring、Damped\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNoise（ノイズ）\u003c\/strong\u003e：Perlin、Random Walk、Smooth Noise\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDigital（デジタル）\u003c\/strong\u003e：Square、PWM、Stepped、Sample \u0026amp; Hold\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnvelopes（エンベロープ）\u003c\/strong\u003e：ADSR、Gaussian、Exponential\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eReal-Time Visualizer（リアルタイムビジュアライザー）\u003c\/h3\u003e\n\u003cp\u003e「Frequency: 2、Amplitude: 50」にすると、実際にどのような動きになるのかを感覚だけで判断する必要はありません。\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLive Canvas\u003c\/strong\u003e：スライダーを動かすと、設定した値に応じた波形をリアルタイムで正確に描画。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eResponsive\u003c\/strong\u003e：位相シフト、周波数、振幅の変化を、適用前にリアルタイムで確認できます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eMulti-Layer Orchestration（マルチレイヤー・オーケストレーション）\u003c\/h3\u003e\n\u003cp\u003eモーションデザイナーにとって、特に強力な機能です。最大50レイヤーを選択し、インテリジェントなタイミングずらしを加えながらアニメーションを適用できます。\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePatterns\u003c\/strong\u003e：Sequential、Ripple、Cascade、Random、Pinwheel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProgression\u003c\/strong\u003e：レイヤー全体にエフェクトが波及するのに合わせて、AmplitudeやFrequencyを自動的に増減。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e使用例\u003c\/strong\u003e：複数のドットを波のようにスケールさせ、中央のドットほど速く、外側に行くほどゆっくり動くアニメーションをワンクリックで作成できます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eController Workflow（コントローラー・ワークフロー）\u003c\/h3\u003e\n\u003cp\u003eエクスプレッションを直接書き込む必要はありません。\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCreate Controller\u003c\/strong\u003e：選択したすべてのレイヤーにスライダーをリンクしたマスターNullを自動生成。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlobal Tweak\u003c\/strong\u003e：100個のレイヤーの速度を、コントローラー上の1つのスライダーを調整するだけで一括変更できます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eColor \u0026amp; Effect Driver（カラー＆エフェクト・ドライバー）\u003c\/h3\u003e\n\u003cp\u003e動かせるのは位置やスケールだけではありません。あらゆるプロパティをオシレーションさせることができます。\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor Cycling\u003c\/strong\u003e：塗り、ストローク、エフェクトのカラーをRGB空間上で滑らかに変化させます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArbitrary Properties\u003c\/strong\u003e：Blur Amount、Glow Radius、Text Trackingなど、任意のプロパティを選択してアニメーションを適用できます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eRepeater（リピーター）\u003c\/h3\u003e\n\u003cp\u003eレイヤーの複製にも対応した、内蔵クローンツールです。\u003c\/p\u003e\n\u003cp\u003eレイヤーのコピーを瞬時に生成し、空間的なオフセットと時間差を持たせたオシレーションを自動的に適用できます。複雑な反復アニメーションも、わずかな操作で作成できます。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003eXOscillator Proを選ぶ理由\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eグラフエディターとの格闘は、もう必要ありません。\u003c\/p\u003e\n\u003cp\u003eUIにさりげない浮遊感を加えたいときも、複雑なマルチレイヤー・リップルを作りたいときも、カオティックなグリッチエフェクトを演出したいときも、XOscillator Proなら何時間もかかるキーフレーム作業を、わずか数秒の調整に置き換えられます。\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/jRTcIHoMJCI?si=6l9e2txSBZxqHqBQ\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e■\u003ca href=\"https:\/\/www.toolfarm.com\/buy\/xoscillator_pro\/#Requirements\" rel=\"noopener\" target=\"_blank\"\u003eシステム要件\u003c\/a\u003e\u003c\/p\u003e","brand":"Othman Ahmed","offers":[{"title":"New \/ Single User License","offer_id":49715875840228,"sku":"OA-XOP","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"New \/ Floating Server License","offer_id":49715875872996,"sku":"OA-XOP-FL","price":5720.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/XOscillator-Pro.jpg?v=1787650549"},{"product_id":"centerline","title":"CenterLine","description":"\u003cp\u003e■CenterLineライセンス\u003cbr\u003e・ダウンロード製品\u003cbr\u003e・納期：約1～3営業日程\u003cbr\u003e■ライセンスタイプ\u003cbr\u003e・新規シングルユーザーライセンス\u003cbr\u003e・新規フローティングライセンス\u003cbr\u003eフローティングライセンスには、フローティングライセンスサーバーソフトウェアが別途必要になります。\u003ca href=\"https:\/\/www.toolfarm.com\/buy\/typeplay\/#Requirements\" rel=\"noopener\" target=\"_blank\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/CenterLine_r1.jpg?v=1787651000\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003eラスター画像を美しいベクターパスに変換\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eCenterLineは、After Effects用のプラグインです。ラスター画像から、クリーンな1ピクセル幅の骨格ベクターパスを抽出し、軽量で編集しやすいAfter EffectsのネイティブShape Layerへ瞬時に変換します。\u003c\/p\u003e\n\u003cp\u003eZhang-Suen細線化アルゴリズム、Schneider法によるベジェ曲線フィッティング、Ramer-Douglas-Peucker法による最適化を組み合わせることで、ビットマップのスケッチやロゴ、カリグラフィーなどを滑らかなベクターパスとして再現。\u003c\/p\u003e\n\u003cp\u003eさらに、Trim Pathsを使った美しい描画アニメーションにも対応しており、手描き風のラインアニメーションやロゴアニメーションなど、さまざまな表現に活用できます。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/E5pGLUt9XNM?si=aeXS0VzuNnEncbfo\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eVisual Comparison\u003c\/h3\u003e\n\u003ch4 class=\"PDq2pG_selectionAnchorContainer\"\u003e建築図面を高精度にベクター化\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cp\u003eピクセル単位の途切れやひび割れを補完し、細線化した建築スケッチを連続したベジェスプラインへと変換します。\u003c\/p\u003e\n\u003cp class=\"twentytwenty-container\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/othman_centerline_Sketch_before.jpg?v=1787651322\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/othman_centerline_Sketch_after.jpg?v=1787651329\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch4 class=\"PDq2pG_selectionAnchorContainer\"\u003eロゴアウトラインの細線化\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cp\u003e二重線で構成されたロゴのアウトラインを、アニメーションに適したクリーンな1本の中心線パスへと変換します。\u003c\/p\u003e\n\u003cp class=\"twentytwenty-container\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/othman_centerline_logo_before.jpg?v=1787651339\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/othman_centerline_logo_after.jpg?v=1787651345\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cspan dir=\"auto\"\u003eオーガニックなカリグラフィーのストローク\u003c\/span\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cspan dir=\"auto\"\u003e骨格パスを抽出し、動的な幅プロファイルをベクトルにマッピングし直します。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"twentytwenty-container\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/othman_centerline_arch_before.jpg?v=1787651352\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/othman_centerline_arch_after.jpg?v=1787651359\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch4 class=\"PDq2pG_selectionAnchorContainer\"\u003e有機的なカリグラフィー・ストローク\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cp\u003eカリグラフィーの骨格となるパスを抽出しながら、元の線幅の変化をベクターに反映。自然で表情豊かなストロークを再現します。\u003c\/p\u003e\n\u003cp class=\"twentytwenty-container\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/othman_centerline_calligraphy_before.jpg?v=1787651364\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/othman_centerline_calligraphy_after.jpg?v=1787651371\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/gid_wide.gif?v=1787652054\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003eStep 1 — 抽出\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eZhang-Suen細線化\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e形態学的な侵食処理を用いたアルゴリズムです。あらかじめ計算された8ビットLUT（ルックアップテーブル）を使って近傍ピクセルの境界を解析し、線の外側を削りながら、最終的に1ピクセル幅の骨格線へと変換します。\u003c\/p\u003e\n\u003ch3\u003eStep 2 — 曲線化\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSchneiderアルゴリズム\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eピクセル単位の線分を、連続した3次ベジェ曲線へと変換します。数学的に滑らかな曲線を生成しながら、ノード数を最小限に抑えることで、After Effects上での編集も容易にします。\u003c\/p\u003e\n\u003ch3\u003eStep 3 — 最適化\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eRamer-Douglas-Peuckerアルゴリズム\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e生成されたベクターパスから、不要なノードを削減して最適化します。ユーザーが指定したしきい値に基づいて冗長なポイントを間引くことで、最終的なコンポジションの頂点数を大幅に削減できます。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003e高性能ベクター化\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003e従来のオートトレーサーが輪郭線を生成するのに対し、CenterLineは画像の中心となる**メディアル・スケルトン（骨格線）**を抽出。1本の数学的なパスとしてベクター化し、そのままアニメーションに活用できます。\u003c\/p\u003e\n\u003ch4\u003eZhang-Suen細線化\u003c\/h4\u003e\n\u003cp\u003eあらかじめ計算された8ビットLUTを使用した、C++最適化の形態学的細線化処理を搭載。コンポジションビュー上で、高速かつリアルタイムに結果を確認できます。\u003c\/p\u003e\n\u003ch4\u003eSchneiderベジェフィッティング\u003c\/h4\u003e\n\u003cp\u003eピクセル単位の線を、数学的に滑らかで連続した曲線へと変換。構造を維持しながらアンカーポイント数を大幅に削減し、扱いやすいパスを生成します。\u003c\/p\u003e\n\u003ch4\u003e可変幅マッピング\u003c\/h4\u003e\n\u003cp\u003e距離変換を利用して元画像の線の太さを解析し、その情報を新しく生成したベクターラインに反映。自然で有機的な線幅のストロークを作成できます。\u003c\/p\u003e\n\u003ch4\u003eインタラクティブ幅ポイント\u003c\/h4\u003e\n\u003cp\u003e最大8個の独立したコントロールポイントを任意の位置に配置できます。逆距離加重によって、それぞれ異なる線幅をレイアウト全体に滑らかにブレンドできます。\u003c\/p\u003e\n\u003ch4\u003eサブピクセル・プログレス\u003c\/h4\u003e\n\u003cp\u003eサブピクセル単位の浮動小数点ジオメトリを使用し、アンチエイリアス処理されたテーパー形状を生成。ラインの描画アニメーションを、段階的なカクつきのない滑らかでピクセル単位の精度で実現します。\u003c\/p\u003e\n\u003ch4\u003eShape \/ SVGを即座に書き出し\u003c\/h4\u003e\n\u003cp\u003e処理したスケルトンを、ネイティブのAfter Effects Shape Layerとして直接抽出できます。また、生成したSVGパスをワンクリックでクリップボードへコピーすることも可能です。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"PDq2pG_selectionAnchorContainer\"\u003e完全パラメータ一覧\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eAfter Effectsのエフェクトコントロールパネル内で素早く操作できるよう、豊富なエフェクト制御パラメータを機能ごとに整理しています。\u003c\/p\u003e\n\u003ch3\u003eSource \u0026amp; Extraction Settings（ソース＆抽出設定）\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eThreshold（しきい値）\u003c\/strong\u003e – 細線化処理を行う前に、輝度またはアルファ値を基準として背景と前景のストロークを分離します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChannel（チャンネル）\u003c\/strong\u003e – 細線化する画像成分を指定します。Luminance、Red、Green、Blue、Alphaから選択できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvert Input（入力を反転）\u003c\/strong\u003e – カラースペースを反転し、白い紙に描かれた黒い線画などから中心線を抽出できます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eOutput \u0026amp; Style Options（出力＆スタイル設定）\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLine Width（線幅）\u003c\/strong\u003e – 細線化したベクターラインに適用する、均一なストローク幅を設定します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLine Color \/ End（線の色／終端）\u003c\/strong\u003e – 2つのカラーピッカーを使って、ベクターパスの始点から終点にかけて動的なグラデーションを設定できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatch Original Width（元の線幅に合わせる）\u003c\/strong\u003e – ソース画像のユークリッド距離変換を利用し、元の描画に合わせた可変線幅のベクターラインを生成します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaper（テーパー）\u003c\/strong\u003e – ベクターストロークの開いた端から徐々に細くなるテーパー効果を追加します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReveal Original（元画像を表示）\u003c\/strong\u003e – 自動マスクのように機能し、抽出したスケルトンのストローク範囲内だけにソースレイヤーの元画像を表示します。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eVector Cleanup \u0026amp; Bezier Fitting（ベクターのクリーンアップ＆ベジェフィッティング）\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSmooth Iterations（スムージング回数）\u003c\/strong\u003e – 形態学的な処理を繰り返し、不要な突起や枝分かれを除去します。孤立したピクセルや短いノイズ枝を削減できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGap Close (px)（ギャップを閉じる）\u003c\/strong\u003e – 離れたピクセルセグメントをスマートに接続。空白部分をまたいで、細線化された線分を動的につなぎ合わせます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUse Bezier Fit（ベジェフィットを使用）\u003c\/strong\u003e – Schneiderのベジェ曲線アルゴリズムを使用し、細線化されたピクセルポリラインを、ノード数の少ない滑らかな数学的スプラインへ変換します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit Tolerance（フィット許容値）\u003c\/strong\u003e – 曲線の忠実度を調整します。元の線への追従度を細かく設定でき、1\/10ピクセル単位で精度を調整できます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eStrokes, Dashes \u0026amp; Texturing（ストローク・破線・テクスチャ）\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnable Dashes（破線を有効化）\u003c\/strong\u003e – ベクターラインを、カスタマイズ可能な繰り返し破線セグメントに分割します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDash \/ Gap Length（破線／間隔の長さ）\u003c\/strong\u003e – 破線1つあたりの長さと、各セグメント間の間隔を設定します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOffset (px)（オフセット）\u003c\/strong\u003e – 破線パターンの位置をずらします。このプロパティをアニメーションさせることで、ラインが流れるような「マーチングライン」表現を作成できます。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStroke Roughness（ストロークの粗さ）\u003c\/strong\u003e – 外側のピクセル境界を高速ノイズで変形させ、鉛筆やインク、木炭で描いたような手触りのあるエッジを再現します。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eCenterLineのベクターワークフロー\u003c\/h2\u003e\n\u003cp\u003eロゴやイラストから、複雑な描画アニメーションをわずか4ステップで作成できます。\u003c\/p\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003eアートを準備\u003c\/strong\u003e – 新しいコンポジションのプリコンポジション内に、テキスト、ベクターアウトライン、またはラスタライズした手描きイラストのレイヤーを配置します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eThresholdを調整\u003c\/strong\u003e – CenterLineエフェクトを適用し、Thresholdスライダーを動かして背景ノイズと描画の中心構造を分離します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eベクター化\u003c\/strong\u003e – エフェクトコントロール内の「Create Shape Layer」をクリック。CenterLineがスケルトンをネイティブのAfter Effectsパスへ変換します。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eアニメーション\u003c\/strong\u003e – 新しく作成したShape Layerにネイティブの「Trim Paths」オペレーターを追加し、進行度をアニメーションさせることで、滑らかで美しい描画アニメーションを作成できます。\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/ejLoTGCjecc?si=ItZwyRATw3YFsVQU\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e■\u003ca href=\"https:\/\/www.toolfarm.com\/buy\/centerline\/#Requirements\"\u003eシステム要件\u003c\/a\u003e\u003c\/p\u003e","brand":"Othman Ahmed","offers":[{"title":"New \/ Single User License","offer_id":49715952615652,"sku":"OA-CL","price":9900.0,"currency_code":"JPY","in_stock":true},{"title":"New \/ Floating Server License","offer_id":49715952648420,"sku":"OA-CL-FL","price":14850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/1000\/4452\/files\/CenterLine.jpg?v=1787652210"}],"url":"https:\/\/www.toolfarm.co.jp\/collections\/othman-ahmed.oembed","provider":"Toolfarm Japan","version":"1.0","type":"link"}