ここから本文です
ほろにがオレンヂ
ヘッダー画像、半透明にしても透けないのね。

書庫全体表示

記事検索
検索
 
 
お久し振りです。
少し引きこもりがちになっているあおいあです。
 
今回は多数ご質問を頂いておりますGALアイコンへの画像入れの方法を
説明してみたいと思います。
 
遅くなって申し訳ございません。
 
またまた自己流ですので、もしかしたらもっと良い方法があるかもしれませんが、
参考になれば幸いです。 
 
 
Sample:イメージ 1 相変わらずセンスないわぁ・・・。 
 
 
名前アイコンは17×60ピクセルと大変小さな画像です。
その為、大きな画像は必ず「トリミング」&「縮小」の作業が必須となります。
トリミングする際、簡単(縦横比とかを考えなくて済む)ですので
『15×15ピクセルの正方形』に切り取る方法を説明してみたいと思います。
 

PictBearSEを起動し、『ファイル⇒開く』で元画像を開きます。
 
 
イメージ 2
 
 ←『Glory』様というサイトからお借りしていましたが、
  現在はサイト自体が閉鎖されています。
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
※画像はなるべく小さくて鮮明なものを選んで下さい。
縮小するとどうしても不鮮明になりますので、縮小率はなるべく抑える必要が
あります。
 
アニメ画像や芸能人の写真などは入れないで下さい。
最悪の場合、ブログ自体を削除されてしまう恐れがあります。
自分で描いたものや加工OKの素材をお借りして利用して下さい。
 
 
 

左側描画ツールバーのイメージ 7ボタンをクリックし、切り取りたい部分をドラッグ
(マウスの左ボタンを押したままマウスを動かす事)して点線で囲みます。
 
イメージ 19
 
この時、左下の下図ので囲んだ部分の数字(選択範囲の横、縦のサイズを
表しています。)が同じになるようにして下さい。
辺の長さが同じになるので、正方形に選択した事になります。
パレット・レイヤーの下に表示されます。
 
イメージ 20
 
 

イメージ 21ボタンをクリックすると選択範囲がトリミングされます。
 
 
イメージ 22
 
 

『イメージ⇒イメージのリサイズ』をクリックして下さい。
 
イメージ 23
 
「縦横比を固定する」と「補間処理を行う」にチェックを入れ、「変更後」の横(W)の
数値を「15」に書き換えます。
縦の数値も自動的に「15」に書き換えられます。
 
「OK」をクリックします。
 
 
イメージ 3
このように15×15ピクセルの画像が出来上がります。
 
 
 
アイコンを透過処理する場合ですが、「白色(#FFFFFF)」を透過すると、
画像に含まれている白色も一緒に透過されてしまいます。
白以外の背景色を使っているブログにコメントする場合、写真の一部分だけが
欠けて不格好に見えてしまいますので白い部分があるかどうかをチェックして
白に限りなく近い色でその箇所を塗り潰してしまいましょう。

画像を800%に拡大します。
 
『選択範囲⇒色域指定』をクリックします。
 
色(C)の所の▼をクリックしてプルダウンし、「白」をクリックします。
「許容量(R)」を「1」にして「OK」をクリックします。
 
画像に「白色」の箇所があれば、その部分が選択されます。
 
イメージ 4
 
 
その選択範囲を白に限りなく近い色で塗り潰して『選択範囲⇒選択範囲の解除』をすれば透過処理をした際に写真が透過される事はありません。
 
 
イメージ 5
 
RGBタブをクリックし、上図ので囲んだ部分をクリックすると「色の設定」という
パレットが出てきます。
中央が白色ですので、その周りの色をクリックして『編集⇒塗り潰し』を
クリックすれば選択範囲がその色で塗り潰されます。
 
 

全ての処理が完了したら、『ファイル⇒名前を付けて保存』します。
この時は拡張子はjpgのままでOK!
 
 

コチラの記事を参考にして、60×17ピクセルの名前アイコン画像を作成して下さい。
 
イメージ 6
 
上図のように画像を挿入する為に15×15ピクセルの空間を作る事をお忘れなく。
今回は文字入力はせずに、名前もドット打ちしています。
 

『レイヤー⇒レイヤーの読み込み』で縮小した画像を選択して挿入します。
 
イメージ 8
 
 
イメージ 9をクリックして、画像をドラッグして右斜め下に移動させます。
 
 

少しずつ画像が変化するようにレイヤーを組み立てます。
不要なレイヤーは★印をクリックして消して非表示にして下さい。
 
 
イメージ 10
イメージ 11
 
レイヤーは多いように見えますが、私の場合はパーツ毎にレイヤーを作った方が
解り易いので・・・。
 
個々のレイヤーは『レイヤー⇒下向き>>にマウスポインタ⇒レイヤーの複製』で
コピーを作る事が出来ます。
 
そのコピーを少しずつ変化するように色を塗り換えたり矢印などの長さを変えたり
すればOKです。
 

『レイヤー⇒レイヤーの結合⇒イメージの統合』をします。
 
イメージ 12
 
 
 

『イメージ⇒イメージタイプ⇒インデックスカラー』をクリックします。
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

開いた小窓で、パレットを『最適なパレット』にして『OK』をクリックします。
 
イメージ 13
 
  

『イメージ⇒パレット⇒透過色の設定』をクリックします。
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

透過色の設定の小窓が開きますので、白色(#FFFFFF)をクリックしてOKを
クリックします。
 
 
白色が透過されます。
 

『ファイル⇒名前を付けて画像を保存』します。
この時、ファイルの種類を『gif』にして保存して下さい。
 
 
 イメージ 14 ←1枚目。     
 
 

 イメージ 14  イメージ 15    イメージ 16    イメージ 17
 
同様にして必要枚数の画像を作成し、Giamでアニメーションを作成して下さい。
 
 
 
イメージ 18 ←完成です!
 
 
 
イメージ 2
 
 
 
 

◆◇謹賀新年◇◆

 
 
 新年明けましておめでとうございます。
今年も実家でまったりと新年を迎えました。
 
実家だと、少しパソコンを使いにくいけど、さっき両親は
 
寝てしまったので、またコッソリとパソコンを開いています。
 
今年中3になる長男もマダ起きてテレビを見ていますが・・・。
 
 
今年は2人の子どもの中学校卒業と入学が重なる節目の年です。
 
長男は受験だし・・・。
 
不安もいっぱい。。
 
 
 
だけど、今年も私らしく頑張っていこうと思います。
 
 
本年も宜しくお願い申し上げます。
 
                        2012.1.1 aoiA
 
 
 
 
 
昨日から連チャンで壁紙をアップさせて頂きました。
 
今は実家ですので、自宅でUSBメモリ保存したものを持って来てアップしています。
 
この前にアップした矢羽根壁紙とこちらの透明・半透明寄せ植え壁紙は
 
組み合わせて使用する事が出来ます。
 
好きな壁紙同士を組み合わせて使ってみてください。
 
その他のあおいあの壁紙と組み合わせて使う事も出来ますので、
 
よろしかったらいろいろ組み合わせて楽しんでみてください。
 
組み合わせ方はコチラを参考に・・・。
 
自分で組み合わせるのが難しい方にはあらかじめ組み合わせたものを
 
コチラに用意しています。
 
 
 
今年もあおいあの素材をお使い頂いたり、暖かいコメントを頂いたりして
 
本当にありがとうございました。
 
来年も変わらず宜しくお願い致します
 
 
 
 

①画像左・半透明グラデーション

 
 
         こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 

①画像左・透明

 
 
          こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

①画像右・半透明グラデーション

 
 
  
  こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

①画像右・透明

 
 
 
   こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 
 

②画像左・半透明グラデーション

 
 
         
         こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 
 

②画像左・透明

 
 
 
         こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 
 

②画像右・半透明グラデーション

 
 
  こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 
 

②画像右・透明

 
 
    
    こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

③画像左・半透明グラデーション

 
 
          
        こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

③画像左・透明

 
 
 
         こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 
 

③画像右・半透明グラデーション

 
 
    こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

③画像右・透明

 
 
   こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 
 

④画像左・半透明グラデーション

 
 
        こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

④画像左・透明

 
 
        
         こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

④画像右・半透明グラデーション

 
 
    こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

④画像右・透明

 
 
 
    こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

⑤画像左・半透明グラデーション

 
 
 
        こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 

⑤画像左・透明

 
 
 
        こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

⑤画像右・半透明グラデーション

 
 
  
     こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

⑤画像右・透明

 
 
 
 
    こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

⑥画像左・半透明グラデーション

 
 
 
        こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

⑥画像左・透明

 
 
 
        こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

⑥画像右・半透明グラデーション

 
 
 
    こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

⑥画像右・透明

 
 
 
     こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 
イメージ 2
 
 
 

開くトラックバック(1)

知恵袋用

Google Chromeでコピペしたもの


表示名またはニックネーム コメント数
42144
1300
901
841
775
613
599
576
490
480


 
 

Internet Explorerでコピペしたもの

 表示名またはニックネーム コメント数
42144
1300
901
841
775
613
599
576
490
480
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
昨日から連チャンで壁紙をアップさせて頂きました。
 
今は実家ですので、自宅でUSBメモリ保存したものを持って来てアップしています。
 
この前にアップした矢羽根壁紙とこちらの透明・半透明寄せ植え壁紙は
 
組み合わせて使用する事が出来ます。
 
好きな壁紙同士を組み合わせて使ってみてください。
 
その他のあおいあの壁紙と組み合わせて使う事も出来ますので、
 
よろしかったらいろいろ組み合わせて楽しんでみてください。
 
組み合わせ方はコチラを参考に・・・。
 
 
今年もあおいあの素材をお使い頂いたり、暖かいコメントを頂いたりして
 
本当にありがとうございました。
 
来年も変わらず宜しくお願い致します
 
 
 
 

①画像左・半透明グラデーション

 
 
         こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 

①画像左・透明

 
 
          こちらは表示サンプルです。
       
 
           ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

①画像右・半透明グラデーション

 
 
  
  こちらは表示サンプルです。
       
 
          ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 使い方 
使いたい壁紙(絵柄)そのものを選択(マウスの左ボタンを押したまま
マウスを移動し、反転)し、コピーします。
 
  コピー出来ない場合は『Ctrlキー』と『C』キーを同時に押して下さい。
 
かんたんモードの画面に貼り付けます。
 
貼り付いた画像をダブルクリックします。
 
 
 
 図のように斜線で囲まれれば、編集可能な状態になっています。
 
   
あとは、『かんたんモード』の機能を利用して記事を仕上げて下さい。
 
 
 
 
※必ずInternet Explorerイメージ 1で編集して下さい。
 (他のブラウザでは上手く編集出来ない場合があります。)
 
 

 
    
      こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

 
     
      こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
   こちらは表示サンプルです。
       
 
         ㊦のの間をコピーして利用して下さい。
 
 
 
 
 
 
 
 
 
 
 
 
イメージ 2
 
 
アバター
aoiA
非公開 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について

ブログバナー

Yahoo!からのお知らせ

検索 検索

よしもとブログランキング

もっと見る
本文はここまでですこのページの先頭へ
みんなの更新記事