背景が透明なやつ（PNG画像）①【Pixlr X 】かんたんな作り方！

ia19200102

2019年7月28日 00:46

2021/01/21追記
月日は過ぎ、現在はスマホの場合は「Pixlr M」にリダイレクトされるようです。「Pixlr M」でももちろん背景透明のPNG（ピン）画像の作成編集ができます！

PCの場合はこちらのリンクから「Pixlr X」へ。
※日本語にも対応。さらに使いやすくなっています！！

2021/01/21さらに追記
多数のアクセスをありがとうございます！
お急ぎの方へ、このページの要点です。

▶PNG（ピン）画像は、背景が透明になる。
（背景を敷くと不透明にもなる）
▶JPEG（ジェィペグ）画像に、透明は無い。
▶「Pixlr M」と「Pixlr X」でできること
一例として「いらすとや」さんのPNG（ピン）画像などを、背景が透明のままサイズ調整し、テキストも入力し、背景が透明のままPNG（ピン）画像として、書き出し保存ができる。
▶「Pixlr X」内に「element（エレメント）」と称する、背景が透明なシール的なものが多数収録されている。それらを組み合わせて、背景透明のPNG（ピン）画像として、書き出し保存ができる。

背景が透明なやつだと、アレンジの幅がぐっと広がるのです。ということで、【Pixlr X 】で作る、背景が透明なやつ「PNG画像」です。

【Pixlr X】スタートの準備。

（無登録、完全無料、広告なしのちょー親切設計です。どこかをうっかり押し間違えても、怪しいサイトに飛ばされる心配なし👌）

▶︎サイトを開き「TRY PIXLR X」をクリック。

▶︎サイズを選んで「OK」をクリック。（わからない場合はULTRA HDでOK！）

─ chapter01 ─背景が透明なやつ

背景が透明なやつ（PNG画像）の作り方

① 左のツールバー、下から2番目の「Add Element」をクリック。お好みのシェイプをハンコのようにどしどしペタペタと置いていきます。いい感じに調整したら、右下の「SAVE」をクリック。

② ダウンロード画面が出現するので、好みの名前を付けて、「PNG」をクリック。続けて「DOWNLOAD」をクリック。出来上がり！！

※背景が透明の場合は、デフォルトで「PNG（ピン）」になるみたいです。すごい。

これで背景が透明な「PNG（ピン）」が、PCのダウンロードフォルダに入っていると思います。ブログではわかりにくいですが、↓こちらが背景が透明なやつです。

─ chapter02 ─ベタ塗りの背景を敷く

「PNGでもJPGでも、とにかく背景が透明では困るんすぅ～。」という方もご安心を。ベタ塗り背景付きの画像も、かんたんに作れます！

① 左のツールバー、いちばん上「Arrange」をクリック。

② 何やら操作パネルが出現しました。真ん中あたりの「BACKGROUND」という文字の右に、小さなボタンがあります。

③ その小さなボタンをクリックすると、＼ばばーん／と白い背景が敷かれます。デフォルトは白。この色でOKよ！ということであれば「SAVE」してください。仕上がりはこちら↓。（ブログでは、透明も白も同じに見えますが;;;白が敷いてある画像です）

※PC限定ですが、リンクをクリックしていただくと、違いがわかりやすいかも！
☆背景が白のJPEG（ジェィペグ）画像
https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/13218040/picture_pc_cb1aa4d8b8a829f0b23d23fa4bc42e05.jpg
★背景が透明のPNG（ピン）画像
https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/13218036/picture_pc_f7cbc396f6737efc7fdbcd9cdd860ab4.png

④ 「白もいいけど他の色も見てみたいのよねー。」という方は、並んでいる丸っぽいカラーチップをクリック！。チャートからも色を選べます。スポイトもあるよ！。仕上がりはこちら↓

＼完成！／

JPEG（ジェィペグ） or PNG（ピン）は、お仕事でないかぎり、そんなに気にしなくていいと思います。デザインを作っている最中は関係なくて、最後の書き出しでどちらかを選ぶだけです。「JPEG（ジェィペグ）」でも「PNG（ピン）」でも、お好みの方をダウンロードしてね！。