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. 【ぬこ寺】福井県越前市 御誕生寺が猫好きの聖地。冬は猫から寄ってくるよ!
  2. 白川郷ライトアップ2017 2016年の大混雑の教訓を活かした今年の対策とは・・…
  3. NEOPASA清水 車、バイクが展示のパーキングエリア、富士山も見える!
  4. スタバ期間限定2016-2017 チョコラティバナナココシリーズを飲んでみた印象…
  5. ポケモンGO、スマホ電池消費が半端ない!というための対策方法

関連記事

  1. BLOG

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

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

  2. BLOG

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

    WordPressテーマ TCD036「MAG」WordPress…

  3. BLOG

    WordPressのサイト「このページを表示できません」ワイ「( ゚д゚ )」

    WordPress 突然サイトが表示されなくなったWordPres…

  4. BLOG

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

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

  5. BLOG

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

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

コメント

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

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

ピックアップ

Twitter

  1. 雑記

    身体に刺さってるチューブを抜くのだが、意外な試練が待っていた!
  2. LIFESTYLE

    リラックマの恵方巻セット2017がローソンで販売 今年も節分、恵方巻の季節がやっ…
  3. INTERNET

    【HighLow2.0】ハイローオーストラリアに30秒取引が追加された!
  4. LIFESTYLE

    NEOPASA駿河湾沼津にあるお店で食べるモッフルが美味しい
  5. INTERNET

    Facebookのアカウント乗っ取りが横行。原因、予防や対処方法など
PAGE TOP