Lecture 14:

画像に影を入れる方法

Instructor: 砂澤 克洋

Lecture Content


それでは次に、文字に影をつける方法の解説を進めていきたいと思います。ですがその前に、文字の入力領域の移動方法と拡大方法をご説明したいと思います。

まずこちらの移動アイコンをクリックします。

そして文字の入力領域にマウスを持っていくと、このような指のマークが表示されまずが、この状態では入力領域を移動させることができません。

この状態で起動させるとこのようになってしまいますが、このように移動のアイコンが表示されます。

そしてこの状態で左クリックしたまま動かすことによってテキスト領域を移動させることができます。


それでは次に、文字の入力領域を広げる方法をご説明したいと思います。現段階ではこのように一段ずれてしまっていますので、見栄えが悪くなっています。入力領域を広げて横に表示されるようにしていきます。

まずテキストのアイコンをクリックします。

次にこのテキストの上で左クリックします。

次に文字入力領域の角にマウスを持っていくと、このような感じに三角のアイコンに変わります。

この状態でクリックしたまま右の方に持って行くことによって文字の入力領域を広げることができます。


それでは文字に影をつける方法の解説を進めていきます。

まず画面上部にあるフィルターをクリックし、照明と投影をクリックし、ドロップシャドウをクリックします。

そうするとこのような画面が表示されます。

このオフセットというのは影の位置です。そしてぼかし半径というのが影の大きさになります。色というのは影の色になります。

こちらの不透明度は影の濃さになります。こちらの画面サイズ変更可というところは、影を作成することによって、指定している画像サイズキャンバスサイズから影が出てしまう場合、自動的に画像サイズを拡大させるという設定です。

例えば横500縦500という画像サイズだったものが、横505縦505というように影の部分だけサイズが大きくなってしまうことがあります。いろいろ試しながら、自分の好みに合わせて設定していただければと思います。基本的にはチェックを外すことが多くなると思います。

それでは今回はこのような設定で OK をクリックします。そうするとこのように文字に影がつきます。

なお影のつき方を変えたい場合には、画面左上の編集をクリックし、ロップシャドウを元に戻す をクリックすると操作を一段階戻すことができます。

他にはキーボードのCtrlキー+ Z キーを押すことによっても、操作を一段階戻すことができます。

戻した操作を取り消したいという場合には、こちらの編集をクリックし、ロップシャドウをやり直すを押すとこのように再度影がつきます。

それでは以上で文字に影をつける方法の解説を終了いたします。

Related Courses

初心者のためのPhotoshop超基礎講座 Webデザイン編
PRO COURSE

初心者のためのPhotoshop超基礎講座 Webデザイン編

43m Video Course
Instructor: 植本 彩花
38
$36.99
Creating Splatter Effect in Photoshop (5 Projects Included)
PRO COURSE

Creating Splatter Effect in Photoshop (5 Projects Included)

1h 15m Video Course
Instructor: Supriyo Kundu
1
$49.99
初めてのPhotoshop - 1ヶ月で覚える写真加工の基礎から中級まで
PRO COURSE

初めてのPhotoshop - 1ヶ月で覚える写真加工の基礎から中級まで

9h 28m Video Course
Instructor: 森 まりも
73
$114.99
Learn Photoshop | Basics to Advanced (13 projects included)
PRO COURSE

Learn Photoshop | Basics to Advanced (13 projects included)

4h 5m Video Course
Instructor: Supriyo Kundu
$149.99
Masking Women Hair in Photoshop (5 Projects Included)
PRO COURSE

Masking Women Hair in Photoshop (5 Projects Included)

1h 52m Video Course
Instructor: Supriyo Kundu
$149.99
Photoshopを使った実践Webデザイン講座
PRO COURSE

Photoshopを使った実践Webデザイン講座

11h 13m Video Course
Instructor: NESTonline
9
$80.98
Photoshopマスターコース 基礎からステップバイステップで学ぼう
PRO COURSE

Photoshopマスターコース 基礎からステップバイステップで学ぼう

14h 14m Video Course
Instructor: ムラモリ コウ
4
$75.00
手を動かして学ぶ はじめてのIllustrator入門講座
PRO COURSE

手を動かして学ぶ はじめてのIllustrator入門講座

3h 12m Video Course
Instructor: Takafumi Kawai
13
$31.99
Illustratorでポストカード・名刺・フライヤーを作ろう
PRO COURSE

Illustratorでポストカード・名刺・フライヤーを作ろう

1h 2m Video Course
Instructor: アテイン株式会社
3
$21.99
無料ソフトで出来る画像加工 初級編
PRO COURSE

無料ソフトで出来る画像加工 初級編

2h 16m Video Course
Instructor: 砂澤 克洋
11
$11.99
13時間でIllustratorをゼロから完全に学ぶコース
PRO COURSE

13時間でIllustratorをゼロから完全に学ぶコース

13h 8m Video Course
Instructor: ムラモリ コウ
10
$64.28
Mastering Retouching and Restoration (15 projects Included)
PRO COURSE

Mastering Retouching and Restoration (15 projects Included)

2h 9m Video Course
Instructor: Supriyo Kundu
$99.99