目次
IllustratorはPhotoshopと混乱しがち
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/アセット-1-100-10.jpg?resize=880%2C257&ssl=1)
でも相性がいいから両方組み合わせて使う人が多いよ!
と書いてあるように違いとしては、引用:Adobe公式サイトより
- Illustrator:印刷系やロゴ、アイコン、イラストなど0から自分で生み出して作品を作る
- Photoshop:写真やイラストなど元々あるモノを編集して作品を作る
Photoshopは合成・加工、Illustratorは作成・制作って言葉がぴったりだよ。
![](https://fukumarudesu.com/wp-content/plugins/lazy-load/images/1x1.trans.gif)
Illustratorでできること
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/アセット54-100.jpg?resize=474%2C167&ssl=1)
イラスト
ペンタブレットを使った手書きからペンツールを使ったマウスでのイラスト、写真の輪郭に合わせて自動でIllustrator上に映してくれるトレースがイラスト作成で主に使う機能かな
ロゴ
Jpeg写真とかはどうしてもズームするとボケちゃうからね・・・試しに下にjpegファイルとsvgファイルのロゴを貼っておくね!ズームすれば違いが分かりやすいと思うよ
Jpeg
ズームするとボケる(ラスター画像と呼びます。)![](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/アセット-1-100-7.jpg?resize=880%2C431&ssl=1)
SVG
ズームしてもボケない(ベクター画像と呼びます。)名刺
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-13.24.35.png?resize=880%2C550&ssl=1)
しっかりIllustratorには印刷機能もついているから名刺にあった紙と組み合わせれば世界に1つだけの名刺が完成するよ
ポスターやチラシ
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-13.36.48.png?resize=880%2C552&ssl=1)
年賀状
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-13.39.58.png?resize=880%2C550&ssl=1)
カレンダー
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-13.48.08.png?resize=880%2C551&ssl=1)
グラフ
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-13.51.32.png?resize=880%2C550&ssl=1)
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/アセット-2-100-5.jpg?resize=492%2C300&ssl=1)
![](https://fukumarudesu.com/wp-content/plugins/lazy-load/images/1x1.trans.gif)
![](https://fukumarudesu.com/wp-content/plugins/lazy-load/images/1x1.trans.gif)
アイコン
![](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-14.45.44.png?resize=880%2C550&ssl=1)
アプリアイコンだけじゃなくてサイトアイコンも作れるよ
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-14.47.59.png?resize=322%2C74&ssl=1)
LINEスタンプ
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/IMG_23C908454EB5-1.jpeg?resize=175%2C300&ssl=1)
- 紙にLINEスタンプにしたいイラストを書いてAdobe Capture CCで手書きのイラストを読み込みIllustratorに読み込ませる
- Illustratorで配置や編集など手書きのイラストからよりリアルなイラストへ編集・加工する
- LINEにスタンプ配布の申請を行う
LINE Creators StudioアプリとAdobe Capture CCが必要になるよ
Webデザイン
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-15.11.18.png?resize=880%2C551&ssl=1)
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-17.25.30.png?resize=537%2C282&ssl=1)
![](https://i2.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-17.27.17.png?resize=880%2C568&ssl=1)
Tシャツ
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-14.58.19.png?resize=880%2C552&ssl=1)
Tシャツ制作はPhotoshopのような拡大に弱いビットマップ画像よりもIllustratorのような拡大に強いベクター画像の方が綺麗な仕上がりになるよ
プロダクトデザイン
多くの企業で商品パッケージに掲載するデザインをIllustratorで行っています。Illustratorが苦手なこと
![](https://i1.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/アセット-1-100-11.jpg?resize=880%2C317&ssl=1)
Photoshopで編集した画像を使ってIllustratorで作るチラシの中に挿入したりする人もかなり多いよ
原理を解説
Photoshopはテレビの液晶と同じようにラクターデータ(小さな点の集まり)で構成されています。![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-17.50.33.png?resize=880%2C596&ssl=1)
カラーの粗い小さな粒の集まりで表現されているから、どうしてもズームすると1つ1つの粗さが目立ってボヤけちゃうんだよね。
![](https://i0.wp.com/fukumarudesu.com/wp-content/uploads/2019/02/スクリーンショット-2019-02-10-17.51.52.png?resize=880%2C487&ssl=1)
実際に使ってみるとIllustratorはデータ量が全体的に小さいからPhotoshopよりも動きが早いよ!
![](https://fukumarudesu.com/wp-content/plugins/lazy-load/images/1x1.trans.gif)
コメントを残す