Photoshopでもそうでなくても良いですが、アウトラインに沿ってグラデーション可能？

Question

画像の作り方の質問です。

Photoshopでもそうでなくても良いですが、アウトラインに沿ってグラデーションさせるようにするにはどう作ればいいでしょうか？
良い例え画像を以前見た記憶ありますが、URLを覚えていないので、ちょっとわかりにくいですが別の画像で説明しますと、
以下のURLの画像で、箱からリボンみたいな細長いオビが何本も出ていますが、このオビの先っぽがだんだん薄くなっています。ちょっと小さくてわかりにくいですが。

http://www.xserver.ne.jp/images/top_present.png

Photoshop CS3、Illustrator CS3あります。
その他のフリーソフトで作成可能ならばそれでもかまいません。
理想はPhotoshopでできたら一番良いです。その他の作業もPhotoshopばかりなので。

例えばPhotoshopでグラデーションツールを使っても、画像のつくりがどうあろうと縦横・上下の四方向にしかグラデーションが流れません。
形状に沿ってグラデーションは流れないですよね。

以上、宜しくお願い致します。

hiroleta · Accepted Answer

曲線に沿ったグラデーションの方法。
画面に長方形ツールで四角を描く（幅１００ｍｍ・高さ１０ｍｍ・線なし）＞塗りを線形グラデーションに設定（角度９０度又は－９０度）＞仮に、下側を赤、上側を白のグラデーションに設定（どちらかの色を背景と同じ色にする、真ん中が赤で上下を白に設定してもＯＫ）＞オブジェクト＞分割・拡張＞指定にチェック、個数２００個＞ＯＫ＞パスファインダの「分割」＞ブラシパレットの右上の三角をクリック＞新規ブラシ＞新規アートブラシ＞ＯＫ＞そのまま、ＯＫ＞ペンツールで曲線を描く＞ブラシパレット内の登録したブラシをクリック＞線幅を調整＞透明パレットで不透明度を少し下げる。

線の先端をグラデーションにするなら、曲線をアウトライン化して単純に線形グラデーションを線の方向に合わせて設定。

線の先端のグラデーションを透明にするなら。
ペンツールで曲線を描く（線幅・太め、仮に赤ベタ）＞その線を囲む大きさの四角を長方形ツールで線の上に描く＞塗り、白黒のグラデーション・線なし＞全体を選択＞透明パレットの右上の三角をクリック＞不透明マスクを作成＞曲線の周りもグラデーションにするなら、効果＞スタイライズ＞ぼかしを設定。

イラストレーターでの方法なので、理想的ではないかも？

caz04 · Answer

Photoshopでやるなら、例えば

1.4角形を描き、グラデーションで塗る
2.”編集”→”変形”→”ワープ”で変形する

では意図と違いますか？

webtera · Answer

Photoshopだけとこだわらず、他の方の説明に有りますように、Illustratorで作成し、Photoshopへドラッグ アンド ドロップで移動し、他と組み合わせて使う方法がいいと思います。
どちらのソフトも思うように使えれば、表現の幅も広がりますよ。

yayopix · Answer

こんにちは！

とりあえず、サンプル画像に似たものを作るとしたら・・

新規の透明レイヤーを作り・・・
＊ソフトブラシでだんだん薄くなるような緩やかな曲線を書きます。
ペンタブがあると作りやすいです。

そのレイヤに【レイヤースタイル】→【光彩(外側)】を適応します。

色を変えて繰り返します。

【＊】はあとからマスクで調整しても良いです。

tsucu · Answer

Illustrator CS3 をお持ちならツールパレットにあるメッシュツールで自由なグラデーションを適用できます。

オブジェクトをメッシュで分割して、各アンカーに個別に色を設定できますので、グラデーションは自在に操れます。

ddg67 · Answer

パス書いてそしてグラデーション掛けるから、曲がらないんです

まっすぐなグラデーション作って、それを曲げれば、希望の方法どーりになります。

ま、どっちにしろ上手くグラデーション描けばいいだけの事ですが(^_^;

xxi-chanxx · Answer

Photoshopでもそれに近いものもできました。
グラデーションにしたいアウトラインを選択して、それをグラデーションで塗るだけです。
グラデーションは上下左右でけでなく、好きな方向に流れます。
ツールで塗りをグラデーションにして、クリック、グラデーションを流したい方向にドラッグするだけです。

SAYKA · Answer

パスに沿ってグラデーションというより、先の方に行くと不透明度が低くなるだけのように見えるんだけど・・・・？
これなら終わりの方は不透明度が下がるグラデーションを作成するかレイヤーマスクで透明になるグラデーションをかぶせるとかじゃないかな。

それと、グラデーションツールは　開始点をポイントして終了点までドラッグするとその角度で確定される筈なんだけど・・・？（直線しかできないのは一緒)

Photoshopでもそうでなくても良いですが、アウトラインに沿ってグラデーション可能？

曲線に沿ったグラデーションの方法。

Photoshopでやるなら、例えば

Photoshopだけとこだわらず、他の方の説明に有りますように、Illustratorで作成し、Photoshopへドラッグ アンド ドロップで移動し、他と組み合わせて使う方法がいいと思います。

こんにちは！

Illustrator CS3 をお持ちならツールパレットにあるメッシュツールで自由なグラデーションを適用できます。

パス書いてそしてグラデーション掛けるから、曲がらないんです

Photoshopでもそれに近いものもできました。

この回答への補足

パスに沿ってグラデーションというより、先の方に行くと不透明度が低くなるだけのように見えるんだけど・・・・？

この回答への補足

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

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

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

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

Photoshopだけとこだわらず、他の方の説明に有りますように、Illustratorで作成し、Photoshopへドラッグアンドドロップで移動し、他と組み合わせて使う方法がいいと思います。