終了

線が円になる表現

積極的な参加者 ,
Oct 03, 2018 Oct 03, 2018

リンクをクリップボードにコピー

コピー完了

スクリーンショット 2018-10-03 17.21.56.png

スクリーンショット 2018-10-03 17.22.10.png

スクリーンショット 2018-10-03 17.22.20.png

この表現をするにはどんな流れでできるでしょうか?

表示

717

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines

correct answers 1 件の正解

Community Expert , Oct 03, 2018 Oct 03, 2018

2番目と3番目のスクリーンショットだけを参考にすると、下図のエフェクトで出来ます。

他にも方法はあると思います。

エフェクトを適用してから、レイヤーを複製し、スケールを −100% にすると全体が表示されます。

「放射状ワイプ」の「変換終了」の値を変えて、円の形を変化させます。

2つのレイヤー「変換終了」の値を合わせてください。

ae101.jpg

ae102.jpg

<追記>

別の方法になりますが、線から円に変化する方法も流れだけ記しておきます。

Illustratorで円形と縦線(半径の長さ)を連結して1本のパスを作成します。

円形のポイントを1箇所だけハサミで切り離して、縦線と連結させオープンパスに仕上げます。

ae102.jpg

Illustratorのパスを読み込んでシェイプに変換します。(別途スクリプトが必要)

「シェイプのトリミング」で線から円形に変わるアニメーションになります。

先の回答のように、パスのグループを複製してサイズを−100%に設定すると全体が表示されます。

ae101.jpg

投票

翻訳

翻訳
Community Expert ,
Oct 03, 2018 Oct 03, 2018

リンクをクリップボードにコピー

コピー完了

2番目と3番目のスクリーンショットだけを参考にすると、下図のエフェクトで出来ます。

他にも方法はあると思います。

エフェクトを適用してから、レイヤーを複製し、スケールを −100% にすると全体が表示されます。

「放射状ワイプ」の「変換終了」の値を変えて、円の形を変化させます。

2つのレイヤー「変換終了」の値を合わせてください。

ae101.jpg

ae102.jpg

<追記>

別の方法になりますが、線から円に変化する方法も流れだけ記しておきます。

Illustratorで円形と縦線(半径の長さ)を連結して1本のパスを作成します。

円形のポイントを1箇所だけハサミで切り離して、縦線と連結させオープンパスに仕上げます。

ae102.jpg

Illustratorのパスを読み込んでシェイプに変換します。(別途スクリプトが必要)

「シェイプのトリミング」で線から円形に変わるアニメーションになります。

先の回答のように、パスのグループを複製してサイズを−100%に設定すると全体が表示されます。

ae101.jpg

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
積極的な参加者 ,
Oct 04, 2018 Oct 04, 2018

リンクをクリップボードにコピー

コピー完了

最新

ありがとうございます!!

イラレ持ってないので、最初のやり方を真似しようと思います!

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines