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. 2017年、ゆるキャラ(ご当地キャラ)に年賀状を送る宛先を調べてみた!今回は彦根…
  2. 伊東温泉 ホテル緑風園の露天風呂と貸切風呂が神ってると思った件
  3. JACK IN THE BOX 2016 12/27に日本武道館で開催 這ってで…
  4. 椎間板ヘルニアと坐骨神経痛で絶賛入院中 ヒマつぶしでチラ裏
  5. スタバ期間限定2016-2017 チョコラティバナナココシリーズを飲んでみた印象…

関連記事

  1. BLOG

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

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

  2. BLOG

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

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

  3. BLOG

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

    WordPressテーマ TCD036「MAG」WordPress…

  4. BLOG

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

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

コメント

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

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

ピックアップ

アーカイブ

Twitter

  1. LIFESTYLE

    ユニクロ 超極暖ヒートテックを買ってみた。3℃の部屋の室温に耐える!
  2. LIFESTYLE

    スタバ福袋2017 今年は6000円一点の様子 ネタバレは入手してから!(201…
  3. LIFESTYLE

    ポケモンGO 岐阜公園は聖地としてはもうイマイチって話だったが・・
  4. BLOG

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

    Jules Destrooper(ジュールス・デストルーパー)のバターワッフルが…
PAGE TOP