MENU
お役立ち記事
【近日公開】AIが物件資料からSUUMO・at homeの入稿文を作成「入稿メイト」|先行登録受付中(無料)

文字に縁取りをつける方法 初級編

イラストレーターでは、文字に縁取りをつける方法がざっくり3パターンあります。

今回は初級編として、一番簡単な方法をご紹介します。

縁取り方法を理解できれば、イラストや図形にも応用できるのでマスターしていきましょう☆

目次

テキストコピーで縁取る方法

簡単な方法として、テキストコピーで縁取る方法があります。
私は個人的にこの方法を乱用しております(;・∀・)

まず、テキスト入力をします。

最初につまずく例として、文字にそのまま線をつけて縁取ろうとすると↓の画像のように元の文字がつぶれてしまいます。

これを回避するために、コピー&ペーストを活用します!

テキストを選択し、Ctrl+C】でコピーし、【Ctrl+B】で同じ場所の背面にペーストします。

画像だけではわかりませんが、レイヤーを確認すると同じテキストが二重になっていることがわかりますね。

この記事と関連の深い記事

同じテーマを別の角度から扱っています。

文字に縁取りをつける方法 中級編

ここでは必ず背面のテキストを選択しましょう。
重なっているので、【選択ツール】で選択すると前面のテキストが選択されてしまいます。
背面のテキストを選択するにはレイヤーパネルの右端を〇をポチッとすると選ぶことができますよ。

背面のテキストの線幅を太くしていきます。

ただ、このまま線幅を太くすると↓の画像のように、角のデザインが正しく反映されずにとんがりができてしまいます。

このとんがりを綺麗にするには、コントロールバーから【線】をクリックして開いたパネルから

【角の形状】をラウンドに設定します。

これで角のシルエットが丸くなって綺麗な縁が完成しました(*’ω’*)

さらに少し応用して、二重の縁取りを作っていきましょう。

まず、先ほど作ったオレンジの縁の色を白にします。
この時背景も白だと↓の画像のように背景と同化して見えなくなってしまうので、作業がやりにくく感じる方は背景色を有色に設定してくださいね!

そして、最初と同じ要領で背面にあるテキストを更に背面にコピー&ペーストします。

レイヤーを確認しながらすすめていきましょう☆

一番背面にあるテキストにカラーをつけて線幅を太くしていきます。
真ん中にあるテキストの線幅より太くすると見えてきますよ!

はい!これで二重に縁取ったテキストが完成しました♪
レイヤーの成り立ちが理解できれば簡単にできるのでぜひチャレンジしてみてくださいね(*’ω’*)

文字に縁取りがあるだけでいっきに目立つデザインができちゃいますよ。

※この方法で縁取るデメリットは、

・デザインアレンジの応用がきかない(他と比較すると)
・文字の修正が困難になる↓↓

テキストを縁取る前に、文字の大きさ、誤字脱字がないかしっかりチェックしておきましょう☆

次回は中級編~アピアランスを使う方法~を解説していきます♪

その他のイラストレーター解説はここから確認できます。

SeeYou~

Art-pi

独学で「なぜこの作り方なのか」が埋まらないとき

操作の手順は調べれば出てきますが、どの場面でどの機能を選ぶのかは、記事を1本読むだけではつながりにくい部分です。デジタルハリウッドの通信講座はIllustrator・Photoshopを課題を作りながら進める形式で、つまずいた箇所を質問できます。講座内容と料金は無料で確認でき、個別相談会だけの参加もできます。

デジハリ・オンラインスクールの講座内容を見る

ソフトの契約がこれからなら、講座とAdobe Creative Cloud 1年分がセットになったコースもあります。
Adobe CC付きの講座を見る(アドバンスクールオンライン)

※ 上記リンクは広告(アフィリエイト)を含みます。

次にやると早いこと

操作を1つずつ検索していると、どうしても抜けが残ります。ここから先に進むのに効くものを、安い順に挙げます。

◯△▢でつくる Illustrator描き方講座
◯△▢でつくる Illustrator描き方講座

丸と三角と四角の組み合わせだけで形を作っていく本です。ここで扱っている花や月と同じ考え方なので、1つ作れた人がそのまま次に進めます。

デザインの学校 これからはじめる Illustratorの本(2026年対応・改訂第10版)
デザインの学校 これからはじめる Illustratorの本(2026年対応・改訂第10版)

操作を1つずつ調べるのに疲れたら、一度通しでやるほうが早いです。10版まで続いている定番で、画面が今のバージョンに合っています。

Wacom Intuos Small ベーシック(ペンタブレット)
Wacom Intuos Small ベーシック(ペンタブレット)

マウスで描くのに限界を感じたら最初の1台。小さいサイズでも、線の入り抜きが筆圧で変わるので文字ロゴや吹き出しが描きやすくなります。

※ 本記事には広告(アフィリエイトリンク)が含まれます。紹介している商品は、記事の内容に関連するものを編集方針にもとづいて選んでいます。Amazonのアソシエイトとして、おかあさんのおうちは適格販売により収入を得ています。

Googleで「おかあさんのおうち」の新着を優先表示する

災害・道路・住まいの新しい記事がGoogleのトップニュースに出やすくなります。ボタン1回で登録できます。

このページについて聞いてみる・教える

この街のことを知っている人が答えてくれるかもしれません。ニックネームだけで書けます。

投稿内容必須
0 / 2000
画像任意・2枚まで

位置情報(EXIF)は保存時に自動で削除します。表札・ナンバー・人の顔が写っていないか確認してください。

投稿すると利用上の注意に同意したものとみなします。

    まだ書き込みはありません。最初のひとことを書いてみませんか。

    個人が特定される内容(氏名・住所の番地・車のナンバー・電話番号)は書かないでください。 見つけた場合は各投稿の「通報」からお知らせください。 削除のご依頼はこちら

    よかったらシェアしてね!
    • URLをコピーしました!
    • URLをコピーしました!

    この記事を書いた人

    ハウスメーカー2社で営業職を経験し、不動産・建築の基礎を習得。
    その後、地域密着型の不動産会社にて営業事務として勤務し、
    契約書作成、ポータルサイト管理、物件情報の入力・更新など、
    実務全般に携わってきました。

    特に、ポータルサイトを「より魅力的に見せる工夫」や、
    反響につながる「分かりやすい間取り図作成」を得意としています。
    自分が関わった物件に反響があった時の喜びが、今の原動力です。

    現在は子育てのため一線を退いていますが、
    これまでの実務経験を活かし、
    フリーランスとして不動産会社様向けの
    バックオフィスサポート業務を開始しました。

    現場目線を大切にしながら、
    「早く・正確に・伝わる」業務サポートを心がけています。

    コメント

    コメントする

    目次