こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

Illustrator文字の周囲だけ背景透過したい

Adobe社のIllustratorを使って、
時々LINEのスタンプを作ったりしているのですが、
描いた絵に文字が乗ると非常に見づらいので、白いふちを足したりしてたのですが、
ふと思いつき、
字の周りだけ絵も含め透過させる事ができたら見やすいのではないか、と・・・
文字の周囲だけ例えば2ピクセル分、透過すれば、かなり見やすいだろうな、と。

そして、やってみようとしたのですが、
どうやってやれば良いのかわからず、質問しました。
どうか教えてください、よろしくお願いします。

投稿日時 - 2015-10-02 09:18:23

QNo.9057333

困ってます

質問者が選んだベストアンサー

> 文字に淵を付けた場合の、淵とそこに掛かっている下の絵を透明にして、
> 例えばLINEにスタンプとして貼り付けた場合、
> 文字の淵の部分は、LINEの背景が見えるようにしたい、
> これが質問でした。

なるほど。そういうことでしたら ↓ がご参考になりそうです。Illustratorでも、Photoshopでもできます。丁寧に手順の説明があります。例として画像の【白い】部分を透明にする方法があるので、文字のふちの部分など透明にしたい箇所を白で作成した画像でテストされてはいかがでしょう?

■ 背景が透明なスタンプの作成方法(Illustrator/Photoshop)
https://helpx.adobe.com/jp/acrobat/kb/222736.html

投稿日時 - 2015-10-07 17:55:07

お礼

そうです、
お書きいただいたURL先のような、文字の周囲は全部透けている、という状況を作りたいと思ってます。

手順のイラストレーターの部分は、かなり省かれていますし、説明もよくわかりませんでした。
フォトショップで作る場合は、「透明部分を保持する」というチェックボックスがあるのですね。
これだと、PDFなどに押せるスタンプが作れるみたいですね。
イラストレーターにも使えるのかもしれませんが、イラストレーターの方で完結する方法が知りたいと思います。

簡単にはできないのかなぁ・・・

回答、ありがとうございました。

投稿日時 - 2015-10-09 09:37:22

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

レイヤーを作らなくてもできますが、レイヤーを使う分かりやすい方法をご紹介します。

【1】レイヤー1:まずイラストを描く
 ↓
【2】レイヤー2:文字ツールで入れたい文字を入力後にアウトライン化
 ↓
【3】レイヤー3:レイヤー2を複製(コピー/同じレイヤーが2枚できる)
 ↓
【4】レイヤー2:図形になった文字に"2ptの白ケイ線で"輪郭をつける
 ↓
【5】レイヤー2:輪郭部分は白くイラストを隠しているので透過度を調整
      https://helpx.adobe.com/jp/illustrator/kb/1919.html
      ※「レイヤーの不透明度を調整」を参照
 ↓
【6】レイヤー1、2、3を統合して一枚の画像に

これで上手くいきます。レイヤー3を作った後にレイヤー3が見えないようにすると作業が分かりやすいです。(レイヤーの不透明度の調整で説明のあったレイヤーパネルの一番左の目のアイコンON/OFFで切り替えます)レイヤー3が無い状態は文字が無いままなので、最後に統合する前には見えるように切り替えます。ご参考まで。

投稿日時 - 2015-10-02 10:27:19

補足

例となる画像を作って、新しい質問を作り直そうとしたのですが、
背景が透明な絵は、背景が白になるみたいなので、結局何も伝わらず諦めました。
文字に淵を付けた場合の、淵とそこに掛かっている下の絵を透明にして、
例えばLINEにスタンプとして貼り付けた場合、
文字の淵の部分は、LINEの背景が見えるようにしたい、
これが質問でした。
ご迷惑をお掛けしてすみません。

投稿日時 - 2015-10-02 13:28:42

お礼

実際にやってみました。

すみません、質問を間違えてます・・・
申し訳ありません。

下の絵に、文字の淵が透けるようにしたいのではなくて、
淵とそこに乗っている下の絵を透明にしたいのです。

実際の絵を添付できれば良いのですが、もう質問には書き込めないようなので、添付できませんが、せっかく書いて頂いたのに、失礼しました。

回答、ありがとうございました。

投稿日時 - 2015-10-02 13:08:54

あなたにオススメの質問