このチュートリアルでは、AdobeのAfter Effectsを使用して個別の3D携帯電話スクリーンを作成する方法を紹介します。画面録画をインポートし、調整してビジュアルを洗練させ、リアルな印象を与える方法を学びます。このチュートリアルの最後までに、携帯電話の画面を個別にデザインできるようになります。
主なポイント
- 画面録画をインポートし、それを携帯電話のフロントコンポジションに調整できます。
- After Effectsの適切なツールを使用して、リアルで魅力的な携帯電話画面をデザインできます。
- 様々な創造的な方法を活用して、個別のスクリーンをデザインできます。
ステップバイステップガイド
1. フロントコンポジションを開く
最初に、After Effectsで3D携帯電話のフロントコンポジションを開きます。これは携帯電話の正面ビューをデザインできる領域です。
![After Effectsで3Dスマートフォンを個別にデザインする After Effectsで3Dモバイルを個別にデザインする](https://www.tutkit.com/storage/media/text-tutorials/2561/3d-handy-in-after-effects-individuell-gestalten-4.webp?tutkfid=223054)
2. 画面録画をインポート
携帯電話のスクリーン用に画面録画をインポートします。「ファイル」をクリックし、適切なMP4ファイルを選択します。たとえば、携帯電話の画面録画などがあります。無料のアプリを使用して、このような録画ができます。
3. 画面録画をコンポジションにドラッグ
インポートしたMP4ファイルをフロントコンポジションにドラッグします。最初はサイズが適切でなく、非常に大きく見えることに気づくでしょう。
![After Effectsで3Dスマートフォンを個別にデザインする After Effectsで3D携帯電話を個別にデザインする](https://www.tutkit.com/storage/media/text-tutorials/2561/3d-handy-in-after-effects-individuell-gestalten-45.webp?tutkfid=223068)
4. サイズを調整
画面録画のサイズを調整するには、キーボードで「S」を押してスケーリングオプションを開きます。次に、スケーリング値を調整して画像のサイズを縮小します。ここでは約52%の値が適切かもしれません。
![After Effects で3D電話を個別にデザインする After Effectsで3D携帯電話を個々にデザインする](https://www.tutkit.com/storage/media/text-tutorials/2561/3d-handy-in-after-effects-individuell-gestalten-69.webp?tutkfid=223076)
5. スクリーンの位置調整
スクリーンを見やすく、携帯電話の中央に配置します。調整を正確に行うには、矢印キーを使用します。
![After Effectsで3Dモバイルを個別にデザインする AfterEffectsで個別に3Dモバイルを設計します](https://www.tutkit.com/storage/media/text-tutorials/2561/3d-handy-in-after-effects-individuell-gestalten-132.webp?tutkfid=223081)
6. 角を丸める
スクリーンの角を丸めるには、角丸矩形ツールを使用します。左マウスボタンを押し続け、四角形を引き、マウスボタンを離します。丸みがリアルに見え、携帯電話のデザインに合っていることを確認してください。
![After Effectsで3D携帯電話を個別にデザインする After Effectsで3Dスマートフォンを個別にデザインする](https://www.tutkit.com/storage/media/text-tutorials/2561/3d-handy-in-after-effects-individuell-gestalten-144.webp?tutkfid=223086)
7. 色を調整
スクリーンを携帯電話の表面に適合させるために、効果を選択し「色調の調整」を選択します。明るさ、彩度、コントラストを調整して、より自然な統合を実現できます。
![After Effectsで3D携帯電話を個別にデザインする After Effectsで3Dスマートフォンを個別にデザインする](https://www.tutkit.com/storage/media/text-tutorials/2561/3d-handy-in-after-effects-individuell-gestalten-180.webp?tutkfid=223090)
8. 仕上げ
必要に応じて、携帯電話にスクリーンを最適に適合させるためにさらに調整を行います。例えば、スクリーンが携帯電話の一部である印象を強化するために反射効果を追加することができます。
![After Effectsで3D携帯電話を個別にカスタマイズする After Effectsで3D携帯電話を個別にデザインする](https://www.tutkit.com/storage/media/text-tutorials/2561/3d-handy-in-after-effects-individuell-gestalten-208.webp?tutkfid=223097)
9. 最終コンポジションに戻る
調整に満足したら、最終コンポジションに戻ります。ここで、個別にデザインされたスクリーンが3D携帯電話と見栄えがよいか確認できます。
![After Effectsで3Dスマートフォンを個別にデザインする After Effectsで3D携帯を個別にデザインする](https://www.tutkit.com/storage/media/text-tutorials/2561/3d-handy-in-after-effects-individuell-gestalten-235.webp?tutkfid=223102)
10. テキストを追加
追加でテキストを組み込みたい場合は、それも可能です。フロントコンポジションに希望のテキストを配置し、携帯電話に揃えます。これにより、コンポジションがさらにインタラクティブで興味深くなります。
![After Effectsで3D携帯電話を個別にデザインする After Effectsで3Dスマートフォンを個別にデザインする](https://www.tutkit.com/storage/media/text-tutorials/2561/3d-handy-in-after-effects-individuell-gestalten-270.webp?tutkfid=223108)
要約
このチュートリアルでは、After Effectsで3Dハンドモデルの画面を個別にカスタマイズする方法を学びました。画面キャプチャのインポートから最終調整まで、魅力的な結果を得るためにすべての手順を経験しました。さまざまなオプションを試して、プロジェクトをさらに向上させることができます。
よくある質問
個別のハンドモデル画面を作成するためには何が必要ですか?個別のハンドモデル画面を作成するには、Adobe After Effects、画面キャプチャ、およびソフトウェアの基本知識が必要です。
画面キャプチャをインポートする方法は?「ファイル」をクリックして、「インポート」を選択し、MP4ファイルを選択してコンポジションに追加します。
画面の色を調整できますか?はい、「エフェクト」の「色調設定」で色を調整できます。
コンポジションにテキストを追加する方法は?After Effectsのテキストツールを使用して、必要なテキストをフロントコンポジションに統合します。
他のグラフィックを追加できますか?はい、コンポジションを多様化させるために他のグラフィックやエフェクトを自由に使用できます。