SlideShare a Scribd company logo
Photoshop/Illustrator
を用いたタイトルロゴ
作成入門
1
アジェンダ
1. Photoshopとは
2. Photoshop最強の機能「レイヤースタイル」
3. Illustratorとは
4. タイトルロゴ作成手順(NOPロゴを例に)
2
Photoshopとは
• 絵を描くもの(ドローソフト)
• 競合/協調ソフト
o Sai
o Painter
o Gimp
• 基本ラスタ画像を扱う
3
Photoshop最強の機能
「レイヤースタイル」
4
ふつう
シャドウ(内側)
光彩(外側)
ドロップシャドウ
5
ベベルとエンボス
パターンオーバレイ 境界線
グラデーションオーバレイ
6
Illustratorとは
• 知らんがな(´・ω・`)
• ベクタ画像とか扱えるんちゃうんか?
7
タイトルロゴ作成手順
• NOPのロゴを作ってみた
• 基本の流れ
1. デザインを考える
2. フォントを決める
3. 文字を打ち、いじる(Illustrator)
4. 効果をつけたり、画像を入れたりする(Photoshop)
5. 調整(Photoshop)
6. 上司からokをもらう(ダメなら1へ)
7. 完成!
8
デザインを決める
• 寝ながら考える
9
フォントを決める
• ここがかなり大事!
• 公開する場合はライセンスに注意
• 今回はCharlemagne StalとBell MTを使用
10
適当に文字をうつ(Illustrator)
11
組み合わせてみる
12
なんかできてくる
13
角の切り落とし、セリフの延長
14
適当な背景と文字を重ね、スタイルを試す
15
スタイルを色々試してみる
16
完成!
17
くぅ~疲れました!
これにてロゴ制作終了です!
• ね?簡単でしょ?
• 所要時間:1時間30分くらい
• マウスのみ、ペンタブ使用せず
• フォントをいじらないのならIrustratorいらない
18
参考になるサイト
• Photoshop VIP
o http://photoshopvip.net/
o Photoshop関連で検索するとだいたいここの記事がひっかかる
• ゲームのタイトルロゴ集めようぜ
o http://matome.naver.jp/odai/2129602189957101501
19
おわり
20

More Related Content

Viewers also liked

Viewers also liked (20)

Kapita selekta uts
Kapita selekta utsKapita selekta uts
Kapita selekta uts
 
SlideShare Hack Day 2013
SlideShare Hack Day 2013SlideShare Hack Day 2013
SlideShare Hack Day 2013
 
Slide roma campetti ribelli
Slide roma campetti ribelliSlide roma campetti ribelli
Slide roma campetti ribelli
 
Science day handout
Science day handoutScience day handout
Science day handout
 
Analisis pagmatico del spot
Analisis pagmatico del spotAnalisis pagmatico del spot
Analisis pagmatico del spot
 
Modelos de la enceñanza
Modelos de la enceñanzaModelos de la enceñanza
Modelos de la enceñanza
 
[Nordic GBC Conference 2013] Sue Clark: LEED Pilot Credits
[Nordic GBC Conference 2013] Sue Clark: LEED Pilot Credits[Nordic GBC Conference 2013] Sue Clark: LEED Pilot Credits
[Nordic GBC Conference 2013] Sue Clark: LEED Pilot Credits
 
Slide foggia bir tour
Slide foggia bir tourSlide foggia bir tour
Slide foggia bir tour
 
Greatest creation of god
Greatest creation of godGreatest creation of god
Greatest creation of god
 
Reunió inici de 4t. curs 2015-16
Reunió inici de 4t. curs  2015-16Reunió inici de 4t. curs  2015-16
Reunió inici de 4t. curs 2015-16
 
New
NewNew
New
 
Railstock eco analysis
Railstock eco analysisRailstock eco analysis
Railstock eco analysis
 
Proyecsociales
ProyecsocialesProyecsociales
Proyecsociales
 
Proyecto del agua
Proyecto del aguaProyecto del agua
Proyecto del agua
 
Colònies 6È FI DE CURS
Colònies 6È FI DE CURSColònies 6È FI DE CURS
Colònies 6È FI DE CURS
 
프레젠테이션1
프레젠테이션1프레젠테이션1
프레젠테이션1
 
sesion de aprendizaje
sesion de aprendizajesesion de aprendizaje
sesion de aprendizaje
 
Colònies Barcelona 2015 16. ppt
Colònies Barcelona 2015 16. pptColònies Barcelona 2015 16. ppt
Colònies Barcelona 2015 16. ppt
 
1516 presentacio forum
1516 presentacio forum 1516 presentacio forum
1516 presentacio forum
 
Las manualidades
Las manualidadesLas manualidades
Las manualidades
 

Similar to Nop007 re editing

Adobe Fireworks CS6 使いこなしテクニック
Adobe Fireworks CS6 使いこなしテクニックAdobe Fireworks CS6 使いこなしテクニック
Adobe Fireworks CS6 使いこなしテクニックMori Kazue
 
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Takuya Nishitani
 
人と向き合うプロトタイピング
人と向き合うプロトタイピング人と向き合うプロトタイピング
人と向き合うプロトタイピングwariemon
 
WP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura TahWP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura TahTakashi Kitamura
 
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみたプログラマがデザインをがんばってみた
プログラマがデザインをがんばってみただいすけ ふるかわ
 
Spring Day 2016 springの現在過去未来
Spring Day 2016 springの現在過去未来Spring Day 2016 springの現在過去未来
Spring Day 2016 springの現在過去未来Yuichi Hasegawa
 
エンジニアのためのアイコン作成勉強会
エンジニアのためのアイコン作成勉強会エンジニアのためのアイコン作成勉強会
エンジニアのためのアイコン作成勉強会Kazuaki KURIU
 
Tokyo.R #66 初心者セッション3
Tokyo.R #66 初心者セッション3Tokyo.R #66 初心者セッション3
Tokyo.R #66 初心者セッション3Nozomi Miyazaki
 

Similar to Nop007 re editing (8)

Adobe Fireworks CS6 使いこなしテクニック
Adobe Fireworks CS6 使いこなしテクニックAdobe Fireworks CS6 使いこなしテクニック
Adobe Fireworks CS6 使いこなしテクニック
 
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
 
人と向き合うプロトタイピング
人と向き合うプロトタイピング人と向き合うプロトタイピング
人と向き合うプロトタイピング
 
WP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura TahWP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura Tah
 
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみたプログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
 
Spring Day 2016 springの現在過去未来
Spring Day 2016 springの現在過去未来Spring Day 2016 springの現在過去未来
Spring Day 2016 springの現在過去未来
 
エンジニアのためのアイコン作成勉強会
エンジニアのためのアイコン作成勉強会エンジニアのためのアイコン作成勉強会
エンジニアのためのアイコン作成勉強会
 
Tokyo.R #66 初心者セッション3
Tokyo.R #66 初心者セッション3Tokyo.R #66 初心者セッション3
Tokyo.R #66 初心者セッション3
 

Nop007 re editing