itWEBサイトでアイコンやイラストなどを使用する場合、背景を透明なままで使用したいケースがあります。JPGでWEB用にデータを保存しようとするとせっかく切り抜いたのに白い背景がくっついてきます。GIFでは背景を透明なまま保存することは可能ですが、曲線ライン部分がガタガタ・カクカクするので見栄えが良くありません。そのような際にはPNGで保存するのがベターです。ここでは背景を切り抜いたイラストをPNGでWEB用にデータを保存する方法を1分程度で解説します。使用するイラストをフォトショップで開く。これで完璧っ!5種類のphotoshop切り抜き方法を使い分けて輪郭線を背景になじませるクオリティの高い合成をマスターしよう。(今回はケース3を使用)新規レイヤーを作成しペンツールなどで輪郭に沿ってシェイプを作成。背景を複製し最前面に移動、右クリックでクリッピングマスクを作成し、背景を非表示。▼にカーソルを持っていきPNG-24に変更、透明部分にチェックマークを入れ保存。views1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯。フォトショップPhotoshopスゴ過ぎだろっ!美女の正体は逆再生すると実はピザだった的...PhotoshopでGIFアニメーションをトゥイーンで作って保存する方法。CCのメニュー文字やツールバーが異常に小...2017.04.30フォトショップ美しい風景写真をPhotoshopでレタッチして「ダイナミッ...2017.12.20フォトショップPhotoshopでおもちゃのようなミニチュア風の加工ができ...2018.01.22GIMP初心者でも簡単!GIMPをダウンロードしてインストール方法。views2photoshopで文字や図形を縁取りする1番簡単な方法。「盲点って本当に見えていないの・・?」読書嫌いな私がむさぼり読んでしまった【進化しすぎた脳】が面白い...「盲点って本当に見えていないの・・?」読書嫌いな私がむさぼり...あ、そーゆーことねっ!物事の本質を見極めるための俯瞰的視点と相互理解について。【保存版】Photoshopの技術を一気に飛躍させるための日...これだけはブクマしておきたい!Youtubeなどの動画制作で”マジで使える”...これだけはブクマしておきたい!Youtubeなどの動画制作で...これは知らないと損!背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動...これは知らないと損!背景が透明なPNG画像の輪郭をなじませる...これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニッ...これさえ身につけてしまえば、ほぼ思い通りの作品が作れるように...1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯である。ブログで自由なライフスタイルを実現するためのアイデアと思考とデザインをシェアしています。Reserved.小笠原広記1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインと玄米ご飯。フリーランス時代に独学で身に付けた技術を活かし、世界規模のデザインコンテストで日本人初の大賞を受賞&Photoshopの専門書を出版。ブログ集客のエキスパートとして企業や個人のコンサルティングをしながら、コンテンツマーケティングやコピーライティングを手掛けるブログマーケターである。