簡単！動くオリジナルバナーの作り方！自分には無理かと思っていたけど意外に簡単に作れた(*^-^*)>
動くオリジナルバナー
意外に簡単に作れて楽しめたので。
きっとパソコンさくさくできちゃう人には？？と思う事もあるかもしれませんが..
動かないバナーを作った時も最初は？？？？？ばっかりで...
そういえば画像URLがどこにあるのか全然わからなくて
どれほど探したか（笑）
それと普通にバナーをクリックしてたけど...
画像からどうやってそこに行けるようにするんだろう？？？？とか。
いっぱいわからないことばかり。
画像どうやって小さくするんだろう？とかも！
やっと作っても次回作ろうと思った時に忘れていたりね！
動くバナー？？GIFアニメバナーっていうのかな？
これもきっと次回忘れてそうなのでブログにアップです。
ウインドウズは困ったときいっぱいサイトがあるけど
私はマック。
一応 OS10.6.8
ブログはウェブリブログで。
四角い動くバナーを作ります。
これを作っていきますね！
iPhotoから画像を選ぶ。
下の編集をクリック
トリミングで正方形にカット。完了をクリックしてつまみながらデスクトップへ置く。
で、画像は正方形だけどサイズが大きい。
２４０×２４０にしたいので、これを使わせてもらってます。
すっごく簡単で便利です。無料！
「画像を好きなサイズに縮小！」FC２の画像縮小
ファイルをクリック、デスクトップにある先ほどの画像を選ぶ。
サイズを指定。
ここでは２４０を。
で、実行をクリック。
縮小が完了したらダウンロードをクリック。
そしてそれをまたひっぱりだしてデスクトップへ。
いちいち出さなくてもいいのかもしれないけどわかりやすいので私は引っ張りだす。
そしてそして今回簡単にバナーを作れるサイトへ
もちろん無料！
なんでこんな便利な物を無料で使わせてくれるのぉ（涙）
フリーソフトーバナー工房
無料写真画像加工編集サイト
このブログ見るより上記のバナー工房さんへ行った方が早い！
親切にいろいろ載ってます！
でも...私のブログは続く...。
まずは文字を入れる為にこちらの画像加工編集をクリック。
ファイル選択からさっきのデスクトップにある２４０×２４０の画像を選択。
選択したら下の送信をクリック
画像がでてくる。
左にある文字入れをクリック
①画像に載せたい文字を入力して下さい。の所へ
入れたい文字を入れる。
今回は「ポチッ」
で文字の大きさなどを指定して...
なんども変更できるので大丈夫。
いい感じの所や大きさを探してください。
画像にクリックすればそこに文字が動きます。
いい感じの所へ文字を！
私は色違いで♥を入れたかったので
現在の状態を一度確定して他の文字を入れる場合はこちらをクリック。
文字入れはフォトショップなどで先に文字を入れておいた方がラク！
先ほどと同じように
①画像に載せたい文字を入力して下さい。へ♥を入れて
大きさ色などを決めて
画像をクリック。
位置を決めて文字入れ終了
ありゃ！今発見したんだけど右上の方にフレームとかスタンプとかあって
そこにかわいい♥を発見...。が～ん。次の機会に使おう！っと。
で、その一番右の画像ダウンロードをクリック！
Macだと「control」キーを押しながら画像をクリックすると
イメージをダウンロードってでてくるのでいつもそれを使っちゃうから気がつかなかった。
バナー工房さんのHOMEへ戻り
GIFアニメを選択
ファイル選択をクリックして先ほど文字入れしダウンロードしたものを選択。
２番目のファイル選択はデスクトップにある最初にだした文字入れしてない画像を。
点滅間隔、ループ設定を設定して送信をクリック
点滅したものになって登場!
jpgじゃなくてgifになってるよ。
これは点滅してないけど..
画像をダウンロードして
Safariの新規ウインドウからウェブリブログへ
ブログ新規作成をクリック
画像リストをクリックしてファイル選択で点滅してるgifの画像をアップロードして保存しておく。
まだ貼付けはしない。
バナー工房さんのサイトへいき
HOMEからタグ発行をクリック
バナー画像設置用（ＩＭＧタグ）をクリック
ふう。
ちょっとここでタイム！
子供が寝てないので怒らないとー！
また続きすぐにアップします。
今夜中に！
これは３枚使用。
↓ ↓ ↓
このブログが少しでもお役に立てたら...
是非ポチっとよろしくです！
にほんブログ村ランキングに参加しています。
下の画像をポチッとクリックで応援よろしくお願いします。
(*- -)(*_ _)ﾍﾟｺﾘ
↓ ↓ ↓ ↓
意外に簡単に作れて楽しめたので。
きっとパソコンさくさくできちゃう人には？？と思う事もあるかもしれませんが..
動かないバナーを作った時も最初は？？？？？ばっかりで...
そういえば画像URLがどこにあるのか全然わからなくて
どれほど探したか（笑）
それと普通にバナーをクリックしてたけど...
画像からどうやってそこに行けるようにするんだろう？？？？とか。
いっぱいわからないことばかり。
画像どうやって小さくするんだろう？とかも！
やっと作っても次回作ろうと思った時に忘れていたりね！
動くバナー？？GIFアニメバナーっていうのかな？
これもきっと次回忘れてそうなのでブログにアップです。
ウインドウズは困ったときいっぱいサイトがあるけど
私はマック。
一応 OS10.6.8
ブログはウェブリブログで。
四角い動くバナーを作ります。
これを作っていきますね！
iPhotoから画像を選ぶ。
下の編集をクリック
トリミングで正方形にカット。完了をクリックしてつまみながらデスクトップへ置く。
で、画像は正方形だけどサイズが大きい。
２４０×２４０にしたいので、これを使わせてもらってます。
すっごく簡単で便利です。無料！
「画像を好きなサイズに縮小！」FC２の画像縮小
ファイルをクリック、デスクトップにある先ほどの画像を選ぶ。
サイズを指定。
ここでは２４０を。
で、実行をクリック。
縮小が完了したらダウンロードをクリック。
そしてそれをまたひっぱりだしてデスクトップへ。
いちいち出さなくてもいいのかもしれないけどわかりやすいので私は引っ張りだす。
そしてそして今回簡単にバナーを作れるサイトへ
もちろん無料！
なんでこんな便利な物を無料で使わせてくれるのぉ（涙）
フリーソフトーバナー工房
無料写真画像加工編集サイト
このブログ見るより上記のバナー工房さんへ行った方が早い！
親切にいろいろ載ってます！
でも...私のブログは続く...。
まずは文字を入れる為にこちらの画像加工編集をクリック。
ファイル選択からさっきのデスクトップにある２４０×２４０の画像を選択。
選択したら下の送信をクリック
画像がでてくる。
左にある文字入れをクリック
①画像に載せたい文字を入力して下さい。の所へ
入れたい文字を入れる。
今回は「ポチッ」
で文字の大きさなどを指定して...
なんども変更できるので大丈夫。
いい感じの所や大きさを探してください。
画像にクリックすればそこに文字が動きます。
いい感じの所へ文字を！
私は色違いで♥を入れたかったので
現在の状態を一度確定して他の文字を入れる場合はこちらをクリック。
文字入れはフォトショップなどで先に文字を入れておいた方がラク！
先ほどと同じように
①画像に載せたい文字を入力して下さい。へ♥を入れて
大きさ色などを決めて
画像をクリック。
位置を決めて文字入れ終了
ありゃ！今発見したんだけど右上の方にフレームとかスタンプとかあって
そこにかわいい♥を発見...。が～ん。次の機会に使おう！っと。
で、その一番右の画像ダウンロードをクリック！
Macだと「control」キーを押しながら画像をクリックすると
イメージをダウンロードってでてくるのでいつもそれを使っちゃうから気がつかなかった。
バナー工房さんのHOMEへ戻り
GIFアニメを選択
ファイル選択をクリックして先ほど文字入れしダウンロードしたものを選択。
２番目のファイル選択はデスクトップにある最初にだした文字入れしてない画像を。
点滅間隔、ループ設定を設定して送信をクリック
点滅したものになって登場!
jpgじゃなくてgifになってるよ。
これは点滅してないけど..
画像をダウンロードして
Safariの新規ウインドウからウェブリブログへ
ブログ新規作成をクリック
画像リストをクリックしてファイル選択で点滅してるgifの画像をアップロードして保存しておく。
まだ貼付けはしない。
バナー工房さんのサイトへいき
HOMEからタグ発行をクリック
バナー画像設置用（ＩＭＧタグ）をクリック
ふう。
ちょっとここでタイム！
子供が寝てないので怒らないとー！
また続きすぐにアップします。
今夜中に！
これは３枚使用。
↓ ↓ ↓
このブログが少しでもお役に立てたら...
是非ポチっとよろしくです！
にほんブログ村ランキングに参加しています。
下の画像をポチッとクリックで応援よろしくお願いします。
(*- -)(*_ _)ﾍﾟｺﾘ
↓ ↓ ↓ ↓
