1分でできる文字の縁取り(Photoshop)

画像編集
スポンサーリンク
Toshi
Toshi
1分でできる文字の縁取りということでPhotoshopを使った文字の縁取りをやっていきますこの方法を知っていると YouTubeのサムネイルブログのアイキャッチ画像 等作りやすくなります。

今回解説していく内容は以下です!

 本記事の内容

・1分でできる文字の縁取り
・番外編:3D文字の作り方


スポンサーリンク

1分でできる文字の縁取り

今回は上記のような縁取りを行なっていきます!
手順としては…
  1. T(テキスト)で文字入力
  2. レイヤー効果を選択
  3. 境界線にチェックをつけて(外側、内側、中央)を選択
  4. 枠のサイズと、カラーの調整

です。

1 と 2
3
4

縁 – Sample

簡単に境界線によって縁は付けれることがわかりました!ちょっと記事の内容が薄くなってしまっているので、 境界線 + 他の効果 を少し使って 文字Sample を作成してみました。ちなみにレイヤー効果は…

  • ベベルとエンボス
  • 輪郭
  • テクスチャ
  • 境界線
  • シャドウ(内側)
  • 光彩(内側)
  • サテン
  • カラーオーバーレイ
  • グラデーションオーバーレイ
  • 光彩(外側)
  • ドロップシャドウ

があります。

シャドウ内側で角度(-90°)、距離(20px)、サイズ(7px)
グラデーションオーバーレイで(100°)
パターンオーバーレイで塗りの不透明度(50%)
ドロップシャドウで角度(-90°)、距離(7px)、スプレッド(31px)、サイズ(18px)
ベベルとエンボスでスタイル(ピローエンボス)、テクニック(滑らかに)、深さ(220%)、角度(-90°)、サイズ(9px)

番外編:3D文字の作り方

3D文字は人の目をひくのにもってこいですPhotoshopでの3D文字の作り方とプログラミング(CSS)での3D文字の作り方について以下の記事に記載しているので興味がある方は以下の記事を一読ください!

まとめ

Toshi
Toshi

いかがでしたか?レイヤー効果から境界線を選ぶことにより簡単に文字の縁取りができることがわかりましたぜひ、文字を強調するためにも色々な方法を試してみてください!

Toshikazu Hirano

Nagasaki→Tokyo→China(Shenzhen)

1992/07/02
宮崎産まれ、長崎育ち。

前職は、東京のベンチャー企業(IT関連)で仕事をしておりその経験からホームページ作成。運営を行なっています。現在は、中国(深圳市)に住んでおりホームページの運営からYouTube動画の作成等いろいろな活動をしています。

このサイトは「プログラミングとアフィリエイト」のことをメインにいろいろな情報を発信していきます!

Toshikazu Hiranoをフォローする
画像編集
スポンサーリンク
Toshikazu Hiranoをフォローする
All One's Life

コメント