画像の背景を透明にする| 透過PNGをMacのプレビューで簡単に作る方法

画像の背景を透明にする為に、透過PNGの作り方を紹介します。 透過PNGを作るには無料ソフトでも作れますが、Macの標準機能で簡単に作る事ができます。 Mac OS Xに標準搭載の画像閲覧、編集アプリの「プレビュー」を使います。 今回は、ブログのヘッダー画像の背景を透明にする為に透過PNG形式で画像を作りました。

 

スクリーンショット 2014-12-01 20.14.56 当ブログはタイトルを画像で表示してるのですが、上の画像は、ページの背景とあっていません。この水色の部分を透明にしてページの背景が見えるようにします。

SPONSORED LINK

画像をPNGに変換する

画像形式がJPEGやGIFなどPNG以外なら一旦PNGに変換する必要があります。画像形式は、画像タイトルの拡張子で確認できます。

画像形式がPNGならそのまま編集ができますので、このステップは飛ばしてください。

※下の説明の画像は、見やすいように画像の一部のみ表示してます。

スクリーンショット_2014-12-01_00_27_14

 

「ファイル」メニューから「書き出す」を選択します。

スクリーンショット_2014-12-01_00_14_53

 

フォーマットは「PNG」を選択して「保存」をクリックします。

スクリーンショット_2014-12-01_00_15_28

 

画像タイトルの拡張子が、「PNG」に変わりました。

スクリーンショット_2014-12-01_00_14_10

 

 PNG形式の画像背景を削除します

「 ツール」メニューから、「カラーを調整」を選択します。

スクリーンショット_2014-12-01_00_35_16

 

ツールバーが表示されるので、似た色を選択できるツール「インスタントアルファ」をクリックします。

スクリーンショット_2014-12-01_00_38_05

 

画像の消したい部分をクリックしたまま動かしてドラッグすると選択できます。ツールバー右端の「切り取り」を押すと選択した部分以外が消えるので、キーボードの「delete」キーを押します。スクリーンショット_2014-12-01_00_39_13

 

画像の選択部分が削除されて、背景が消えました。 削除したい部分が残っていれば、この作業を繰り返します。

スクリーンショット 2014-12-01 00.58.07

 

画像の背景が透明になり、ページの背景が見えるようになりました。

スクリーンショット 2014-12-01 20.05.30

Macで画像を簡単にハイライト加工できるソフト「Light Up」が超便利!

2016.02.22
SPONSORED LINK

★LINEで公式アカウントに登録すれば、ブログの更新情報が届きます★

Add Friend      

9a12b2ed1ecfdfc9638903c446f51834-300x135

Facebookでメッセージ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA