Lecture 14:

画像に影を入れる方法

Lecture Content


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


Related Courses

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

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

2h 16m Video Course
Instructor: イサザワカツヒロ
12
$11.99
Creating Splatter Effect in Photoshop (5 Projects Included)
PRO COURSE

Creating Splatter Effect in Photoshop (5 Projects Included)

1h 16m Video Course
Instructor: Supriyo Kundu
1
$49.99
Learn Designing Business Cards in Photoshop with 10 Projects
PRO COURSE

Learn Designing Business Cards in Photoshop with 10 Projects

2h 7m Video Course
Instructor: Supriyo Kundu
$49.99
誰でもわかる!Adobe Photoshop CC 2018
PRO COURSE

誰でもわかる!Adobe Photoshop CC 2018

3h 28m Video Course
Instructor: Attain Corp.
1
$32.99
iDrawでイラストを描こう!はじめてのiDraw講座
PRO COURSE

iDrawでイラストを描こう!はじめてのiDraw講座

1h 16m Video Course
Instructor: Takafumi Kawai
18
$13.99
初めてのPhotoshop - 1ヶ月で覚える写真加工の基礎から中級まで
PRO COURSE

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

9h 28m Video Course
Instructor: 森 まりも
73
$114.99
未経験からプロのWebデザイナーに! 450レッスン完全マスターコース
PRO COURSE

未経験からプロのWebデザイナーに! 450レッスン完全マスターコース

42h 17m Video Course
Instructor: NESTonline
139
$212.99
基礎から学んでクリエイターを目指そう Illustrator CC 2015
PRO COURSE

基礎から学んでクリエイターを目指そう Illustrator CC 2015

2h 59m Video Course
Instructor: Attain Corp.
2
$32.14
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
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
初心者のためのPhotoshop超基礎講座 Webデザイン編
PRO COURSE

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

43m Video Course
Instructor: 植本 彩花
38
$36.99
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