アイコンの黒い部分を白くして、背景は透明のままに、画像を加工したいです。
ちなみに、アイコンはこちらのサイトのものを使おうと思っています。
http://www.flaticon.com/packs/basic-application
最終的には、Web上(HTML上)に画像を埋め込む予定です。
何か良い方はありますか?よろしくお願いします
No.3ベストアンサー
- 回答日時:
透過済みのPNG画像の色を単色で変えたいと言うことですよね。
フォトショップがあればそれが良いですが、ほかにもレイヤーの機能があるフリーソフトなどがあれば、結構簡単ですよ。
GIMPとかでも行けると思いますが、ちょっとインストールすると重いので、妙なところでFireAlpacaなんかをおすすめします。ペンタブに特化したフリーソフトですが、激軽でレイヤー機能も最低限揃っているので。
例えばFireAlpacaでやるとしたら、「クリッピング」の機能を使います。他のソフトでもだいたい名称は同じです。
○まずは、上部メニューの「ウィンドウ」から「レイヤー」の項目をチェックします。
○透過済みアイコン画像をキャンバスにドラッグすると、アイコン画像が「レイヤー1」になります。
○そして、左メニューのインクの缶のアイコン「べた塗りツール」をクリック。
上部メニュー左上の【参照】というプルタブをクリックし「レイヤー」に設定。
○レイヤーを新規作成します。サイドバーのレイヤーウィンドウの下に並ぶアイコンの一番左ですね。
新規作成すると、レイヤー2が出来ると思います。
○レイヤー2を好きな色で塗ります。今回の場合は白ですね。
○そして、サイドバーのレイヤーウィンドウの中程にある「透明度を保持」「クリッピング」「ロック」の項目のウチ、【クリッピング】にチェックを入れます。
これで、任意の保存形式で保存するだけ。
FireAlpacaだと、PNG形式ですね。GIF形式で保存したい場合は、やっぱりフォトショとかGIMPとか、ちょっと立派なレタッチ系ソフトが必要になってきます。
操作方法はそれぞれ違いますが、どのソフトもだいたい「元レイヤー」と「好きな色で塗りつぶしたべた塗りレイヤー」のクリッピングで綺麗に簡単に色替えが出来ますよ。
ご回答ありがとうございます
説明が上手で、丁寧で、目的を果たせました!!いろいろ試した結果、レイヤー2を作成して、それのクリッピングをチェックしたあとに、メニューバーの[レイヤー(L)]から、[塗りつぶし(F) Ins]をすると、一気に黒から白に色が変わりました。
ご回答を下さったみなさん、今日はありがとうございました
No.2
- 回答日時:
Photoshopで背景レイヤーをダブルクリックして、レイヤー0にして
快調の反転をして
黒い部分を選択して消去
PNGかGIF形式で保存して終わり
ご回答ありがとうございます
早業ですね!miura8miiuraさんにとってはとても簡単なことのように思えますが、私にはレイヤーを0にするとか、色々とわからないかったりします。添付画像を目指して頑張ります
No.1
- 回答日時:
PNGなので
フリーソフト 「JTrim」
http://www.woodybells.com/jtrim.html
で、「カラー」>>「ネガポジ反転」にして
「イメージ」>>「透過色設定」で、黒い部分を指定
PNGで再保存
JTrimのネガポジ反転は「24ビットカラー画像の場合のみ」じゃないと使えないそうで、反転できませんでした。ネガポジ反転がキーワードになりそうなので、反転できるソフトを探してみます
ここを参考にしました
http://oshiete.goo.ne.jp/qa/3660860.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- 恋愛占い・恋愛運 カテ違いだったらすいません。心理について聞きたいです! 2 2022/04/18 14:26
- Photoshop(フォトショップ) フォトショップで切り抜いた画像を透明にするには 3 2022/09/15 11:50
- フリーソフト GIMPの使い方 1 2022/07/11 13:52
- Illustrator(イラストレーター) Illustratorで白い部分のみを透過させたいです。 2 2022/10/10 22:27
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- Illustrator(イラストレーター) Illustratorから印刷すると画像が白くなっててきれいに印刷出来ず、透明背景効果にしてみて確認 1 2022/06/14 17:26
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のスキャン画像(一部に重...
-
フォトショップで切って分ける...
-
【photoshop、Fireworks】テレ...
-
フォトショのカンバスに画像を...
-
medibang paint を使っているの...
-
フォトショップで画像を星型の...
-
フォトショップのアクションを...
-
Photoshopで半透明な部分の抽出
-
GIMP2 波打ってしまった線を滑...
-
Photoshop Elementsで学級写真...
-
Photoshop★カンバスカラーを途...
-
フォトショップで、粗い砂目を...
-
Photoshopの画像統合でレイヤー...
-
Photoshop-半透明の重なり部分...
-
GIMPでレイヤーを固定したい
-
photoshopのレイヤーをIllustra...
-
影を両サイド(全方位)につけ...
-
PhotoShop6・0で写真の合成をし...
-
イラストレーターでの画像の切...
-
フォトショップでこの色の出し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フォトショップで切って分ける...
-
GIMPでレイヤーを固定したい
-
複数のスキャン画像(一部に重...
-
フォトショのカンバスに画像を...
-
Photoshopの画像統合でレイヤー...
-
medibang paint を使っているの...
-
GIMP2 波打ってしまった線を滑...
-
フォトショップで、粗い砂目を...
-
GIMPでアルファチャンネル追加...
-
フォトショップでアスファルト...
-
photoshopで画像を白っぽくする...
-
Photoshop-半透明の重なり部分...
-
フォトショップ 特定の色成分...
-
影を両サイド(全方位)につけ...
-
イラストレーターでの画像の切...
-
真ん中の白い部分を切り取りたい
-
photoshopのレイヤーをIllustra...
-
photoshopでカンバスが動きませ...
-
Shadeのレンダリング画像の背景...
-
フォトショップで画像を星型の...
おすすめ情報