自作サイトに使える!背景が透明なイラスト素材サイト
- 15,767View
![自作サイトに使え…](/db_img/matome/299/thumb_eeaa5bb45045551aa7a562d9a09e0024.jpg)
出典:素材ラボ
画像ファイルには背景が透明になったタイプと、背景が透明になっていないタイプの画像があります。前者の画像ファイルは背景透過画像や、背景透過済みと呼ばれています。背景が透明のイラストは、サイト独自に背景色や背景画像を指定していたとしても、それらの背景色や背景画像となじみやすいのです。個人で作るサイト制作でも、使い勝手がよいです。自分のブログ制作やサイト制作でも使いやすそうな背景透過済みイラストを扱っている素材サイトを探してみました。
運転初心者の若葉マーク
![運転初心者の若葉…](http://sozai.7gates.net/img/icon/wakaba/wakaba02.png)
出典:無料素材倶楽部
- テキスト引用
-
若葉マーク(初心者マーク)アイコン
-
出典・引用:無料素材倶楽部
まず、一番最初は無料素材倶楽部です。サイト用に使いやすいアイコンやボタンが盛りだくさんです。無料素材倶楽部には、サイトに載せても負担にならない小さめでワンポイントになるようなイラストがたくさん置いてあります。若葉マークのアイコンをピックアップしていました。初心者向けのページや初めてサイトに来てくれた方への案内ページにも使えそうなアイコンです。若葉マークは誰でも知っていますので、意図も通じやすいです。
フロントで接するホテルマンとお客さん
- テキスト引用
-
ホテルのフロント
-
出典・引用:ヒューマンピトグラム2.0
続いて、こちらも案内に使えそうなイラストです。ホテルのフロントで、受付をしているホテルマンとお客さんのピクトグラムです。こちらのサイトは、このようなピクトグラム専用のサイトです。ピクトグラムがいろいろな行動を起こしている素材が置かれており、シンプルな分かりやすさがあります。なかにはクスリと笑える素材もあります。ダウンロードする際は、ビットマップデータのPNGを選びましょう。JPGだと透過されていません。
きれいに咲いた桜の木
- テキスト引用
-
桜
-
出典・引用:EVENTs Design
春ですから、サクラの木をピックアップしました。ソフトクリームでも乗せているようなかわいい桜の木です。季節ごとにサイトのアイコンや背景画を変えることで、季節感が出ます。背景画を頻繁に変えてしまうとサイトのイメージ自体がコロコロ変わってしまうことがあって一概に良いとは言えませんが、一部のイラストや小さめのアイコンならば手軽に変えやすいでしょう。ダウンロードは、水色のボタンの透過PNGを選択してください。
春を感じさせる桜とウグイス
![春を感じさせる桜…](http://frame-illust.com/fi/wp-content/uploads/2015/03/9ce1fcbbfaf7a0ffa57db89030118a43.png)
出典:Frame illust
- テキスト引用
-
3月のイラスト
-
出典・引用:Frame illust
自作サイトを華やかにするためには、こんなイラストを使ってみる方法もあります。ライン状にサクラの花とウグイスが並んだイラストです。サイトでテキストの間に棒線を引いたり、枠線を付けて区切ることはことはよくあることですが、どこか味気ないことがあります。何の変哲もない棒線で区切らずに、ライン状のイラストを置くことで、こんなにも華やかになります。このようなライン状の飾り枠のことをライン飾り罫線イラストと呼びます。
なじみのある楽器たち
![なじみのある楽器…](http://hankodeasobu.com/wp-content/uploads/musical_instrument_01.png)
出典:ハンコで遊ぶ
- テキスト引用
-
Musical Instrument 01
-
出典・引用:ハンコで遊ぶ
自分で自作のサイトを作る人のなかには、趣味のサイトを作る方も多いでしょう。多趣味な人にも喜ばれそうな素材サイトを探していきましょう。音楽が好きな人に合いそうなおしゃれなハンコ画像です。ギターや鍵盤ハーモニカ、バイオリンなど、おなじみの楽器が並んでいます。ここの素材サイトでは、たくさんのハンコ画像がアップされています。日常用品や雑貨など、ちょっとしたものまでハンコ素材になっているので、眺めるだけでも楽しいです。
キッチンの壁にかかった調理器具
![キッチンの壁にか…](http://illustrain.com/img/work/2014/illustrain07-kicchin01.png)
出典:イラストレイン
- テキスト引用
-
キッチン用品イラスト一覧
-
出典・引用:イラストレイン
料理がお好きな方は、フライ返しとお玉、トングに泡立て器が壁に掛けてあるキッチンツールのイラストはいかかでしょうか。レストランのキッチンの壁のようにもにも見えます。料理が趣味の人だけでなく、食べるのが好きな人が使っても構わないデザインですし、主婦の人にも向きそうなデザインです。食べ歩きブログにも使えそうです。色もグレー調でシンプルなデザインなので、画像を縮小させてから、連続して並べて壁紙としても使えそうです。
黄色い花を摘んだ自転車に乗る可愛い子グマ
![黄色い花を摘んだ…](http://www.wanpug.com/illust40_thumb.gif)
出典:イラストわんパグ
- テキスト引用
-
自転車のイラスト・サイクリング
-
出典・引用:イラストわんパグ
かごに黄色い花を摘んだ自転車で、子グマがサイクリングしているイラストです。空には白い雲が浮かんでおり、道端には黄色い花が咲いています。子グマが気持ちよさそうに小道を走っていきます。子クマの足が地面に届いてない気がしますが、かわいらしいイラストです。ちなみに空は透過されています。サイクリングや小旅行が好きな人、花が好きな人、かわいいものが好きな人に合う絵柄です。サイトには、差分ファイルも用意されています。
立体感のあるアルファベット
![立体感のあるアル…](http://www.イラスト素材.net/sample/img/font.jpg)
出典:イラスト素材.net
- テキスト引用
-
立体的アルファベットの無料イラスト
-
出典・引用:イラスト素材.net
文字を画像化させて背景を透過させて使うことも可能です。文字を題材にした背景透過済みのイラスト素材も存在します。こちらは、立体感のあるアルファベットのイラストです。ツヤが入っており、各アルファベットごとに傾いています。浮いているような印象でしょうか。ビックリマークとクエスチョンマークも含まれています。こちらのイラスト素材サイトでは、アルファベットの他に数字も取り扱っており、その他さまざまなジャンルのイラストがそろっています。
このまとめの続きを見る
最終的なまとめ
- 通常、画像ファイルの背景を透明化するには画像編集ソフトで一手間が要ります。背景透過済みのイラストを最初から使えば、時間短縮と手間を省けます。画像編集ソフトの作業を一手間分省けることで、その分の時間と労力をサイト作りに使えます。世の中には、まだまだたくさんの素材サイトがありますし、背景透過済みイラストを公開してくれている人たちがいます。ステキな素材とあなたのやる気で、良いサイトを制作してくださいね。
自作サイトに使える!背景が透明なイラスト素材サイトに関連する無料素材
このまとめのキーワード
このまとめの投稿者:素材ラボ 公式ページ
素材ラボでは多くの無料素材をご投稿頂き多くの方に高画質、高品質のイラスト素材などを無料にて配布するサイトとなります。制作が可能な方は是非ご登録頂きご投稿頂ければと思います。
サイト利用の全てが無料となりますのでお気軽にご投稿、ダウンロード利用を行って頂ければと思います。利用には規約などをお読みの上、ご利用くださいませ。
この投稿者の他のまとめ
- 無料でダウンロード出来る夏のイラスト
- ブログなどのWeb製作からグリーティングカードやWord、Excel、Power Pointoなどを使用しての仕事上の企画書やプレゼン資料など、今や適格なイラス…
素材ラボ 公式ページさん
7,123view
- 川のイラスト素材集
- 最近は自分でホームページを作ることも多くなっていますし、はがきやプリント、報告書を作るときにちょっとしたイラストが必要なケースがあります。しかしすべての人に絵心…
素材ラボ 公式ページさん
10,785view
- 人気ランキングトップ20!年賀状 2018年戌年…
- 【速報! 年賀状2018年 人気イラスト素材トップ20!】いつもご利用ありがとうございます。素材ラボ事務局です。11月ももうすぐ終わり、いよいよ年の瀬12月です…
素材ラボ 公式ページさん
9,557view
- 白黒原稿に使用出来る!夏のイラスト
- 夏向けのイラストといえば、明るいカラーを使ったものというイメージがあるものです。この為、夏向けの白黒原稿を作る必要のある方は、イメージ作りに苦労される方も多いで…
素材ラボ 公式ページさん
12,371view
- 2018年カレンダー おしゃれでかわいい無料テン…
- いつもご利用ありがとうございます。素材ラボ事務局です。毎年ご好評頂いておりますカレンダーテンプレート。今年もたくさんのイラストレーターさんから多数ご投稿頂きまし…
素材ラボ 公式ページさん
39,087view
- 商用目的でもフリーで使える!涼し気なイラスト10…
- これから夏本番を迎えるにあたって、ビジネスの現場でも様々な新商品やイベントに関するチラシや挨拶品の製作が進むことになります。こういった場合、文章だけでなく夏にふ…
素材ラボ 公式ページさん
5,163view
- かわいくて保存しちゃう!ハムスターのイラストまと…
- 動物系のイラストは、資料やサイトの内容にかかわらず見るものを和ませてくれますので、需要の高いテーマの一つです。中でも、ハムスターはかわいい画像が多く、子供から大…
素材ラボ 公式ページさん
8,564view
- 無料で使える動物のイラスト10選
- "動物イラストは、子供から大人まで人気とあって、WEB上はもちろん、印刷物でも使用したいという方が多いのではないでしょうか? そこで今回は、WEBや印刷物で利用…
素材ラボ 公式ページさん
9,329view