Illustrator

テキストの中に画像を入れてデコレーションする方法【Illustrator】【クリッピングマスク】

  1. HOME >
  2. Adobe >
  3. Illustrator >

テキストの中に画像を入れてデコレーションする方法【Illustrator】【クリッピングマスク】

テキストの中に画像を入れてデコレーションする方法【Illustrator】【クリッピングマスク】

テキストをデコレーションする方法

  • Illustratorでテキストに画像を入れてデコレーションしたい。
  • 線幅を外側に適用できない文字に、フチ線をつけたい。

ココがポイント

結論:
テキストを使って「クリッピングマスク」をする。
「光彩(外側)」を使用すると、線幅を外側に適用できないマスクにもフチ線をつけることができる。

皆様こんにちは。ユウスケと申します。
日々の生活で役立つ情報を発信しています。

ユウスケ

今回は、Illustratorの機能である
クリッピングマスク」と「光彩(外側)」を使用して、
テキストをデコレーションしていこうと思います。

皆様は、「画像の入った文字を作成したい」
「マスクをすると、フチ線を外側につけれない

見出しを作成していると、このように思ったことはございませんか?

Illustratorでは、アウトライン化していない文字でも、マスクとして使用できます。
この機能をフル活用して、テキスト編集ができるデコレーションテキストを作成していこうと思います。

それでは、説明に入ります。

 

1.「クリッピングマスクマスク」とは

「クリッピングマスク」とはIllustratorに備わっている機能です。

オブジェクト同士を重ねて、一番上にあるパーツの形で、型抜きをすることが可能で、
今では、型抜きできるパーツに、テキストも選ぶことができます。

今のIllustratorでは、いろいろなデコレーションテキストを作成することが可能になっています。

 

2.「デコレーションテキスト」を作成

2.Step1 パーツを用意する

パーツ準備

①「クリッピングマスク」に使用する文字を用意
②文字の中にデコレーションする画像を用意
③今回は画像をグラデーションで透明にしたいので、「ぼかし用のグラデーション」を用意。

 

画像にぼかしを適用

「透明マスク」を適用して、画像にグラデーションをつける。
①「画像」と「ぼかし用のグラデーション」を選択。
「透明」パネル「マスク作成」ボタンをクリック。透明マスクが適用される。

 

2.Step2 「クリッピングマスク」を適用して文字をデコレーション

文字をデコレーション

①「文字」と、先ほど作成したグラデーションのついた「画像」を選択。
②「クリッピングマスク」を適用して、画像を文字で型抜き。

 

2.Step3 マスクにフチ線をつける

クリッピングマスクをすると、
マスクを適用したオブジェクトの外側に
フチ線をつけることができない

そこで、今回は「光彩(外側)」を使用

 

文字にフチ線をつけるStep1

①マスクが適用されたオブジェクトを選択
②メニューバーの「効果」から「スタイライズ」「光彩(外側)」を選択。
値をそれぞれ設定

設定名 設定値 適用される効果
描画モード 通常 乗算などの透明効果を指定できる。
今回は効果適用なし「通常」に。
不透明度 100% 不透明度を指定できる。
今回は効果適用なしの「100%」に。
ぼかし 好みの数値 ここの値が線幅になり、2倍ほどの値の太さになる。
見た目の好みに合わせて調整。

 

文字にフチ線をつけるStep2

①作成した「光彩(外側)」を複製
複製した「光彩(外側)」の設定画面を開き、「ぼかし」を「0mm」にする。
外側にフチ線を作成することができる。

 

2.Step4 文字の背景色を変更

文字の塗りを変更

①文字を読みやすくするため、塗りを変更する。
②メニューバーの下、「コントロールバー」の中にある「マスクを編集」をクリック。
塗りを変更。今回は白にしている。

以上で、完成イメージを作成できます。

 

まとめ

お疲れ様でした。

今回は、Illustratorの機能である「クリッピングマスク」「光彩(外側)」をつかって、テキストをデコレーションする方法をご紹介させていただきました。

現在(2020/05/01)のIllustratorでは、テキストをアウトライン化することなく
マスクに使用できるようになっています。
テキスト編集が可能デコレーション文字を作成することができ、大変便利なソフトになっています。。

是非、皆様もIllustratorのこの機能を使用してみてください。

ご一読いただき、ありがとうございました。

Contact Form〈お問い合わせはこちらから〉

注目記事

MY BESTランキング

Webページ作成には必携!!

逆引きの見やすさが抜群!!

だから、

  1. HTMLのソースコード画面を読み取れる。
  2. 思い通りのCSSスタイルを調べられる。

是非、一冊手元にもってブログのレイアウトを自作しよう。

たった30分間を続ける重要性がわかる一冊!!

1日たったの30分間

けれども、
それが1週間、1ヶ月、1年となると
大きな差になる。

この本を読むだけで、
1日の生活の中の「たった30分間」の重要性がすぐにわかります。

勉強を始めるモチベーションになる一冊
是非、手元に!!

アフィリエイトならA8.net

最初のアフィリエイトにもってこいのASPです。

操作性がよく、
クリック率+EPCものっているので
初心者にとってありがたい仕組みになっています。

  • この記事を書いた人
  • 最新記事
YusukeMiyoshi

YusukeMiyoshi

Illustrator、Photoshopのテクニック。 WordPressのカスタマイズ についての記事が中心です。 よい本に出会えれば、ご紹介させていただきます。 Twitterのフォローお願いいたします。

-Illustrator

ユウスケの雑記ブログ
Thank you for your follow up.

Copyright© ユウスケの雑記ブログ , 2020 All Rights Reserved Powered by AFFINGER5.