illustratorの使い方について

Question

Adobe Illustrator　の使い方で質問なのですが、下のＶＡＩＯのサイトのバナーに関してです。

真ん中の曲線に沿って「ぼかし」なりグラデーションを均等にしたいのです。
しかし、グラデーションもぼかしも「真っ直ぐ（水平）」にしか効果が出ないです。
どのようにしたら曲線にそってぼかしなりをやるのでしょうか？
（つまりバナーの曲線部分の効果がうまく出来ないことに関する質問）


■ＶＡＩＯ「選べるエディション早分かりマップ」が書かれているところの大きなバナーに関して
http://www.jp.sonystyle.com/Style-a/Special/Vista/?sssid=60

hiroleta · Accepted Answer

方法は色々有ると思いますが、一例として。
長方形ツールで幅２００ｍｍ高さ５０ｍｍの四角を描く（塗り仮に緑・線なし）＞編集＞コピー＞拡大・縮小ツールをダブルクリック＞１１０％＞ＯＫ＞四角の左右にはみ出す様に、見本の様な曲線をペンツールで描く（塗りなし・線なし）＞全体を選択＞パスファインダの分割をクリック＞右クリック＞グループ解除＞選択解除＞上半分を選択＞効果＞スタイライズ＞光彩（内側）＞モード、通常・不透明度、５０％・ぼかし３ｍｍ＞モードの右の四角（薄い黄色）をクリック＞Ｃ・Ｍ・Ｙ・Ｋを０％に設定（他はそのまま）＞ＯＫ＞ＯＫ＞下半分を選択＞効果＞スタイライズ＞光彩（内側）＞モード、通常・不透明度、５０％・ぼかし３ｍｍ＞モードの右の四角（薄い黄色）をクリック＞Ｃ・Ｍ・Ｙを０％、Ｋを１００％に設定（他はそのまま）＞ＯＫ＞ＯＫ＞編集＞前面へペースト＞全体を選択＞右クリック＞クリッピングマスクを作成。
見本とは表現方法が少し違いますが、こんな感じではどうでしょうか？
Ｗｅｂで使うなら、更に＞編集＞前面へペースト＞オブジェクト＞トンボ＞作成＞ファイル＞Ｗｅｂ用に保存。
背景の色（仮の緑）を変えるなら、上又は下を選択した時に設定して下さい、グラデーションも可能です。

hiroleta · Answer

しつこいかも知れませんが、もう一案。
線幅５ｐｔ・線色白の曲線を描く＞効果＞スタイライズ＞ドロップシャドウ＞モード、通常・不透明度、１００％・Ｘ０ｍｍ・Ｙ－１ｍｍ・半径０．５ｍｍ・カラー、ＣＭＹＫ０％＞ＯＫ＞効果＞スタイライズ＞ドロップシャドウ＞モード、通常・不透明度、１００％・Ｘ０ｍｍ・Ｙ１ｍｍ・半径０．５ｍｍ・カラー、ＣＭＹ０％Ｋ１００％＞ＯＫ＞透明パレットで、不透明度を６０％程度に設定。
これだと線の編集も可能で、背景の色に合わせる必要が有りません。
線が垂直に近い部分は、ぼかし幅が少なくなります（見本もそうなってます）。

hiroleta · Answer

ぺジュ曲線に沿ってそのまま効果が現われる方法とかは他に無いでしょうか？←背景が単色の場合の方法。
背景の長方形を描く（仮に、塗り緑・線なし）＞別の場所に長方形ツールで、幅５ｍｍ・高さ１００ｍｍの四角を描く（線なし）＞グラデーションパレット内のグラデーションの四角をクリック＞その下、カラーバーの左下の小さな四角をクリック＞カラーパレットの色を背景色（緑）に変更（スウォッチパレットから、グラデーションパレット内のカラーバーの左下の小さな四角にドロップしてもＯＫ）＞リフレクトツールをクリック＞縦長長方形（緑と黒のグラデーション）の右下のアンカーをＡｌｔキーを押したままでクリック＞垂直＞コピー＞グラデーションパレット内のカラーバーの右下の小さな四角をクリック＞色を白に変更＞２本の縦長長方形を選択＞回転ツールをダブルクリック＞角度９０度＞ＯＫ＞オブジェクト＞分割・拡張＞塗り・指定２００個＞ＯＫ＞パスファインダの分割＞ブラシパレットの右上の三角をクリック＞新規ブラシ＞新規アートブラシ＞ＯＫ＞そのまま、ＯＫ＞背景の上にペンツールで曲線を描く（塗なし・線有り）＞ブラシパレット内の作ったブラシをクリック。
これだと、線幅や曲線の変更が自由に出来ます。

hiroleta · Answer

ぺジュ曲線に沿ってそのまま効果が現われる方法とかは他に無いでしょうか？←基本的にあまり違わないですが。
ペンツールで線を描く（塗なし・線黒・線幅２０ｐｔ）＞選択ツールで描いた線をクリック＞編集＞コピー＞効果＞スタイライズ＞ぼかし＞半径３ｍｍ＞ＯＫ＞レイヤーパレット内の選択されてるレイヤーの名前（〈パス〉）をクリック（青く反転）＞レイヤーパレット右上の三角をクリック＞「〈パス〉」を複製＞線の色を白に変更＞全体を選択＞オブジェクト＞ロック＞編集＞前面へペースト＞オブジェクト＞パス＞パスのアウトライン＞編集＞前面へペースト＞全体を選択＞パスファインダの「分割」＞右クリック＞グループ解除＞オブジェクト＞すべてをロック解除＞選択解除＞黒線の上だけを選択＞レイヤーパレット内の白線のレイヤーの右端を、Ｓｈｉｆｔを押したままでクリック＞右クリック＞クリッピングマスクを作成＞黒線の下だけを選択＞レイヤーパレット内の黒線のレイヤーの右端を、Ｓｈｉｆｔを押したままでクリック＞右クリック＞クリッピングマスクを作成。
この方法でも、線の両端がぼけるので、元の線は背景よりも長くして、最後に背景と同じ大きさのパスで、全体をクリッピングマスクします。

liquid_crystal · Answer

同じく方法は色々と思いますが、Photoshop を使ってわりと簡単に近い表現ができる方法を一つ。
(こちらでは Photoshop 7.0 を使って確認しています)

1. 方法は何でも良いので、「曲線」を含む形を作ります。
　　※ Photoshop にもあるパスツールを使うと、イラストレータと同じように曲線が描けます。
2. Ctrl + レイヤーサムネイル (パスを使った場合はシェイプサムネイル) をクリックで選択範囲を作成します。
3. 新規レイヤー (透明) を作り、選択範囲を 50% グレーで塗りつぶし (編集 → 塗りつぶし) します。
4. 選択範囲を解除 (Ctrl + D) し、塗りつぶしたレイヤーを複製します。
5. 上側のレイヤーをフィルターの「ぼかし(ガウス)」で適度にぼかします。
　　(72pixel/inch の画像なら、7～10pixel くらいの数値で)
6. 上側のレイヤーを選択したまま、下側の (ぼかしていない) レイヤーを Ctrl + サムネイルクリックで選択範囲を作成します。
7. メニューから [選択範囲] - [選択範囲を反転] を実行し、Del キーではみ出した部分を削除します。
8. 選択範囲を解除し、下側のレイヤーで「透明ピクセルをロック」をオンにしてから白で塗りつぶします。
9. 再び上のレイヤーを選択し、レイヤーメニューから「下のレイヤーと結合」を実行します。
10. その後、結合したレイヤーの描画モードを「オーバーレイ」などにします。
　　※ 「ハードライト」「リニアライト」などでもそれっぽくなります。

手順を分けて説明したので工程は多いですが、やってる事はわりと簡単な作業なので難しくはないと思います。
細かい部分の説明を省いていまので、「これってどうやるの？」という部分があれば追加で聞いてください。
また Photoshop のバージョンが古いので、最新版の CS3 ではもうちょっと簡単にできるかもしれません。

Illustrator で作ったパスをそのまま Photoshop で読み込めるので、それを使う方法もありです。
(Illustrator で作ったパスをコピー → Photoshop でペースト)

以上、長文 & 判りにくくてすみませんが、試してみてください。

micikk · Answer

ブレンドツールを使って、グラデーションを作り、ぼかしと透明度で
調整すると出来るような気がします。
イラレとフォトショップを組み合わせると簡単に出来そうですが・・・。

ここで簡潔に説明するのは難しいかも。

illustratorの使い方について

方法は色々有ると思いますが、一例として。

この回答への補足

しつこいかも知れませんが、もう一案。

ぺジュ曲線に沿ってそのまま効果が現われる方法とかは他に無いでしょうか？←背景が単色の場合の方法。

ぺジュ曲線に沿ってそのまま効果が現われる方法とかは他に無いでしょうか？←基本的にあまり違わないですが。

同じく方法は色々と思いますが、Photoshop を使ってわりと簡単に近い表現ができる方法を一つ。

ブレンドツールを使って、グラデーションを作り、ぼかしと透明度で

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング