17
Illustrator&Photoshop グラフィック制作概論 早稲田大学人間科学部人間情報科学科4年 細野 雄紀 (@healthyboy4) 2011/05/28

IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

Embed Size (px)

DESCRIPTION

2011/5/28 人科プログラミング勉強会での資料 [Ust]http://www.ustream.tv/channel/wjinka-tech [詳細]http://tweetvite.com/event/wjinka_tech

Citation preview

Page 1: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

Illustrator&Photoshopグラフィック制作概論

早稲田大学人間科学部人間情報科学科4年

細野 雄紀 (@healthyboy4)

2011/05/28

Page 2: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

本日のアジェンダ

1.かる~く自己紹介2.少しだけ制作実績3. illustratorとphotoshopとは?

~イラレ・フォトショでできること~

4.実演

Page 3: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

自己紹介 - 細野 雄紀

・フリーマガジン「MAG!」デザイン&Web担当・早稲田祭運営スタッフのデザインするチーム(その他バイト等でデザイン業務を経験)

・Illustratorが得意、Photoshop・InDesignも

・DTPからデジタル媒体まで

・特にデザイン系に進むわけではない・絵は描けない・PHP,Webデザインの修行中

Page 4: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

制作実績

●フリーマガジン「MAG!」のDTP●早稲田祭関連●某大学・学部公式Webサイト●クラッチバッグ●とあるiPhoneアプリ●他いろいろ…etc

Page 5: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4
Page 6: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4
Page 7: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4
Page 8: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4
Page 9: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4
Page 10: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4
Page 11: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4
Page 12: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

Adobe Illustratorとは?

●ベクターで描画する○ 拡大してもあらが出ない

● 名称が誤解を生んでいる?○文書系,ビラものに適性○ イラスト系はPhotoshopにて

● 細かく装飾を施す場合は不向き● (軽く実演します)

Page 13: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

Adobe Photoshopとは?

● ドットで描画する

○超強化版「ペイント」Illustratorよりも汎用性が高い

○ 写真補正○ 複雑なグラフィック○ イラスト○ 文字の処理やDTPには不向き

Page 14: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

×

● 他adobeソフトの基礎的存在● 「概念」「仕組み」が2者で大きく異なる● 世の中に溢れるビジュアルの95%以上が制作可能に

お互いを補完しあう、ちょっといい関係

2者の関係性

Page 15: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

じゃあ実際に作ってみますか!

● 今回用いるのは「Adobe Illustrator」● プログラミング勉強会なのでWeb系ロゴを扱う● 制限時間は5分くらい。できるところまで!

Page 16: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

いくら説明するよりも作業している画面を見たほうが早いはず!

「どんな感じか」を掴んでください(チュートリアルや操作方法は今回扱いません)

Page 17: IllustratorとPhotoshopを用いたグラフィック制作概論 #wjinka_tech @healthyboy4

それでは…

ご清聴ありがとうございました!@healthyboy4

リファレンス等を見るよりも誰かに聞いたほうが早いので、イラレ・フォトショを勉強する方は気軽に質問くださいね。