BLOG

画像の背景を透明、透過色にしたい!と思った時に簡単に出来た方法

画像の任意の色を透過色にしたい

ブログのタイトル画像をアップロードしてみたんだけど・・

ブログなどをやっていると、タイトルの画像を凝ったものにしたい!と思って色々考えて作って、よしできた!とブログのタイトル画像をいざアップロード!これでトップページがかっこよくなった・・・はず。

しかし!

ブログの背景の色とタイトルの背景の色に食い違いがあってなんか余計カッコ悪くなった!ということがありませんか?

りんずです。

こんばんわぁ>ω<

今回、画像の任意の色を透過色にしたいということで、便利!なところを利用させていただきました。

 

画像背景透過処理

画像背景透過処理というページ

http://pcrice.web.fc2.com/alpha/

当サイトのタイトル画像はここで背景を透過色にしました。タイトル自体はAdobe Photoshop Elementsを使用しました。バージョンはさっぱりアップしていないので、いまだに8.0なんですが・・。2016年7月現在の最新版は14とか・・・。

で、でも結局フォトショップは初歩的な機能しか使ってないし!べ、別にいいもん!とか思いつつ・・

タイトルはただ、そこそこかっこよさげなフォントをフリーウェアで頂いてきて、それっぽく繋げた感じです。

タイトルやアドレス、ロゴマーク的なものを制作。ロゴマークを1から作りたい!というこだわりが多少あったんですが、とくにいいアイデアも思いつかないので、フォントにある「Webdings」や「Wingdings」を利用。最初使い道あるんかしらんなんて思ったんだけど、意外にロゴマーク的な目的に使えそう。

 

使いかた

当サイトのタイトル画像。

名称未設定 1

フォトショップでここまで作成。とりあえずうまく出来たと自画自賛しておきました。

しかし、これは背景色が白になっていて、ブログの背景が同じ白なら問題ないように思えますが、例えばちょっとデザインをリニューアルしたいかなーと思っていざ背景を黒にしました!となると黒色の背景にブログタイトルの画像の背景まわりだけ白色が残ってて、なんだかなぁ・・という気持ちになってしまいます。

なので、前述の画像背景透過処理のページで背景色(白色)を透過させます。

  • ブラウザに透過処理したい画像ファイルをドラッグ&ドロップします

作成した画像ファイルをただドラッグしてもってくるだけ。

  • 透明にしたい色の場所をクリックします

背景を透明にしたいので、ロゴまわりの白い部分をクリックしました。これで背景が透明に処理されました。

画像が小さい、もしくは透明にしたい場所が細かいところだった、という場合は画像を拡大させることができます。

  • 右クリックで名前をつけて保存で画像ファイルを保存します。

これで完成!

背景が透明になりました。

LRLABO

記事の背景も白色なもんで、見た目がさっぱり変わらない気もしますが、背景色がしっかり透明になっています。

 

ド忘れしたときの備忘録

画像の背景などを透明にしたい、と思ってフォトショップなどを起動しても、あれどうやるんだっけ・・・ってことがあったりするので、手間もかからず便利だったってことで、このサイトを利用させていただきました。

対応ブラウザにGoogle Chrome、Internet Explorer、Safari、Mozilla Firefox、Operaのアイコンがあり、推奨ブラウザがGoogle Chromeになっているようです。

ちなみに、Microsoft Egdeでもちゃんと処理できました。

 

ピックアップ記事

  1. ポケモンGO 富山県射水市海王丸パークのジム、ポケストップ復活と聞いて。昼編
  2. ネッテラー、日本人のNet+カードを一時中断する
  3. 椎間板ヘルニアと坐骨神経痛で絶賛入院中 ヒマつぶしでチラ裏
  4. コールドストーンのあまおう2017 今年は4種のあまおうアイスが登場するぞ!
  5. 富士山絶景スポット!富士山と海が好きすぎて静岡引っ越したい

関連記事

  1. BLOG

    記事ごとにPV数を表示して、人気記事ランキングを作るプラグイン「WP-PostViews」を使ってみ…

    ブログの人気記事をPV付きで知りたいんだけど・・・WordPres…

  2. BLOG

    ブログを始めたら、まずは100記事書くことを目標とするっていう話。

    ブログを始めたら、まずは100記事を書けって話ブログを始めたら、ま…

  3. BLOG

    人気のブログはプロフィールもスゴイ!書き方次第で印象もかなり変わる。

    ブログはまず、どんな人が書いているの?と気になります。月間数十万P…

  4. BLOG

    アルファブロガー注目!WordPressテーマ「MAG」を導入。

    WordPressテーマ TCD036「MAG」WordPress…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ピックアップ

アーカイブ

Twitter

  1. LIFESTYLE

    N.Y.C.SANDのN.Y.キャラメルサンドを東京みやげとして頂く。行列ができ…
  2. 雑記

    即入院!となったときにすぐに揃えておきたいもの。意外なものがすぐ必要なことも。
  3. LIFESTYLE

    31アイス(サーティワンアイスクリーム)の福袋2017年版!スヌーピーやギフト券…
  4. LIFESTYLE

    ポケモンGO 富山市の富岩運河環水公園はルージュラとミニリュウが多かった!
  5. BLOG

    アルファブロガー注目!WordPressテーマ「MAG」を導入。
PAGE TOP