ブログ内検索

テック

Illustratorを使って文字の線塗りを外側にする方法

ai-text-outline-cover.avif
かなこ
かなこ
イラレって文字の線の塗り外側に出来ないの?フォトショは簡単なのにイラレはなんで出来ないの?これだからイラr…

よろしい。解決だ!

イラレで文字の線塗りを外側にする方法

パスの場合は簡単。
パスを作った後に、塗りの位置を変更するだけです。

線の位置を変更する

文字の場合は?

ですが、文字の場合はどうでしょう。
先ほどの場所にある線位置のボタンが押せなくなっています。

線の位置が押せない

力技で外側にする

単にそう見えればいいよという場合は、単純にコピーして重ねる方法があります。

ただ、単純に同じものを2個重ねているので、オブジェクトに変更が出た場合両方変更する必要があり、非常に面倒です。
紹介しておいてなんですが、あまりお勧めしません。

文字を背面にコピーする

適用したい文字を、背面にコピーします。
⌘ + B(WindowsユーザーはCtrl + B)を押すと選択しているオブジェクトの下にコピーしてくれます。便利ですね!

オブジェクトをコピー

線の幅を変更する

下側にした文字の線を必要分太くしていけば完了。

奥側の線幅を変更

管理が面倒

なんせ単純にオブジェクトが二つあるので、管理が煩雑になります。

例えば『文字を変更』した場合、線として使っているオブジェクトと、面として使っているオブジェクト両方変える必要があります。
また、大きさ等変える時も同様に二つとも変える必要があります。まぁこれはグループ化してしまえば特に手間ではありませんが。

管理が煩雑なパターン

アピアランスを利用する

効率的なやり方としてアピアランスを使用した方法があります。
これが一番ラクだと思います。

アピアランスウィンドウが無い場合はウィンドウメニューから表示可能です。

アピアランスから線と塗りを作成

線と塗りを分離

線と塗りが分かれた!

それぞれに独自の設定が可能

線と塗りを設定

色と線の設定を変更

重ね順を変更

上に重なっている線を、塗りの下へドラッグして移動します。
すると、線が下になるので、面の外側に線を適用しているように見えます。

塗りと線の重ね順を変える

おわり

かなこ
かなこ
ありがとう!フォトショと違ってイラレは面倒だね!

関連記事

timestamps-converter-cover.avif

「このUNIXタイムスタンプいつ?」をサクッと解決!Mac開発者のための快適設定

Python+シェルスクリプトでUNIXタイムスタンプ(秒/ミリ秒)を即変換。

apple-emacs-shortcut-cover.avif

Macユーザーに捧ぐ!日常が変わるEmacs風ショートカット厳選まとめ

Macの標準機能で利用できるEmacsキーバインドを使って日常のテキスト入力などを効率化!

adobe-graduation-ceremony-cover.avif

【Adobe卒業式】年間10万円の節約!AdobeからApple Creator Studioに乗り換えた話

高額なAdobe税から卒業!解約の違約金トラップや、解約前にやるべき事などを解説。

vim-believer-cover.avif

爆速コーディングを実現するVimを布教する記事【入門編】

俺選!実務で爆速化する神コマンドを厳選して布教します。

timemachine-to-mac-transfer-cover.avif

意外と簡単!Time MachineでMac環境をお引越し(M1→M5)

Time MachineでMacを移行したらほぼそのまま復元できた話。

vite-first-guide-cover.avif

「アナタ無しでは生きられない!」Viteを使って今スグ爆速の開発環境を整えよ!

保存した瞬間にブラウザが更新されるViteの「ホットリロード」を活用した爆速開発環境を作る手順を解説!

jetstream-profile-image-cover.avif

Jetstream(Laravel)でプロフィール画像が表示されない会場はこちらです

Jetstreamで画像が保存・表示されない原因をケースごとにまとめました。

wordpress-enqueue-scripts-cover.avif

コピペで完了!WordPressでスクリプトにdefer・async・moduleを付ける方法

WordPressでスクリプトにdefer・async・moduleを付ける方法を解説。コピペで使えるサンプル付き。

cloud-document-cover.avif

使ってみたいよね?Adobeクラウドドキュメントを試してみた

Adobeクラウドドキュメントを試して感じたメリットとデメリットをまとめました。

lv-sl-error-cover.avif

Laravelでstorageの画像が表示されない件

Webアプリ(Laravel)をサーバー移動した際に画像が表示されなかった場合の備忘録です。

railx6sj-cover.avif

ssh接続エラー: Too many authentication failuresをどうにかする

SSH接続時に出現する「Too many authentication failures」のエラーの解決法についてご紹介。

kusanagi-sever-error-cover.avif

KUSANAGIでサイトが表示されない場合は初心にかえる

KUSANAGIサーバーでどうやっても希望のドメインがサイトから見れなかった場合に試してたい選択肢をご紹介。


新着記事一覧

kindle-comic.png

無料で漫画を一気読み!Kindleで出産レポ・育児漫画などなど

timestamps-converter-cover.avif

「このUNIXタイムスタンプいつ?」をサクッと解決!Mac開発者のための快適設定

Python+シェルスクリプトでUNIXタイムスタンプ(秒/ミリ秒)を即変換。

apple-emacs-shortcut-cover.avif

Macユーザーに捧ぐ!日常が変わるEmacs風ショートカット厳選まとめ

Macの標準機能で利用できるEmacsキーバインドを使って日常のテキスト入力などを効率化!

adobe-graduation-ceremony-cover.avif

【Adobe卒業式】年間10万円の節約!AdobeからApple Creator Studioに乗り換えた話

高額なAdobe税から卒業!解約の違約金トラップや、解約前にやるべき事などを解説。

vim-believer-cover.avif

爆速コーディングを実現するVimを布教する記事【入門編】

俺選!実務で爆速化する神コマンドを厳選して布教します。

timemachine-to-mac-transfer-cover.avif

意外と簡単!Time MachineでMac環境をお引越し(M1→M5)

Time MachineでMacを移行したらほぼそのまま復元できた話。

apple-fitness-plus-cover.avif

体重乱高下アラフォーがApple Fitness+に行き着いた話

激しい体重の増減を繰り返したチョコザップユーザーが、コスパ最強の「Apple Fitness+」に乗り換えました。

vite-first-guide-cover.avif

「アナタ無しでは生きられない!」Viteを使って今スグ爆速の開発環境を整えよ!

保存した瞬間にブラウザが更新されるViteの「ホットリロード」を活用した爆速開発環境を作る手順を解説!

with-pomodoro-technique-cover.avif

「私のコトですか?」過集中&注意力散漫な人に刺さる!効率化ではなく“生存戦略”のポモドーロ術

集中力が「0か200」しかない人に朗報!ポモドーロ・テクニックが脳の暴走を止める最強の特効薬でした。

jetstream-profile-image-cover.avif

Jetstream(Laravel)でプロフィール画像が表示されない会場はこちらです

Jetstreamで画像が保存・表示されない原因をケースごとにまとめました。

wordpress-enqueue-scripts-cover.avif

コピペで完了!WordPressでスクリプトにdefer・async・moduleを付ける方法

WordPressでスクリプトにdefer・async・moduleを付ける方法を解説。コピペで使えるサンプル付き。

cloud-document-cover.avif

使ってみたいよね?Adobeクラウドドキュメントを試してみた

Adobeクラウドドキュメントを試して感じたメリットとデメリットをまとめました。