アメブロ・ピグの素材屋さん

アメブロ・ピグの素材屋さん

アメブロピグに関する、ピグ技、ピグライフの攻略情報を発信。
メインサイトにはピグの裏ワザやamebaアメに関するお得情報もあります。

Amebaでブログを始めよう!
ビジネスブログでも使えそうな、ヘッダー素材を無料配布します。
Pixlrの練習にもなると思うので、画像加工などを楽しんでください。

$アメブロ・ピグの素材屋さん-ヘッダーSkype

これはSkype社のヘッダー画像ですが、このデザインを真似て作ったのが下のヘッダー画像です。

$アメブロ・ピグの素材屋さん-ヘッダー2

本家のデザインより、じゃっかん劣る気がしますが、気にせずヘッダー画像を作ってみましょう。

今回作るヘッダー画像のサイズは[横幅:980px|縦幅:200px]です。
後半にもっと小さいサイズで作りたい方向けに、個別の画像素材を用意してあるので、ご希望の方はそちらをご利用下さい。

使用する画像



画像サイズ: width:980 × height:200
下記の画像URLをブラウザにコピペすれば、ダウンロードできます。

http://stat.ameba.jp/user_images/20120226/19/pig-trivia/ba/33/p/o0800016311818103142.png

$アメブロ・ピグの素材屋さん-ヘッダー画像

チュートリアル情報


使用ソフト:Pixlr(無料)
難易度:初級者
所要時間:1分ほど

チュートリアル



Pixlrにアクセス
[コンピュータから画像を開く]をクリックし、さきほど[ダウンロードした画像]を開く

アメブロ・ピグの素材屋さん-ヘッダーtips1



キーボードの[ T ]を押し、[文字入力ツール]を開く
[ブログタイトル]や[ブログの説明]を入力する

アメブロ・ピグの素材屋さん-ヘッダーtips2



画面右上の[ファイル]をクリック
[保存]をクリックし、ファイルの[フォーマット(保存形式)]をPNGにして[保存]すれば[完成]

アメブロ・ピグの素材屋さん-ヘッダーtips3


$アメブロ・ピグの素材屋さん-ヘッダー2

別のサイズで作りたい人用の個別素材


それぞれ、クリックで拡大表示した後、画像を保存すれば大きいサイズで保存できます。

$アメブロ・ピグの素材屋さん-ヘッダー素材


虹:
アメブロ・ピグの素材屋さん

背景:
アメブロ・ピグの素材屋さん

雲:
アメブロ・ピグの素材屋さん

ビル:
アメブロ・ピグの素材屋さん

ヘッダー画像を表示させる方法


詳しくは[アメブロ 新CSSのヘッダー画像をクリックで、トップページに戻るカスタマイズ方法【初心者向け】]をご覧下さい。

分からないことがありましたら、お気軽にコメントください。
返信はとても遅いですが…ゴメン(-人-;)(;-人-)ゴメン