{"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\/products\/centerline","provider":"Toolfarm Japan","version":"1.0","type":"link"}