終了

ネームボードを作成したい

Community Beginner ,
Jan 04, 2023 Jan 04, 2023

リンクをクリップボードにコピー

コピー完了

画像のようなネームボードが作りたくて、作成をしています。

文字の中の柄は、画像を組み合わせてクリップマスクでやって、単色の枠線はアピアランスでできたのですが、枠線と枠線の間の柄を作ることができません。

illustratorで作成する方法はありますでしょうか?

IMG_0859(1).PNG

 

キーワード
ツール , 描画とデザイン

表示

2.0K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines

correct answers 1 件の正解

Community Expert , Jan 04, 2023 Jan 04, 2023

大変失礼しました。

1.テキストをアウトライン化→パスのオフセットを実行

スクリーンショット 2023-01-04 22.08.47.png

2.オブジェクトを選択すると、アウトライン化したもの・オフセットしたものがあるのでグループ解除

スクリーンショット 2023-01-04 22.09.07.png

3.パスファインダ→合体で一つのオブジェクトに

スクリーンショット 2023-01-04 22.09.15.png

4.画像を配置→クリッピングマスク化

スクリーンショット 2023-01-04 22.09.45.png

※白のテキストは別のオブジェクトとして重ねたものです。

 

「パスのオフセット」を使うことでフチの形でオブジェクトが作れますので、こちらをクリッピングマスクにしてください。

 

ご面倒をおかけしました。

投票

翻訳

翻訳
Community Expert ,
Jan 04, 2023 Jan 04, 2023

リンクをクリップボードにコピー

コピー完了

アピアランスを使えば、テキストをアウトライン化することなく作成できます(文字の上のハイライトの飾りを除く)。

テキストオブジェクトにアピアランスで追加する「塗り」「線」にはパターンやグラデーションを適用できますので、こちらを使用してください。

スクリーンショット 2023-01-04 19.54.19.png

なお、「線」を追加した場合は「線」パネルの「角の形状」を「ラウンド結合」に設定します。

スクリーンショット 2023-01-04 19.54.23.png

アピアランスについては下記のエントリが参考になります。

 

Illustrator アピアランスのキホン 〜概念編〜 - hamfactory

https://hamfactory.net/illustrator/illustrator-appearance-attributes/

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Jan 04, 2023 Jan 04, 2023

リンクをクリップボードにコピー

コピー完了

ご回答いただきありがとうございます。

アピアランスでの対応が可能なのはわかっておりますが、

文字内の柄やテキスト枠の種類にはグラデーションではなく、画像を使用してのデザインとなります。

 

いただいた画像下記の緑で囲わせていただいた部分は、画像を埋め込んでの処理となります。スクリーンショット 2023-01-04 19.54.19.png

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Jan 04, 2023 Jan 04, 2023

リンクをクリップボードにコピー

コピー完了

今回ので言うと、ピンク枠線とピンク枠線の間の白の線は画像を入れた感じにしたいです。

 

文字内の柄は、クリップマスクで画像を入れてます。

ネームボード1.jpg

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jan 04, 2023 Jan 04, 2023

リンクをクリップボードにコピー

コピー完了

であれば、クリッピングマスクをとったテキストオブジェクトと同じものを背面にコピーして、そちらでフチを付けてください。

こちらが完成見本。

スクリーンショット 2023-01-04 21.46.29.png

しくみはこんな感じです(文字色をシアンにしています)

スクリーンショット 2023-01-04 21.46.05.png

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Jan 04, 2023 Jan 04, 2023

リンクをクリップボードにコピー

コピー完了

それはわかっているんです笑

私が言いたいのは、貴方様に作成いただいたもの(上の画像)で言うところの、

白い枠線の部分も画像にしたいんです。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jan 04, 2023 Jan 04, 2023

リンクをクリップボードにコピー

コピー完了

最新

大変失礼しました。

1.テキストをアウトライン化→パスのオフセットを実行

スクリーンショット 2023-01-04 22.08.47.png

2.オブジェクトを選択すると、アウトライン化したもの・オフセットしたものがあるのでグループ解除

スクリーンショット 2023-01-04 22.09.07.png

3.パスファインダ→合体で一つのオブジェクトに

スクリーンショット 2023-01-04 22.09.15.png

4.画像を配置→クリッピングマスク化

スクリーンショット 2023-01-04 22.09.45.png

※白のテキストは別のオブジェクトとして重ねたものです。

 

「パスのオフセット」を使うことでフチの形でオブジェクトが作れますので、こちらをクリッピングマスクにしてください。

 

ご面倒をおかけしました。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines