週刊デジマガ タイトルイメージ画像
週刊デジマガHOMEデジタルカメラPhotoshop使い方ガイドスマートフォン
デジタルオーディオ電子ブックITブログ運営企業のホームページ
Photoshopマスター 実践Photoshop使い方ガイド

Photoshopでテキスト文字に縁取りを付ける方法

著者 : 神崎洋治
(Photoshop CS6パーフェクトマスター著者:Google+ ページにアクセス)

文字ツールを使って画像にテキストを記入する機会はよくあると思います。

こんな感じで(*^_^*)

しかし、画像にただ文字を乗せただけでは画像の背景と溶け込んでしまい、読みづらいこともしばしば。例えばこんな風に。

こうなるとテキストの色を黒から白に変えてみても、視認性はあがりません。

そこで一般にデザイナーの方々たちは、文字の周囲に「枠」、というか縁取り(フチドリ)をつけて文字を目立たせるようにしています。
こんな感じ!!

この、テキストに縁取りをつける方法を解説します。
まずは背景に対して文字ツールでテキストを入力します。

このとき「レイヤー」パレットをみるとこんな感じで、背景と文字レイヤー(テキストレイヤー)が重なっている状態です。

テキストレイヤーをダブルクリックすると、レイヤースタイル・ウィンドウ画面が開きます。

画面左から「境界線」をクリックしてチェックします。境界線がテキストの境界線に縁取りを付ける、という機能になります。「サイズ」で縁取りの太さを変更します。フォントのサイズが大きくなればなるほど、このサイズも大きくしないと効果がわかりません。

このままでは黒字に黒の境界線(縁取り)になってしまうので、「カラー」をクリックしてカラーピッカーから境界線の色を選択します。(「スウォッチ」パレットから選択してもOKです)

黒いテキスト文字に白で縁取り(境界線)ができました。

こんな感じで縁取られています。これで完了。

> 新しいPhotoshop CCを含む、アドビシステムズがAdobe Creative Cloud 2014のアップデートを発表。アドビ初のハードウェア製品となるアドビインクとスライドも発表

著者:洋治神崎


メールアドレスを入力して「登録」ボタンを押してください。 週刊デジマガから最新情報が届きます。
> 詳しくはこちら
週刊デジマガ メルマガ登録

メールアドレス

powered byメール配信CGI acmailer

体系的に学ぶデジタルカメラのしくみ第3版


line
NATURE's LIFE 電子ブック写真集
「スマイルドッグ」全2巻
「こども動物園 -動物園で生まれた子供動物たち-」と「おやこ動物園 -動物園で暮らす親子の写真集-」
プロヴァンスの猫たち
やさしい気持ちになりたいときに見るこいぬ写真集
やさしい気持ちになりたいときに見るこいぬ写真集
海のともだち 癒しのダイビングフォト写真集
神子元島 ハンマーヘッドシャーク写真集
コウテイペンギン写真集

プロヴァンスの猫たち

line

電子ブック写真集のFacebookページです。癒し写真を定期的に紹介しています。応援よろしくお願いします。
line
週刊デジマガ編集部の執筆作品
Photoshop CS6パーフェクトマスター
新刊書籍 スマートフォンGPS活用ブック

 
TRISEC International,Inc.
神奈川県相模原市南区相模大野
7-36-1-628