Photoshop、Illustrator、Procreateのうち、デザインに使うべきソフトはどれですか?
アニメーションのアートワークを自由に作成できるツールが増えました。 しかし、どれを選ぶべきでしょうか。 Photoshop、Illustrator、Procreate、どれを選ぶべきでしょうか。 それぞれのプログラムの違いと共通点、そしてあなたのスタイルに最適なのはどれでしょうか。
このビデオでは、Photoshop、Illustrator、Procreateという世界で最も広く使われている3つのデザインアプリケーションの長所と短所を学びます。 さらに、これらのアプリケーションがどのように連動して動作するのかについても紹介します。
今日は、探検してみましょう。
- ベクターアートワークとラスターアートワークの違い
- Adobe Illustratorを使用する場合
- Adobe Photoshopを使用する場合
- Procreateを使用する場合
- 3つを同時に使用する場合
デザイン・アニメーションを始めるなら
デジタル・アートを始めたばかりだと、どんな選択肢があるのか分かりにくいものです。 デザイナーなのか、アニメーターなのか、はたまたモグラフ・アーティストなのか。 そこで、10日間の無料コース「モグラフへの道」を用意しました。
また、デザイナーやアニメーターが現代のクリエイティブな世界でどのようなキャリアを積んでいるのかについても学びます。
ベクターアートワークとラスターアートワークの違い ![](/wp-content/uploads/history/102/c01l65eqx1.jpeg)
まず、3つのアプリの大きな違いは、それぞれが得意とするアートワークの種類です。 デジタル領域には、大きく分けてラスターとベクターの2種類のアートワークが存在します。
ラスターアート
![](/wp-content/uploads/history/102/c01l65eqx1-1.jpeg)
ラスターアートワークは、様々な値や色の縦・横ピクセルで構成されたデジタルアートです。 PPI(ピクセルパーインチ)により、品質を落とさずに拡大することができます。 しかし、ラスターアートワークは、拡大・縮小してもぼやけた画像になる限界があります。
ベクターアート
![](/wp-content/uploads/history/102/c01l65eqx1-2.jpeg)
ベクターアートワークは、数学的な点、線、曲線を使って作成されたデジタルアートです。 このため、アプリケーションは新しい寸法に合わせて再計算するだけで、画像を無限に拡大することができます。 つまり、品質を犠牲にすることなく、必要なサイズまで画像を拡大することができるのです。
PhotoshopとIllustratorはどちらのフォーマットにも対応していますが、それぞれの目的に最適化されています。 無限に近いブラシを持つPhotoshopはラスターアートを得意とし、Illustratorはベクターデザインを中心に作られています。 一方、Procreateは現在ラスターのみとなっています。
![](/wp-content/uploads/history/102/c01l65eqx1-3.jpeg)
Procreateは、イラストレーションやリアルなブラシストロークやテクスチャを作成することを中心に作られているので、これは理にかなっていると思います。
それぞれのアプリに強みがあるので、どのような場合にどちらを使うか、少し説明しましょう。
Adobe Illustratorを使うべきタイミング ![](/wp-content/uploads/history/102/c01l65eqx1-4.jpeg)
Adobe Illustratorはベクターグラフィックに最適化されており、シャープで洗練されたデザインをあらゆるサイズに拡大することができます。 このアプリに飛びつく理由は5つのうちの1つでしょう。
- ロゴや大判プリントなど、巨大な解像度で使用されるアートワークの場合、ベクターアートワークは基本的に無限大に拡大することが可能です。
- ベクターアートワークは、Illustratorの多くのツールが迅速な形状の作成と改良のために設計されているため、形状を簡単に作成することができます。
- After Effectsでアニメーションを作成する場合、Illustratorのファイルは「連続ラスタライズ」モードで使用できるため、解像度を落とすことなく使用できます。
- また、IllustratorのファイルをスマートファイルとしてPhotoshopに送り、素早くタッチアップすることも可能です。
- 最後に、Illustratorファイル(およびベクターアート全般)は、Storyboardsを設定するのに適しています。
Adobe Photoshopを使うべきタイミング ![](/wp-content/uploads/history/102/c01l65eqx1-5.jpeg)
Photoshopはもともと写真を加工するために作られたものなので、実際の画像に最適化されています(または実際のカメラ効果を模倣するため)。 ラスター画像用の多機能プログラムなので、おそらく次のような用途に使うことになるでしょう。
- 画像にエフェクト、調整、マスクなどのフィルターを適用する。
- 無限に近いリアルなブラシやテクスチャを使ったラスターアートの作成が可能です。
- Illustratorよりもはるかに多い、内蔵およびダウンロード可能なさまざまなフィルタを使用して、画像を選択または変更します。
- After Effectsで使用するための画像のタッチアップや、Illustratorのファイルを別のアプリで仕上げる前に手を加えるなど。
- アニメーション-PhotoshopはAfter Effectsのような柔軟性はありませんが、従来のアニメーションを行うためのツールを備えています。
Procreateを使うべきタイミング ![](/wp-content/uploads/history/102/c01l65eqx1-6.jpeg)
Procreateは、外出先でイラストを描くのに最適なアプリケーションです。 iPad用の必須アプリケーションの上位に常に入っていますが、アニメーションにはそれほど最適化されていません。 それでも、iPad ProとApple Pencilがあれば、これは非常に強力なツールになります。
- Procreateは、イラストレーションを描くためのアプリです。 何かイラストを描く必要がある場合は、Procreateが断然有利です。
- デフォルトでは、Photoshopよりも自然で質感のあるブラシが付属しています(ただし、アプリごとに新しいものをダウンロードすることも可能です)。
- さらに、Photoshopから(またはPhotoshopに)ファイルをすばやくインポート/エクスポートして、別のアプリケーションでアートワークを継続することもできます。
Procreateには、初歩的なアニメーションツールや、新しい3Dペイント機能があります。 Procreateの開発者は、常に新しい機能を追加しており、今後ますます強力になっていくことが予想されます。
3つのアプリを一緒に使う方法 ![](/wp-content/uploads/history/102/c01l65eqx1-7.jpeg)
特にアニメーションの世界では、多くのプロジェクトで複数のアプリケーションを使用する必要があります。 ここでは、3つのアプリケーションを併用し、最終的にAfter Effectsでアニメーションを作成する例を見てみましょう。
Illustratorで背景を描く
![](/wp-content/uploads/history/102/c01l65eqx1-8.jpeg)
Illustratorは図形を作成するために作られたツールなので、背景の要素を素早くデザインし、最終的な構成に応じて拡大・縮小することができる素晴らしいツールです。
エレメントをPhotoshopに取り込む
![](/wp-content/uploads/history/102/c01l65eqx1-9.jpeg)
Illustratorのベクター素材と、ストックイメージサイトのラスター画像を組み合わせる場合、Photoshopのツールを使うと、よりスムーズなワークフローが実現できます。
Procreateで手描きのエレメントを追加する
![](/wp-content/uploads/history/102/c01l65eqx1-10.jpeg)
マリオ®をモチーフにしたデザインに、手描きのキャラクターを加えてアーティスティックな雰囲気を出したいと思い、Procreateを使いました。
すべてをAfter Effectsでアニメーション化する
![](/wp-content/uploads/history/102/c01l65eqx1-11.jpeg)
あとは、これらのファイルをAfter Effectsに取り込み(チュートリアルで簡単な方法を紹介しています)、雲とグンマーに簡単な動きをつけるだけで、あっという間にアニメーションが完成します。
![](/wp-content/uploads/history/102/c01l65eqx1-12.jpeg)
このように、3つのデザインソフトを単独で、あるいは組み合わせて使うことで、それぞれの強みを発揮できることを理解していただけたと思います。
このビデオに「いいね!」を押して、私たちのチャンネルに登録してください。 私たちのインタラクティブなオンラインカリキュラムについては、スクールオブモーションドットコムにアクセスしてください。
Photoshop illustrator unleashed promo
PhotoshopとIllustratorの使い方を地球上で最高の講師陣から学びたい方は、School of MotionのPhotoshop and Illustrator Unleashedをご覧ください。
スクール・オブ・モーションのコア・カリキュラムの一つであり、キャリアアップのための最高の投資の一つです。