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. NEOPASA静岡 静岡といえばガンダム、ガンダムといえばSTRICT-Gで買い…
  3. ポケモンGO、スマホ電池消費が半端ない!というための対策方法
  4. 富山市内で癒される!猫カフェ「コーニャーカフェ」のレポート
  5. ドトール福袋2017 新春限定セット DOUTOR初荷2017はかなりお得感。手…

関連記事

  1. BLOG

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

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

  2. BLOG

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

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

  3. BLOG

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

    WordPressテーマ TCD036「MAG」WordPress…

  4. BLOG

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

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

コメント

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

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

ピックアップ

アーカイブ

Twitter

  1. LIFESTYLE

    幻想交流の新東名スタンプラリーミッション グッズを無料で頂ける。
  2. LIFESTYLE

    白川郷ライトアップ2017 2016年の大混雑の教訓を活かした今年の対策とは・・…
  3. LIFESTYLE

    堂島ロール 通販限定「タヒチアンバニラロール」を頂いた。食べてみた印象など
  4. LIFESTYLE

    【岐阜市】食べ放題のインドカレー インドやながらに行ってきた!
  5. LIFESTYLE

    サーティワンアイスクリーム 期間限定のサーティワン フォーとは何なのか!と食べて…
PAGE TOP