Illustrator と Photoshop で回転する 3D 地球儀をアニメーション化する方法

Kak Sozdat Animaciu Vrasausegosa 3d Globusa S Pomos U Illustrator I Photoshop



IT の専門家として、回転する 3D 地球儀を Illustrator と Photoshop でアニメーション化する方法についてよく尋ねられます。関連する手順の簡単な概要は次のとおりです。 1. まず、Illustrator で新規ドキュメントを作成し、円を描きます。 2. 次に、円にグラデーション塗りを追加し、角度を 45 度に設定します。 3. 次に、Photoshop で新しいレイヤーを作成し、地球儀の写真を追加します。 4. 最後に、パペット ワープ ツールを使用して地球をアニメーション化します。 関連する手順を示す簡単なビデオ チュートリアルを次に示します。



このレッスンでは、その方法を説明します 3D Globe の回転、回転、または回転アニメーションを作成または作成する イラストレーターとフォトショップで。 Illustrator と Photoshop は、Adobe が提供する最高のグラフィック ソフトウェアです。どちらにもいくつかの類似点と相違点があります。違いは何だろうと思うかもしれません。両方使ってみると、それぞれ得意なところが違うことに気づきます。





リフレッシュウィンドウ8.1

Illustrator と Photoshop で回転する 3D 地球儀をアニメーション化する方法





Illustrator と Photoshop で回転する 3D 地球儀をアニメーション化する方法

Illustrator と Photoshop には違いがあるかもしれませんが、うまく連携できます。どちらにも長所と短所があります。 Illustrator と Photoshop を使用して、回転する 3D 地球儀を作成します。 みんなの力で素敵な作品を作っていきます。 Illustrator は地球儀の 3D 部分とそれに追加されるマップに使用され、Photoshop はアニメーション GIF 部分を担当します。



  1. マップをシンボルに追加
  2. 3D 球を作成する
  3. マップを球体に追加する
  4. 地球のさまざまな角度から写真を撮る
  5. Photoshop で写真をアニメーション化する
  6. 保つ

1]シンボルにマップを追加

地球儀を作成するステップでは、世界地図を球体に追加する必要があります。これを行うには、世界地図をシンボル パレットに追加する必要があります。世界地図を見つけて Illustrator で開き、長押しして [シンボル] パネルにドラッグします。必要に応じてシンボルに名前を付け、[OK] をクリックして閉じます。

2] 3D球を作成する

次のステップは、世界地図を含む球を作成することです。 Illustrator の楕円形ツールを使用して、完全な円を作成します。

3]球体にマップを追加する

次のステップは、世界地図を球体に追加することです。



4]地球のさまざまな角度から写真を撮る

次のステップは、地球のさまざまな側面を撮影することです。回転するアニメーション GIF を作成するには、別の面に Photoshop を追加する必要があるため、これは重要です。画像を取得するには、回転する地球儀をどの程度詳細に表示するかを決定する必要があります。詳細が必要なほど、より多くのショットを撮る必要があります。撮影する写真が多いほど、プロセスに時間がかかります。この記事では、すべての画像を紹介するわけではありませんが、一部を集めて、その方法を理解できるようにします。

画像キャプチャ

Illustrator-and-Photoshop-3D r で 3D 回転球体を作成する方法

3D 回転オプションを使用している間は、3D 立方体が表示されます。回転するたびに地球が回転し、反対側が表示されます。より多くの画像が必要で、忍耐強く、手が安定している場合は、立方体を回転させ、各側で停止し、3D 回転オプションを閉じて ([OK] を押します)、次の手順に進みます。 ファイル それから 輸出 、どちらの面と順序を示すファイル名を選択し、 PNG ファイルの種類として、 保つ . PNG ファイル タイプでは、背景が保存されません。

Illustrator と Photoshop を使用して 3D 回転地球儀を作成する方法 - 軸を中心に回転するように変更

3D ウィンドウを使用して側面を交換すると、2 番目の回転位置の値が変化し続けることに気付きました。他の値も変更されていますが、上から 2 番目のボックスは側面図の回転を制御します。

より詳細な回転球体が必要な場合は、さらに多くの画像を撮影する必要があることに注意してください。上から 2 番目のボックスに値を入力すると、より多くの顔をより正確に取得できます。最初の値を 18 度にし、この画像を保存するときに、360 度になるまで 18 度ずつ増やしていきます。これは、合計 20 の値を入力およびエクスポートすることを意味します。 Photoshop のアニメーション GIF で使用する 20 枚の画像。

Illustrator と Photoshop を使用して 3D 回転地球儀を作成する方法 - 3D 回転位置

いくつかの側面のみを表示したい場合は、ドロップダウン矢印をクリックして、 位置 .ドロップダウン メニューにすべてのプリセット位置が表示されます。位置の 1 つをクリックすると、球体が回転します。次に、毎回[OK]を押してからに移動します ファイル それから 輸出 、どちらの面と順序を示すファイル名を選択し、 PNG ファイルの種類として、 保つ . PNG このファイル タイプにより、背景が保存されないことが保証されます。

Illustrator と Photoshop を使用して 4 つの側面を持つ 3D 回転地球儀を作成する方法地球が正確に回転するように、地球の 4 つの角度を撮影する場合は、写真を撮ります。 正面 それから 、 それから 戻る それから . Photoshop のタイムラインに配置する順番に番号を付けます。これがどのように見えるかです フロント1 それから 右 2 、 それから 戻る 3 それから 左 4. 3D パースペクティブで、位置に移動して 4 つ選択します。この順序を使用して、Photoshop で GIF を調整します。

5] Photoshopで画像をアニメーション化する

地球儀を作成して画像を保存したら、Photoshop でアニメーションを作成します。これを行うには、Photoshop のタイムラインを使用してアニメーション GIF を作成し、フレームごとのビデオ形状を作成する必要があります。これは、物理的な本に絵を描いてから、ページをめくって画像をアニメーション化するようなものです。この Photoshop タイムラインは同じように機能し、レイヤーとタイミングを使用してモーション効果を作成します。ファイルは GIF として保存されます。 GIF 形式はアニメーションをサポートしています。

Outlookでアーカイブされたメールを見つける

タイムラインを有効にする

画像を Photoshop にロードします。 Photoshop を開き、目的の寸法の新しいドキュメントを作成します。新しいドキュメントを開くには、[ファイル]、[新規] の順に選択するか、 Ctrl + Н . [新しいドキュメントのオプション] ウィンドウが表示されるので、オプションを選択して をクリックします。 大丈夫 それらを確認します。次に、に行きます それから グラフィックグラフィック インターフェイスはキャンバス領域の下部に表示されます。作成されたドキュメントは、タイムラインの最初のフレームになります。

Illustrator と Photoshop を使用して 4 つの側面を持つ 3D 回転地球儀を作成する方法画像を Photoshop に配置します。タイムライン上で画像を正しい順序で配置することが重要です。それらが入っている順序は、それらが再生される順序です。次のいずれかに移動して、Photoshop に画像を読み込むことができます。 ファイル それから 場所 画像を見つけてクリックし、[場所] をクリックします。 「配置」コマンドは、イメージをキャンバスに配置します。に移動して画像を開くこともできます ファイル それから 開ける 画像を見つけて選択し、[開く] をクリックします。この方法では、画像が新しいドキュメントで開かれ、クリックして目的のドキュメントにドラッグする必要があります。

最初の画像がタイムラインの最初の場所になります。この画像がアニメーションを開始する最初の画像であることを確認してください。画像はレイヤーパネルにも表示されます。 2 番目の画像を Photoshop に配置できるようになりました。指示に従って Photoshop に配置します。画像を配置する前に、タイムラインに移動し、ボタンをクリックします 選択したレイヤーを複製 アイコン。選択したレイヤーは、その上の画像と名前の付いたレイヤーで複製されます フレーム 2 レイヤーパネルに配置されます。新しい画像をフレーム 2 に配置します。各画像に対して次の手順を実行します。特殊効果を作成する場合を除き、画像が同じサイズであることと、最後の画像が前の画像を完全に覆っていることを確認してください。すべての画像が Photoshop のタイムラインに配置されたら、正しく配置されていることに注意してください。 [アニメーションの再生] ボタンをクリックしてアニメーションのテストを実行し、それらがどのように並んでいるかを確認します。この時点では、タイミングについて心配する必要はありません。配置とサイズの違いを見ようとしているだけです。

トラブルシューティング

前の画像がその後の画像に影響を与え、本来あるべきでない場所に表示されるという問題が発生する場合があります。これは、タイムラインの右端にあるメニュー ボタンを見つけ、メニューをクリックしてチェックを外すことで修正できます。 新しいレイヤーはすべてのフレームで表示されます .同じメニューで、オンとオフを切り替えることが可能です 新しいフレームごとに新しいレイヤーを作成する .それらをオンまたはオフにして、結果にどのように影響するかを確認します。

ピンタペイント

タイムラインのサムネイルが小さすぎる場合は、タイムラインのメニュー ボタンを押して、 パネルオプション .アニメーション パネル オプションが開き、サムネイル サイズ オプションが表示されます。 小さい真ん中 、 私 大きい .中がデフォルトのサイズです。便利なサイズをお選びいただけます。

背景色を追加 (オプション) Illustrator と Photoshop で回転する 3D 地球儀を作成する方法 - 白い背景

この画像は背景が白です。

いくつかの追加要素を追加することで、アニメーションをさらに良くすることができます。背景色を追加して、地球を目立たせることができます。背景色を追加するには、レイヤー パネルに移動して背景レイヤーをクリックし、レイヤー パネルの下部に移動して、[新しい塗りつぶしまたは調整レイヤーを作成] アイコンをクリックします。無地、グラデーション、柄からお選びください。この記事では、ソリッド カラー オプションを使用します。地球を際立たせる素敵な色を使用してください。暗い色を使用して空間をシミュレートし、ブラシ ツールで星を追加することもできます。背景色を追加するときは、各フレームをクリックしてカラー レイヤーをオンにする必要があります。 Illustrator と Photoshop で 3D 回転球体を作成する方法 -

この画像は、星と黒の背景にあります。

設定時間

これは、アニメーションの速度を制御する部分です。アニメーションが速すぎると見づらくなります。遅すぎると、見るのが退屈になります。速すぎず遅すぎない時間を見つけてください。アニメーションに他に何があるかに応じて、適切な時間を選択してください。読み取る情報がある場合は、アニメーションの時間を十分に遅くして、十分な時間を読み取れるようにします。

Illustrator と Photoshop で 3D 回転球体を作成する方法 2--

時間を調整するには、各フレームに移動し、秒が表示されているドロップダウン矢印をクリックします。さまざまな時間オプションを含むポップアップ メニューが表示されます。適切な時間が見つかるまで、別の時間を選択して実験する必要がある場合があります。フレームごとに異なる時間を設定することもできます。

Windows10でprtscを使用する方法

アニメーションが停止するまでに何回繰り返すかを選択することもできます。

フレームの下を見ると、単語が表示されます 永遠に .これがデフォルトの時間です。ドロップダウン矢印をクリックして、別の回数を選択できるメニューを開きます。 一度三回永遠に 指定された回数。これらとは異なる回数を選択する場合は、 希望する回数を入力するオプションが表示されます。

6]保存

GIF として保存するには、 ファイルウェブ用に保存 となり、ダイアログボックスが表示されます。 GIF のプレビューを選択するか、何も変更する必要がない場合は [OK] をクリックします。アニメーション GIF は、どの Web ブラウザでも再生できます。 [Web 用に保存] ダイアログ ボックスには、GIF をプレビューして HTML コードのコピーを表示できるプレビュー ボタンがあります。

これは回転する地球儀のアニメーションです。よりスムーズにしたい場合は、ターンをよりスムーズにするためにより多くの画像が必要になります。アートワークを強化するために追加された他の効果と機能があります。創造性を発揮して、好きなものを追加できます。

読む : Photoshop のカスタム シェイプ ツールを使用してパターンを作成する方法

Illustrator で 3D シェイプを作成する方法を教えてください。

Illustrator では、多くの形状を 3D で作成できますが、場合によっては実験する必要があります。 3D 球体が必要な場合は、Illustrator で円を作成し、半分にカットして左側を削除してから、3D 回転効果を使用します。その後、3D 球体に他の効果を追加できます。

Illustrator で 3D コーンを作成するには?

イラストレーターで 3D コーンを作成するのは非常に簡単です。線ツールを使用するだけです。線を引いてから 効果 それから 3D それから 回転する をクリックし、[プレビュー] をクリックすると、線が 3D 円錐に変わるのがわかります。クリックできます 大丈夫 変更を閉じて確認する

人気の投稿