無料で簡単に画像加工が出来る様になるブログ -374ページ目

初心者でも出来る0円ヘッダーの作り方2

こんばんわ。

ペカルマンは0円アメブロカスタマイズで頑張ってます。


0円ヘッダーの作り方の続きとなります。


初心者でも出来る0円ヘッダーの作り方(はじめに


初心者でも出来る0円ヘッダーの作り方(1


作り方(1ではヘッダー枠を作りましたね。


今日はヘッダータイトルを作ります。


使うソフト(無料)は


COOLTEXT です。左のリンクよりアクセスして下さい。


アクセスすると、画面上に

ロゴスタイルを選択してください・・とありますので



0円アメブロカスタマイズで、小遣い上乗せ目標5万!








上図の Simpleというのをクリックします。

*他のロゴでも可能なんですが、色々試した結果

このロゴがタイトルデザインとして、1番しっくりきます。


すると下図のような画面になります。



0円アメブロカスタマイズで、小遣い上乗せ目標5万!












1)まず、ロゴテキストという所にあなたの

  ブログタイトルを入れます。


2)次にフォントという所をクリックします。

  すると色々な「日本語フォント」が出てきます。

  お好みで選択してクリックします。


3)次にテキストサイズを入力します

  タイトル文字数にもよりますが

  25~30くらいでとりあえず、やってみます。


4)次にテキスト色を指定します。簡単に言うと

  タイトルの色を決めるって事です。

  上図矢印のスポイトの絵をクリックすると

  細かく色指定ができます。


5)


0円アメブロカスタマイズで、小遣い上乗せ目標5万!










上図の「背景色」「背景画像」「ファイル形式」

は触らずに、赤○の「描画するデザインしよう」

をクリックすると、画面が切り替わって

サンプルが表示されます。


6)表示されたサンプルにカーソルを合わせ

  右クリックして「プロパティ」をクリック


7)その中の「画像のサイズ」を確認して

  今回作った枠サイズ(横760px縦128)

  にたいしての大きさを確認して、イメージします。


8)文字の大きさ、フォント、色合い等が

  気になる場合は2)~4)を調整してみて下さい。


9)最終的に気に入ったサンプルが出来上がったら

  サンプルにカーソルを合わせて、右クリック

  「名前を付けて画像を保存」で保存します。


以上でヘッダータイトルが出来ました。

尚、ロゴスタイル自体変えたい場合は、いろんなロゴを

選択して、試してみて下さいね。


今回はここまでです。


次回は、枠にタイトル&デザイン画を入れていきます。


最後までお読み頂き有難うございました。

  







初心者でも出来る0円ヘッダーの作り方1

こんにちわ。

ペカルマンは0円アメブロカスタマイズで頑張ってます。


昨日の続きです。

昨日の記事はコチラ

初心者でも出来る0円ヘッダーの作り方(はじめに


これから紹介するやり方は、あくまでも

今回僕が使ったやり方です。

PCに詳しい方は、もっと良いやり方を知ってらっしゃる

事と思います。参考までに・・・・。


まずはヘッダーの枠を作ります。


0円アメブロカスタマイズで、小遣い上乗せ目標5万!


僕のヘッダーで言う薄い緑の部分です。


ちなみに僕のヘッダーサイズは

横760px 縦128pxとなります。


まず最初にButtonmaker(ボタンメーカー) という

ソフト(無料)を使います。


1)


0円アメブロカスタマイズで、小遣い上乗せ目標5万!









ここの縦に64、横に380と入力します。

注)ヘッダーサイズの半分の数値という事で理解して下さい。


なぜかというと、*のところを見るとわかりますが

横が700までしか入力出来ないので・・・・^^;

後に拡大しますので、ご安心を・・・。


2)次に背景色を決めます。図の背景色の所の

  1の横の白枠をクリックすると自由に好みの色を

  選択できます。

  グラデーションを付けたい場合は、2に色を

  グラデーションの方向を選択します。


ちなみに僕の場合は↓方向に濃い緑から、薄い緑

といった感じでグラデーションを入れてます。


3)


0円アメブロカスタマイズで、小遣い上乗せ目標5万!



色の指定が済んだら、上図の青い箇所

(見にくくてスミマセン)createという所をクリックすると


その左側の灰色の所にサンプル画像が出ますので

イメージに合わなければ、2)を繰り返して

好みのデザインになるよう、やってみてください。


4)好みのボタンが出来上がったら

  サンプル画像にカーソルを合わせて右クリック

  名前を付けて画像を保存してください。


次に保存した画像を拡大して縦128、横760に拡大します。


使うソフトはこちらも無料ですが


BANNER KOUBOU(バナー工房) こちらを使用します。


5)


0円アメブロカスタマイズで、小遣い上乗せ目標5万!






上図の「参照」という所をクリックして、4)で保存した

画像を選択し、送信をクリックします。


6)

出た画面の左上辺りに「拡大、縮小」という所があるので

それをクリックします。


7)


0円アメブロカスタマイズで、小遣い上乗せ目標5万!







この中から、③の縦横個別指定の、縦、横それぞれの欄に


縦128、横760を入力し、「実行」をクリックすると拡大されます。


8)拡大された画像にカーソルを合わせ、右クリックで

  名前を付けて画像を保存しておきます。



これでヘッダーの枠、縦128、横760の色つき枠が出来ました。


補足になりますが、アメブロスキンで「スタンダード」を選択

されている方は横が800pxとなりますので、ご注意を!


それから、今回は縦128pxにしましたが、もちろんサイズは

自由に変えて頂いて結構です。


ただし、様々なブログで

ヘッダーの縦幅は極端に長くない方が望ましい

と言われています。

理由としましては、ヘッダーの縦寸法が極端に長いと

記事にたどり着くまでに、読まれる方にスクロールを

余計にさせてしまう・・・という理由だそうです。


理想は、トップページを表示した時点で、記事タイトルが

目に入るのが良いそうです。


確かに記事を読むまでに、ダラダラとスクロールするって

あんまり良い感じではないですよね。



えっと、今回はここまでです。


次回はブログタイトルを枠内に入れていきます。


最後までお読み頂き有難うございました。

初心者でも出来る0円ヘッダーの作り方(はじめに)

こんにちわ。


初心者も0円で魅力的なアメブロは作れます!


0円アメブロカスタマイズのペカルマンです。




今回のタイトルにあるように、僕は0円で出来る範囲で

カスタマイズして、頑張ってみようと思っています。


僕と同じように


「お金をかけないで個性的で、魅力ある

      ヘッダーデザインにしてみたいなぁ・・・・」


そう思ってるアメブロ初心者の方・・・おられると思います。



ヘッダーデザインはブログの顔となります。


初めて自分のブログを見に来られた方の視覚に

真っ先に飛び込むのが、ヘッダーですからね。


ド派手なヘッダー、シンプルでやさしいヘッダー


一口にヘッダーと言っても、その顔は様々です。


ブログ(サイト)にとってどんなヘッダーが好ましいのか?


僕には明確なお答えが出来ません。


ただ、当サイトでは


「とにかく自力で、自分のブログのヘッダーを作ってみたい」


とお考えの方にとって、少しでも役立つ情報を発信できればと思っています。




前置きが長くなりましたね・・・・。


推奨できるような出来ではないんですが、僕の作ったヘッダーで説明して行きます。


・・・・とその前に基本的なところから。


アメブロでカスタマイズできるスキンは

ベーシック・ブルー・グリーン・グレイ

ピーチ・Leavesの6種類となります。




アメブロカスタマイズをされたい方は

上記のいずれかを選択されて下さい。

*2011、9月からは、新たに上記のスキンを選択できません。

(現在上記のいずれかをご利用の場合はOKです)


すべてそうなんですが、アメブロカスタマイズの

カリスマ(勝手に呼んでるだけですが・・・)


実験委員さんのブログ


アメブロ向上企画書 内で紹介されているソフトです。


次回、そのソフトの紹介も含めて

作り方説明します。



最後までお読み頂き有難うございました。