ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

   


Warning: Use of undefined constant ‘full’ - assumed '‘full’' (this will throw an Error in a future version of PHP) in /home/sak19/www/thailand/wp-content/themes/stinger5-cheetah/single.php on line 46
写真にテキストを入れる方法。

どうもこんにちわ。つい先日から突然始まったこのシリーズ企画も今回で第3回目です。

大好評の第1回目、第2回目はこちらです(笑)

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第1回 写真のサイズを変えてみよう!親切丁寧な説明付き!~
ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第2回 写真にボカシを入れる方法。親切丁寧な説明付き!~

では、前置きはこんな感じで今回のテーマに参りましょう!!

写真などをアイキャッチとして使う時など、テキスト文字を入れてインパクトをつけたい時ってありますよね??

そんな時に役立つスキルの紹介です!今回はテキスト文字を入れるにあたってかなり基本的な内容になっています!

基本をマスターして画像にテキスト文字をいれてユーザーを引きつけるブログにしてくださいね!!

第3回 写真にテキストを入れる方法。

用意した写真素材は、女の子が前にいる男の子に手で目隠しをしている写真素材です。

この素材に「だぁ〜れだ?」のテキスト文字を入れてようと思います。では早速始めましょう!

手順① テキストを入れたい写真を開きます。

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

手順②「横書き文字ツール」を選択します。

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

手順③ フォント、サイズ、色を決めます。

テキストの文字設定にに関しては掘り下げると細かいことはたくさん出来るのですが、基本的にはこの3つの設定項目を中心にしてれば大丈夫だと思います。

※フォントに関しての詳細説明はここでは割愛させて頂きますが、フォントには「商用利用可」、「個人利用可」などライセンスがフォント毎に存在します。
ブログ等で使用する場合もライセンスを確認の上使用してくださいね。
※当記事では商用利用可能なヒラギノフォントを使用させて頂いております。

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

手順④ テキストを入れたい場所でマウスを左クリックします。

後で調整も可能なので、まーおおまかに決めればよいでしょう!
ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

手順⑤ テキスト文字を入力します。

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

手順⑥ このままだと見ずらいので「レイヤーの効果」の機能を使ってテキストを見やすくします。
レイヤー→レイヤースタイル→レイヤー効果

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

手順⑦ 「レイヤーの効果」を開いたら境界線を選択。15px、カラーを黒(#000000)にします。

「レイヤーの効果」もたくさんの機能がありますが、今回は境界線に絞って解説致します。
境界線の項目ですが、「境界線の太さ→15px」、「色→黒(#000000)」に設定します。
今回は他の部分の設定はデフォルトで大丈夫かとおもいます。

※興味のある方はいじってみると色々な変化があるので是非試してみてください。

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

手順⑧ 今度はテキストの角度を変えてみます。Cntrl+Tを押します。

そのままでもいいのですが、少し面白味がないのでテキストの角度を変えてみます。Cntrl+Tを押すとテキストが選択されます。

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

手順⑨ マウスカーソルを選択した左上に合わせると半円の両方矢印に変わります。

マウスカーソルを選択した左上に合わせると半円の両方矢印に変わります。変更したら下側にマウスを動かすと テキストの角度が変わります。
ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

手順⑩ 最後にテキストの位置を調整します。移動ツールを選択してマウスを下に動かします。

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

完成しました!

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第3回 写真にテキストを入れる方法。親切丁寧な説明付き!~

まとめ

如何でしたか?手順をみるとややこしそうですが、テキストを表示させるスキルはマストだと思いますので是非マスターしてくださいね!!

ではでは続けて行けるように頑張ります!次回お楽しみに!!

ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第1回 写真のサイズを変えてみよう!親切丁寧な説明付き!~
ブロガーに絶対必要なPhoto shopのスキルを習得しよう! ~第2回 写真にボカシを入れる方法。親切丁寧な説明付き!~

 - デザイン