背景が白の方眼紙の画像を作ったのですが、背景部分を透明にしたいと考えています。
元の画像は、正確に10px毎に線が入っている画像を作るのが大変そうだったので、Javascriptでブラウザに描画してスクリーンショットから作りました。
使用している画像処理ソフトは、MacのPixelmator、Seashore、Windowsのペイントくらいです。
Pixelmatorには任意の色だけを変更する機能がありますが、透明色にはできませんでした。
高価な画像処理ソフトは使用していませんが、これらのツールにはこだわらないので、
他のソフトでも、何かよい方法をご存知ならおしえてください。
No.2ベストアンサー
- 回答日時:
背景を透過する、あるいは背景を透過した方眼紙を作る。
というのなら、レイヤーと透明情報を扱えるレタッチソフトが必要でしょう。
私はWindowsなのでMacのことはよく知らないんですが、GIMP2が使えそうです。
添付画像は左が質問者さんが添付した画像の背景を透過したもの。
右がGIMP2で作成した背景を透過した1枡10px×10pxの方眼紙。
「フィルタ」→下塗り→パターン→グリッド。
この回答への補足
その後、GIMP2.8.10を使って無事画像加工ができました。
やったこと
1)元の画像をGIMP2に読み込み
2)新しいレイヤーを作り、Filters>Render>Pattern>Gridで10pxのグリッドを元のグリッドに重なる様に描画
3)作ったグリッドを選択し、選択範囲を反転(升目を選択)
4)元画像のレイヤーを選択してカット
もっとスマートな方法があるのかもしれませんが
GIMPを使うきっかけをいただいたと思い、感謝しております。
ありがとうございました。
具体的な操作方法まで、ありがとうございます。
GIMP2をインストールしてみましたが、なぜか動かないので環境かえてやってみます。
No.3
- 回答日時:
No.1です。
>WEBのデザイン調整などで、背景の手前に貼って
なら単純に
html{margin:0;padding:0;background-image:url(./images/scale.gif);}
で添付のような画像を指定すればすむことじゃないかと
上にかぶせるなら、★リンクなど触れないけど★
html:after{content:url(./images/background/scale.gif);}
ででっかい画像をかぶせるなり・・
ただ、そこまで細かい指定はしません。スマホやタブレットのように小さいくせに解像度が96dpiじゃないものから幅広ディスプレイまである昨今、リキッドで作りますし・・。自分で指定していて位置がわからないと言うことも、ありえないので・・
No.1
- 回答日時:
で、その画像は何に使うのですか??
それによって・・
ウェブで使用するならSVG( http://ja.wikipedia.org/wiki/Scalable_Vector_Gra … )を使うとか・・
早速の回答ありがとうございます。
WEBのデザイン調整などで、背景の手前に貼ってマージンなどを目測するのに使おうと考えています。
SVGの説明を見てみましたが...ちょっと難しそうですね
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
GIFアニメを保存すると、白いふ...
-
透過背景画像のビットマップ形...
-
画像の加工:方眼紙のような画...
-
アイコンの背景を透過させたい
-
透過画像の作り方
-
背景を透過加工したPNG画像を色...
-
半透明なGIFの作成方法
-
ロゴマークだけを抜き取って貼...
-
gimpで文字の細工をしたい
-
画質を落とさず切り取って透過...
-
Paint Shop Proで背景を透過さ...
-
Adobe インデザインに詳しい方...
-
Gifのまわりに白い線ができる
-
画像を透過してEXCELに貼り付け...
-
フォトショップエレメンツで画...
-
フレーム/透過の際のギザギザを...
-
背景が透過のAVIファイルは...
-
Access2003でpng画像の透過部分...
-
aviファイルの背景の透過
-
visio で画像を作成してpng形式...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ロゴマークだけを抜き取って貼...
-
透過背景画像のビットマップ形...
-
GIFアニメを保存すると、白いふ...
-
BMPファイルを透過する
-
Gifのまわりに白い線ができる
-
画質を落とさず切り取って透過...
-
イラストレータに配置すると透...
-
アイコンの背景を透過させたい
-
Adobe インデザインに詳しい方...
-
背景を透過加工したPNG画像を色...
-
ゆっくりムービーメーカー4で、...
-
PNG画像を印刷すると背景がきち...
-
Access2003でpng画像の透過部分...
-
gimpで文字の細工をしたい
-
visio で画像を作成してpng形式...
-
フォトショップデータからキレ...
-
Pixiaによる透過画像(.pngファ...
-
AviUtlで指定した場所を透過したい
-
半透明なGIFの作成方法
-
スマホで背景透過した画像をパ...
おすすめ情報