この記事は1分で読めます

【Illustrator】文字に枠をつける方法

  • 投稿日
  • 更新日

あとで読む

【Illustrator】文字に枠をつける方法

今回はIllustratorで文字に枠を付ける方法を解説します。
簡単に文字に枠をつけることができるので、覚えておきましょう!

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

今回作成するデザイン

今回はこのように文字に枠をつけたデザインを作成していきましょう!

実際に文字に枠をつけてみよう!

STEP
文字を入力する

「文字ツール」を選択して、「DESIGN BAUM」と入力します。フォントはNoto Sans JPのBlackで、フォントサイズは60pxです。

STEP
アピアランスパネルを開く

プロパティパネルの「アピアランス」の右下の「…」をクリックして、アピアランスパネルを開きましょう。

STEP
新規線を追加する

アピアランスパネルの左下にある四角(新規線を追加)をクリックすると、アピアランスパネル内に線が追加されます。

STEP
「塗り」の設定をする

「塗り」をドラッグして「線」の上に持ってきます。そのうえで、「塗り」の色を#4A82FFに変更します。

STEP
「線」の設定をする

「線」の文字をクリックして線パネルを表示します。線幅を6pxに、線端を「丸型先端」に、角の形状を「ラウンド結合」に設定します。線の色は#ffffffです。

STEP
線を追加して設定する

もう一度左下の「新規線を追加」から線を追加します。追加した線の色を#4A82FFにし、線幅を10pxにします。これで完成です!

まとめ

Illustratorで文字に枠を付ける方法を解説してきました。アピアランスパネルを使って枠をつける方法をマスターすれば様々なデザインに応用できるので、ぜひ試してみてください!

この記事で使用したデータの
ダウンロードはこちら

利用規約 ※必ずお読みください

この記事を書いた人

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

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須