読者です 読者をやめる 読者になる 読者になる

VAMRSS blog

このブログは私の部屋のインテリア、自作雑貨の紹介やメイキング、普段の生活で感じたことなど、自由に綴っていきたいと思っています。

PC周辺機器のアイコンについて

広告

この記事のキーワード アイコン/PC周辺機器/デスクトップ

f:id:shirasusalad:20160125172833j:plain

 いつもご覧いただきありがとうございます。しらすサラダです。

 画像のようにパソコン周辺機器のアイコンをその物の画像に変更するとわかりやすくなります。

おすすめです。

 

今回は、アイコンの作成方法&変更方法についてご紹介します。ちなみにMacの場合です。

 1.アイコンにしたい画像を用意する。

f:id:shirasusalad:20160126101238p:plain

なるべく白背景の画像を用意すると綺麗にできます。

今回は以前作ったランプシェードをアイコンにしたいと思います。

 

2.背景を透過させる。

f:id:shirasusalad:20160126101401p:plain

アイコンにしたい画像をプレビューで表示します。

ツールボックスの形をしたアイコン(マークアップツールバーを表示)をクリック。

※ない場合はツールバー上でキーボードのcontrolを押しながら左クリックしツールバーをカスタマイズでツールバーに表示させましょう。

そこから魔法の杖みたいなアイコン(インスタントアルファ)をクリック。

f:id:shirasusalad:20160126101941p:plain

画像上の透過させたい部分を上から下にドラッグし、透過範囲を決めます。透過させたい部分が赤くなります。

※透過範囲との境界を気にしながら決めましょう。

透過範囲が決まったらキーボードのdeleteを押します。ここで画面上の「切り抜き」を押してしまうと、透過範囲以外の物が透過されますので注意しましょう。

f:id:shirasusalad:20160126102117p:plain

この書類をPNGに変換しますか?という表示が出ましたら変換をクリック。

PNG形式は、簡単にいうと「透明」を「透明」として認識できる形式です。アイコンにピッタリです。

f:id:shirasusalad:20160126102406p:plain

無事に背景が透過されました。

 

3.画像のサイズを変更する。(切り抜く)

f:id:shirasusalad:20160126102508p:plain

先ほどのツールボックスみたいな形のアイコンから長方形で選択をクリック。

f:id:shirasusalad:20160126102625p:plain

画像の範囲を決め、切り抜きをクリック。

f:id:shirasusalad:20160126102737p:plain

無事に画像のサイズを変更できました。

 

4.作成した画像をアイコンの形式にする。

f:id:shirasusalad:20160126102830p:plain

今の状態だとまだPNG形式なのでアイコン形式に変更します。

f:id:shirasusalad:20160126102901p:plain

変更したい「ファイルの情報を見る」から情報ウィンドウを表示します。

次に名前と拡張子から拡張子を「.icns」に変更します。

f:id:shirasusalad:20160126103155p:plain

出てきたウィンドウの「".icns"を使用」をクリックします。

f:id:shirasusalad:20160126103246p:plain

無事にアイコン形式に変換されました。

 

5.アイコンを変えたいファイルのアイコンを変える。

f:id:shirasusalad:20160126103335p:plain

作成したアイコンファイルをプレビューで表示します。

表示方法を「サムネール」に変更します。

f:id:shirasusalad:20160126103449p:plain

サムネール画像をクリックしキーボードのcommandとcを押します。(コピー

f:id:shirasusalad:20160126103553p:plain

アイコンを変えたいファイルの情報を見ます。

アイコンが表示されている部分をクリックしキーボードのcommandとvを押します。(ペースト

f:id:shirasusalad:20160126103717p:plain

無事にアイコンが変更できました。

 

おわり

 

にほんブログ村 インテリアブログ 自分流インテリアへブログランキングに参加しております。いつもありがとうございます!励みになります!

広告を非表示にする