• ベストアンサー
  • すぐに回答を!

Illustratorで文字にグラデーション

ちょっとバージョン古いですが、Illustrator CSを使って、自分のWEBサイトのロゴを作ろうと思っています。 以下のWEBサイトのタイトル部分のような、反射した文字をロゴにしたいです。 http://www.html5-memo.com/ そこで質問なのですが、上記WEBサイトのロゴのように、反射した部分の文字が徐々に透明になるグラデーションはどのようにしたらできるのでしょうか? 反射文字の作成は、 1. リフレクトで文字を反転 2. 文字にアウトラインをつける 3. グラデーションをつけた長方形を文字の上に重ねる 4. パスファインダで形状エリアを交差 の手順で作っています。3のグラデーションを作成する時に、始まりが白で終わりを透明にしたいです。 タイトル部分の背景が赤のグラデーションになっているので、背景色に合わせて徐々に色が薄くなっているように見せるのが難しいので透明で作りたいです。 つたない文章で申し訳ありませんが、よろしくお願いいたします。

共感・応援の気持ちを伝えよう!

  • 回答数2
  • 閲覧数348
  • ありがとう数2

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

  • ベストアンサー
  • 回答No.2

まず、2番目まで同じ作業をします。 アウトラインをかけた方の文字を背面コピーして 同じのが2つ重なった状態にします。 上の文字をモノクロのグラデーションをかけます。 下の文字はベタで好きな色を塗ります。 この二つを同時選択して、透明パレットの 「不透明マスク」を選択します。 グラデーションが逆なので、「マスクを反転」にチェックを入れます。 これで、色→透明のグラデーションになります。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

回答ありがとうございます。 おかげさまで作れました。本当に助かります。

関連するQ&A

  • 文字の反転について

    文字の反転について教えてください。 ソフトはホームページビルダーを使っています。 タイトルロゴを白抜きの文字で作成したいのですが(上の教えて!goo白抜き文字のような感じ)、ロゴの作成から詳細設定で反転文字は作れました。 背景は白色なので、テーブル内のタイトルロゴ周り以外は白色です。どうすれば、背景色の白色をタイトルロゴ周りの色と同じ色にできるのか教えてください。

  • Illustratorで作ったページをホームページビルダーで使う事はできますか?

    ホームページビルダー8を使っています。 今まで付属の「ウェブアートデザイナー」でロゴをつくったりして、サイトのページに挿入したことはあります。 今回、IllustratorCSでページをデザイン(グラデーションの背景に写真を配置し、文字をアウトライン化して変形したり)しました。 これをホームページビルダーに移して、Webサイトにするにはホームページビルダーの方でどういう操作をすればよいでしょうか? 「挿入」「ファイル」「その他のファイル」と進んでいくと、「開く」という画面が出てきますが、そこのマイドキュメントの一覧にはあるはずの自分で保存してあるIllustratorのファイルが表示されません。 また、「挿入」「画像ファイル」とやっても、Illustratorのファイルが表示されません。 どうやればよいのでしょうか? Illustratorの本には、どれも最終章にWebサイト作成について書かれています。 これはHTMlで作成する場合に使えるもので、ホームページ作成ソフトを使う場合には挿入できないのでしょうか?  

  • 画像の背景

    単純な質問で申し訳ありません。 現在、HTMLでホームページを作成しようとしているのですが、 画像の背景色が、ホームページ自体の背景色と同じになるようにするには、どのようにしたら良いのでしょうか? 例えば、ロゴを作成して、GIFで貼り付けると、 文字以外の余白が白くなり、背景色から浮いてしまいますよね? 文字以外の余白の部分が背景色と一緒にするのにはどうしたらいいでしょうか?

その他の回答 (1)

  • 回答No.1
  • hiroleta
  • ベストアンサー率64% (1114/1719)

共感・感謝の気持ちを伝えよう!

質問者からのお礼

早速のご回答ありがとうございます。 参考にさせていただきます。

関連するQ&A

  • Illustratorで作成した画像内のロゴや文字の淵が白くなってしまいます・・・。

    イラストレーター(Illustrator9,0)を使ってロゴ、文字のを入れた1つの画像を作成しています。 作成した画像はWEBにアップしますが、ページの背景がグラデーションのため、画像の背景は透明である必要があります。 ただ、ロゴ、文字のそれぞれの淵が白くなってしまい、特に斜めの線の箇所に関しては、淵が白くギザギザになってしまいます。 Illustratorに関して素人なので、どなたか解決策を教えていただけないでしょうか。 よろしくお願いいたします。

  • エクセル、ワードでグラデーションを使うには?

    今ホームページを作っていて、 メニュー部分で文字の背景にグラデーションを使おうと思っています。 (この場合のグラデーションとは、色が徐々に変わっていって融合するようなものです) で、エクセルやワードでグラデーション機能を調べてみたんですが、 ワードには「文書の背景全体のグラデーション」という機能はあったんですが、それだとメニューの数文字だけに使うグラデーションとしては無理です。 エクセルにも見当たりません。 どうすればいいんですか?

  • illustrator10でフォント線にアウトラインをかけるとガタガタになってしまう問題

    いつもお世話になっております。 Mac OS10.4、illustrator10を使っています。 アウトラインがかかった文字データにさらに線で文字を太くしている データをもらいました。 (もともとのフォントが細いタイプしかなく、線で太く補強している…) これは良く有ることだと思うのですが、この文字にグラデーションを かけたいので、塗りのみの情報にしたいので、 パスのアウトラインをかけ、パスファインダで合体しようと思っていました。しかしパスのアウトラインをかけると何故かその線がガタガタになったしまうのです。 以前もSkiaのフォントをカッティングマシンにかけるため、同じような作業をしようとしたのですが、線を塗りにするためパスのアウトラインを かけるとガタガタになってしまい、結局解決できず、トレース するという面倒なことになってしまいました。 今回頂いたデータはSkiaではないようなのですが、 これは文字のバグかなにかなのでしょうか? また、文字にグラデーションをほどこすため塗りのみのデータに どうしてもしたいのですが、何か他に方法はありますか? 解決方法等アドバイスがありましたら教えてください。 宜しくお願い致します。

  • 反転文字

    文字の反転について教えてください。 ソフトはホームページビルダーを使っています。 タイトルロゴを白抜きの文字で作成したいのですが(上の教えて!goo白抜き文字のような感じ)、ロゴの作成から詳細設定で反転文字は作れました。 背景は白色なので、テーブル内のタイトルロゴ周り以外は白色です。どうすれば、背景色の白色をタイトルロゴ周りの色と同じ色にできるのか教えてください。 宜しくお願いします。

  • illustrator グラデーションの分割・拡張で不具合が発生し困っています。

    はじめまして。 illustratorに関する質問です。 使用環境 0S:WindowsXP illustrator : illustrator cs4 文字をアウトライン化して、グラデーションを設定しました。 それを、オブジェクト>分割・拡張>グラデーションの分割・拡張>指定 50オブジェクト>OK とすると、 分割・拡張しようとしたオブジェクトが消えてしまい困っています。 指定数値を変更しても同じ現象が起こりました。 どなたか、対処法をご存知の方がいらっしゃいましたら、よろしくお願いいたします。 ちなみに、グラデーションの分割・拡張>グラデーションメッシュ であれば、問題なくできました。 また、長方形ツールで作成したオブジェクトに、上記と同じ色のグラデーションを設定して、 グラデーションの分割・拡張>指定 50オブジェクト とした場合も問題なくできました。 以上、よろしくお願いいたします。

  • イラストレーターで複数のオブジェクトに一つのグラデーションを付けたい

    上手く説明できるか分かりませんが・・・ イラストレーター(Vre.10)で5つの文字をアウトライン化したものに グラデーションを付けたいと思っております。 文字のアウトラインを取り、パスのオフセットで3重のパスを作り、 全ての線を黒にし、塗りの部分を 虹色(全体で一つの虹色)のグラデーションを付けたいのですが、 どうしてもそれぞれ個別の虹色になってしまいます。 ※横から見た図 文字  文字      文字 上記の様に少しずつずらして、3D風にしたいと思っております。 塗りと線を分けてしまうと重なっているラインが出てしまうので、 塗りと線を分けずにグラデーションを掛けたいのですが、 良い方法はありますでしょうか? 説明が不明瞭な場合はいくらでも補足致します。 お手数ですが、よろしくお願い致します。

  • イラストレーターで複数のオブジェクトに一つのグラデーションを付けたい2

    画像添付のため、再質問させていただきます。 イラストレーター(Vre.10)で5つの文字をアウトライン化したものに グラデーションを付けたいと思っております。 文字のアウトラインを取り、パスのオフセットで3重のパスを作り、 全ての線を黒にし、塗りの部分を 虹色(全体で一つの虹色)のグラデーションを付けたいのですが、 どうしてもそれぞれ個別の虹色になってしまいます。 ※横から見た図 文字  文字      文字 上記の様に少しずつずらして、3D風にしたいと思っております。 塗りと線を分けてしまうと重なっているラインが出てしまうので、 塗りと線を分けずにグラデーションを掛けたいのですが、 良い方法はありますでしょうか? 説明が不明瞭な場合はいくらでも補足致します。 お手数ですが、よろしくお願い致します。

  • グラデーションなど

    Illustratorにて、背景画像A(写真)の上に10cm角の画像B(写真)を配置し、B画像の周囲5mm程度を角丸でグラデーションをかけA画像を透かせたいのですが、思うようにできません。 不透明マスクや描画モードをいろいろ変えてみましたが、ダメでした。(画像Bのふちをphotoshopで白く塗りつぶし、Illustratorで焼きこみや乗算モードにすると写真の表示部分も濃くなってしまいNGでした。) 角丸のグラデーションの作成と背景画像の透かせ方ご存知の方よろしくご教授お願いいたします。 winXP PS7 Ai9

  • Illustratorでフォントの角を丸くするには

    会社で広報を担当しているのですが、業務の都合で、経営しているショップのチラシを作成することになりました。 写真を配置したり文字を組んだり、なんとかそれらしく仕上げることは出来たのですが、 どうしても解決できない点が出てきてしまいました。 私が作りたいのはauの「HaRu割」ロゴのような、文字自体が丸みを帯びている物なのですが、 文字の角を丸くする場合、アウトライン→パスのオフセット→ラウンドで丸くすると聞きました。 この手順では、アウトラインを取った文字そのもの(塗り?)の角は丸くならず、線の部分のみが丸くなるかと思います。 そうするとイメージから離れたものが出来上がってしまいます。 どのような処理を施せば、文字に丸みを持たせることが出来るのでしょうか? 作成はwinXP+IllustratorCSで行っています。 どうぞよろしくお願い致します。

  • Illustratorで文字を切抜く方法

    windowsのIllustrator CS2を使ってます。 クリアファイルに印刷するデータを作成してますが、 背景の画像に文字を乗せて、この文字の部分のみを切り抜いて透明にしたいと思ってるのですが、うまく出来ません。 どのようにすれば良いのでしょうか? よろしくお願いします。