文章での説明が難しいのですが…
ある画像(レイヤー)の左端は透明度100%、右端は透明度0%で、その間を透明から不透明になるようなグラデーション効果を付けたいと考えています。
例えば元の画像がこれだとして、
http://img171.imageshack.us/img171/4874/gradient …
最終的にこうゆう感じにしたいのです。
http://img409.imageshack.us/img409/1781/gradient …
ただし、この画像での赤色は、「透明」を意味しています。
Photoshop6.0を使っています。よろしくお願いします。
No.1ベストアンサー
- 回答日時:
1・画像が背景になっていたら、一度その画像をレイヤーにする。
(ダブルクリックでレイヤー0になるはずです)2・そのレイヤーに「レイヤーマスクの追加」ボタンをクリックしてください(レイヤーパレットの下にあります)
3・そのレイヤーパレットをアクティブ(選択状態)にする。
注意:必ず画像の方はクリックしないでください。マスクの方をクリック(選択)しておいてください。
4・描画色と背景色を一度デフォルトにする。
5・描画色を黒、背景色を白にする。(デフォルトの逆ですね)
6・左を透明にしたければ左からグラデかけていってください。
これで目的の画像ができるはずですよ。
レイヤーマスクの存在を初めて知りました。アルファチャンネル的な役割をするんですね。フォトショは奥が深いです。ありがとうございました!
No.4
- 回答日時:
なんか難しい方法が並んでますが
描画色から透明にするグラデーションツールが用意されてますから、それを使ったほーが簡単ですよ(^_^;
ツールバーからグラデーションツールを選んで
上部にあるオプションの左から2つ目にある▼を押して、グラデーションのパターンを選びます、左から2個目が描画色から透明に、するグラデーションですから(片方がチェック模様になってるやつ)
それを選んで、マウスをドラッグしたら出来上がりです。
質問で「こうゆう感じにしたい」と示した画像が悪かったんだと思いますが、赤などの色を画像の上に上塗りしたいのではなく、画像そのものをグラデーションで透明化するのが目的でした。他の方の回答で解決しましたが、最終的にこうゆう風にしたかったのです。
↓
http://img224.imageshack.us/img224/2649/gradient …
アドバイスありがとうございました!
No.3
- 回答日時:
以下のような感じでよいのでしょうか。
(1)チャンネルタブで「新規チャンネルを作成」
※チャンネルタブは通常レイヤータブの隣にあります。もし画面に出てなければメニューの「ウィンドウ」から「チャンネル」を選んで下さい。
(2)作成したチャンネル(アルファチャンネル)に、白黒のグラデーションを作る。※残したい側は白、残したくない側は黒で作る。
(3)グラデーションが出来上がったら、ctrlキーを押しながらチャンネルタブ内のアルファチャンネル名の部分クリック
(4)レイヤータブに戻り、画像があるレイヤーをクリックして表示させる
(5)deleteキーを押す。
これで出来る筈なんですが、言葉だと伝えづらいですのでわからない部分があればコメントからお願いします。
No.2
- 回答日時:
1.新規レイヤーに赤白のグラデを作る(左が赤)
2.選択範囲 - 色域指定 - 「選択」を「色域指定」、「許容量」を「200%」にする
3.スポイトで画面の左端をクリックしてOK
4.左半分だけ選択されている状態になる
5.赤白のグラデのレイヤーを「レイヤー削除」する
6.左側を透明にしたいレイヤーをアクティブにする
7.編集 - 消去、または、DELキーで、選択範囲されている部分を消去する
8.消去した左側だけ透明100%に、右側が透明0%になる
上記の処理をして「背景レイヤー」にIEの画面を置いてみたサンプル。
http://img521.imageshack.us/img521/769/gradientg …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- 画像編集・動画編集・音楽編集 gimp or photoscapeXで背景画の透明度を変える方法 5 2022/12/20 14:13
- デザイン メディバンペイント。色塗りの失敗について。 1 2022/11/07 12:12
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Photoshopのハーフトーンパター...
-
クリッピングパスを使うとレイ...
-
after effects cs6のグラデーシ...
-
【Photoshop】文字の背景に黒い...
-
マーブル模様の描きかた
-
集合写真の文字入れ
-
Illustratorの透明...
-
PICTBEARで円や三角形にグラデ...
-
Illustratorで鎖(チェーン)状...
-
GIMP(2.10)のグラデーションに...
-
Fireworksで線のグラデーション...
-
Photoshopでもそうでなくても良...
-
フォトショップで境界線をぼか...
-
フォトショップで粒子グラデー...
-
Photoshopでこんな画像を作りた...
-
Illustrator CS3。不透明マスク...
-
グレースケール画像を自然なモ...
-
Illustrator10でグラデーション...
-
イラストレータで2つの画像の...
-
CG多用のマンガの見分け方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
集合写真の文字入れ
-
イラストレータで2つの画像の...
-
Photoshopのハーフトーンパター...
-
写真の照明むらを補正したい
-
イラストレーターでしゃぼん玉...
-
photshopで楕円のグラデーション
-
Photoshop:グラデーションの位...
-
Illustrator CS3。不透明マスク...
-
CS2でベタから透明へのグラデー...
-
フォトショップでグラデーショ...
-
イラレで金色(CMYK)は何パー...
-
イラストレーター グラデーシ...
-
グレースケール画像を自然なモ...
-
イラレのクリッピングマスクを...
-
PhotoShopで太字しか入力できな...
-
after effects cs6のグラデーシ...
-
Photoshop Elementsで画像を徐...
-
文字を太字にする方法
-
Photoshopでもそうでなくても良...
-
【Photoshop】文字の背景に黒い...
おすすめ情報