サイト案内

ご覧になりたい記事を、プルダウンメニューよりご選択下さい。
CONTENTS
ナルル王国
メイン国プレイ日記
サブ国プレイ日記
攻略・紹介・その他
攻略・紹介・移住データ等
ククリア王国
おためしプレイ日記
攻略・紹介・その他
攻略・紹介・その他

無料ブログパーツ

当ブログについて (09/11)近況報告とお詫び (08/09)



全記事一覧
 

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--------(--)
 

画像編集とタグのお話(プレイ日記の書き方)

今回は、プレイ日記とは関係のない、お役立ち系(?)記事第3弾です。




PSNが復活し、ナルルの鎖国が解除され…お仲間が増えた事を、管理人はとても嬉しく思っています!

これからナルルのプレイ日記を書きたいという声も、結構、ちらほら耳にしたりするので、初心者の方に向けた、プレイ日記の書き方の解説をしてみたいと思います。

今回はプレイ日記を書くのに、使えそうなタグや、画像編集ソフト等を紹介していきます。




【その1】

タグについて。
タグというのは、HPを作る為の言語の事です。htmlタグともいいます。
ブログは、特別htmlの知識がなくても、日記感覚で簡単に編集できますが、タグを記事内で活用する事で、より、見た目が楽しい日記を書く事ができます。そんな、タグの使用例を紹介していきます。


~キャラに台詞を言わせてみよう~


プレイ日記は、登場キャラに台詞を言わせると、より親しみが持てる内容になる気がします。
今回は、キャラを喋らせる方法について解説してみます。

まずはこういう顔画像ramusas.jpgを用意してください。(管理人流の、顔画像の作り方はこちらの記事で解説しているので、今回は割愛させて頂きます。)

そして、何でもいいので、台詞を言わせてみましょう。
(管理人は、キャラが実際に喋った台詞は「」で表現し、キャラの心情は、鍵括弧なしの文で表現しています。)


ramusas.jpg「クリートエルグ員になったという事は、僕も今年からこのイベントで歌う事になるのだろうか…?今から喉を鍛えておかないとな。 ラァ~♪」

(台詞は、ラムサス日記第3話より)



…すると、2行目以降の文字が、画像の下に行ってしまいますよね。
普通にブログを書くと、こうなります。
画像は長いのに、変な余白ができ、文字は下に行ってしまう…これ、ちょっと不自然で、結構、気になりませんか?

そこで今回紹介したいタグがこちら!

align="left"」!!

このタグを使用する事により、画像の右側に文字を回りこませる事ができます。

下の画像は、実際のブログ編集画面です。
BlurHighlight_20110721181433.png

ブログに画像を挿入すると、<img src="">で始まるタグが自動的に挿入されます。そのタグの最後尾「/>」の直前に、半角スペースを空けた上で、上の画像のように、「align="left"」と、一文付け加えてみてください。

すると、あら不思議。

ramusas.jpg「クリートエルグ員になったという事は、僕も今年からこのイベントで歌う事になるのだろうか…?今から喉を鍛えておかないとな。 ラァ~♪」


文字がきちんと、画像の右側に回りこみます。
これなら、違和感なく、キャラがちゃんと台詞を言っているように見えませんか?
そういう訳で、管理人はこのタグを多用しております♪

ただ、このタグには1つ難があって、

fukeramusasu.jpg「こんなに立派に成長してくれたあなたの姿を見れて、僕は幸せです。不安と希望をかかえ、単身移住してきた僕が、今はこの国で家庭を持ち、愛する家族に囲まれ、日々幸せを噛み締めている。…あなたの元にも大きな幸せが舞い降りるよう祈っているよ!」

(台詞はラムサス日記最終話より。)

みたいな長い台詞になると、文字が画像の下に回りこんでしまうんだよね…

どうしても気になる場合は、解決方法もあります。

例:

yureiku3.jpg…僕は、かつて、父さんが叶えられなかったという、騎士になるという夢を叶える事ができた。このステージで、沢山の歓声を浴びながら戦う僕を、父さんはどんな思いで見つめていてくれたのだろう?
そして、早いもので、来年は息子が成人…
もしかしたら、僕の時代も終わりを告げようとしているのかもな。
彼が今後、どんな活躍を見せてくれるかはわからない。でも、若い世代に希望を託すとするか。
これからは…そうだな…フフ。土いじりでもしながら、のんびり暮らせるといいな。


(ユレイク日記最終話より)


これをどうやって表現したかというと、別のタグで表現しています。
「テーブルタグ」と言われているものです。

このような表現を使いたい時は、↓のタグをコピペしてブログ編集画面に貼り付けてください!


<table><tr><td>ここに顔画像を挿入</td><td>ここに台詞を挿入</td></tr></table>


そして、画像を挿入という部分に、画像、台詞を挿入という部分に台詞を入れて下さいね。
ちなみに、上のタグは、短い台詞でも、綺麗に表現できます。よろしければお役立てください!




~虹色文字は如何?~


nyohon.jpg
:,:,:,:,


ちょっと遊んでみましたw
上みたいな虹色文字は如何ですか?

こちらのサイト様で簡単に作成できます!

グラデーションフォント&虹色フォント
http://shima.choco-ring.com/color/grf.cgi


虹色にしたい文字を入れて、フォントタグ作成というボタンを押すだけで、虹色フォントタグを生成してくれるスグレモノです。
できたタグをブログ編集画面に貼り付ければOK!

虹色フォントだけでなく、

:,:,:,:,

みたいな綺麗なグラデーション文字も、思いのままに作れるよ!
是非お試しあれ!





【その2】


画像編集について。

最近、ブログに載せている画像を、どうやって作っているのか聞かれる事も多いので、簡単に説明をしていこうかと思います。

管理人はドケチですwだから、有料の画像編集ソフトは一切使っていません。
全部フリーソフトや、WEB上の画像編集ツールで済ませています。

ただSSを載せるだけでは物足りない!画像に手を加えてみたい!という方におすすめのソフトを紹介していきます!


その①
IrfanView32 日本語版
とても便利&有名なソフトです。マウスホイールで、大量の画像を高速で閲覧できるので、目的の画像が探しやすく、管理人がプレイ日記を書く上での必需品でもあります!jpg画像を作っても、保存時高画質を選べば、画質が落ちません。顔画像作成にも向いています。
ただ、どちらかというと画像閲覧ソフトなので、それ程画像編集機能は多くないです。

便利機能… 画像高速view、画像一括トリミング
このソフトで管理人が行っている事… 顔画像作成 画像閲覧 画像縮小
作った画像…ramusas.jpg


その②
Photoscape
特筆すべきは、多彩なフレーム!画像に、様々なフレームをつける事ができます!
そして、gifアニメ作成機能も優れています。あまり画質が落ちず、コマごとに秒数を決める事もできます。
フリーソフトとは思えない位高機能でおすすめです♪

便利機能… gifアニメ作成、多彩なフレーム
このソフトで管理人が行っている事… フレームを用いた画像作成 gifアニメ作成
作った画像…








その③
Alsee
画像閲覧、編集、動画作成ができるソフトです。
そこそこ色々なフレームもあり、自分で設定した固定サイズ(いくつでも設定できる)に画像をトリミングする事ができ、画像トリミングにも向いています。また、管理人が時々ブログに上げている動画は、すべてこのソフトで作成したものです。

便利機能… 画像を固定サイズにトリミング 多彩なフレーム
このソフトで管理人が行っている事… フレームを用いた画像作成 動画作成 移住データ用の画像作成
作った画像…




ckd.jpg




その④
ペイント
windows付属のペイント。このソフトは皆持っているんじゃないでしょうか。侮る無かれ、結構使えるのがペイントです。実はペイントは、画像の合成に向いているのです。IrfanView32と併用していますが、管理人はペイントで合成画像を作っています。やり方は簡単、IrfanView32の「選択範囲をコピー」でコピーした画像を、ペイントに貼り付け、次の画像も同様の方法でペイントにペーストし、ずらしながら貼っていくだけ。
ただ、ペイントでjpg画像を作ると、画質が非常に劣化するので注意。作った画像はbmpで保存するなりして、他のソフトでjpg形式に変換するのが無難。

便利機能… 画像の合成ができる
このソフトで管理人が行っている事… 画像合成
作った画像…






その⑤
lunapic.com

web上の画像編集ツールです。
海外のサイトですが、多彩なエフェクトが非常に魅力的。
ワンタッチで、写真に、びっくりするような効果が得られるので、是非色々試して見て下さい。
gifアニメもできちゃうよ!

便利機能… 多彩なエフェクト
このソフトで管理人が行っている事… エフェクトがけ
作った画像…







その⑥
無料バナー工房

以前にも紹介した事がある画像編集サイトです。
gifアニメを手軽に作れたり、画像に文字を入れたり、スタンプを押したりする事ができます。
画像を手軽に彩りたい方におすすめ。ただgifアニメ、jpg画像を作成すると、画質が落ちるのが難。

便利機能… 画像に文字入れ、gifアニメ作成
このソフトで管理人が行っている事… 画像に文字入れ、gifアニメ作成
作った画像…






まあ、他にも使っているソフトはあるけど、主なのはこの辺かな。

ちなみに、管理人の画像作成方法は、完全に自己流です!
もしかしたら、フォトショップ等をバリバリ使いこなせる方には、鼻で笑われてしまうような話なのかもしれません…

ただ、管理人が言いたいのは、無料ソフトだけでも、工夫次第で、ここまで色々な事ができるんだよ!と。

少しでも、何かの参考になればと思います。




ちなみに、管理人は、このブログを始めるまでは、ワーネバサイトやブログを持った事もなかったし、プレイ日記の類も一切書いた事がありませんでした。ブログの書き方すら、よくわかっていないような、ど素人でしたw(プルト全盛期、ワーネバサイトを作ろうとして、挫折した経験はアリwその経験が若干生きたかも…)

でも書いているうちに楽しくなってきて…まあ、ぶっちゃけ、こんなに続けられるとは思ってませんでしたw

プレイ日記を始めたい…でも、ブログを書いた事がないから不安…自信がない…という方を、少しでも勇気付けられたらいいなと思います!

管理人は、お仲間が増えるのを楽しみにしています♪
もしこれからブログを作られるという方がいれば、開設時に教えて頂ければ、管理人は喜んで遊びにいきますよ~♪色んな方の色んなストーリーが読みたいです!




※2012/2/15 追記

好評につき、「プレイ日記の書き方」第2弾を書きました。
http://nalulusasuran.blog136.fc2.com/blog-entry-162.html
こちらの記事も、合わせてご覧頂ければ幸いです。
スポンサーサイト
2011-07-21(Thu)
 

コメントの投稿

非公開コメント

 

へぇw
全部フリーソフトの類だったのね・・・。ほんと、画像見てるとハイレベルなエフェクトが多くて機能にビックリだなぁ。
私もそのツール使ってみようかな・・・
これは今後私の日記作る上ですごい参考になりますw
ありりんですw

PS.さすらんさんの凝った画像集で画像の拡大系のものがないのは紹介しているツールに画像拡大機能のついてるものがなかったからなのかしら・・・と勝手に予想してみたりw

2011-07-21 20:25 | ニース | URL   [ 編集 ]

 

>ニースさん

ニースさんが前に画像編集の事に触れてたので、画像編集ソフトの事は、少しでも参考になればと特集してみましたw
しかも、ただフレームをかけるだけで出来たりするから、私は何も難しい事は、やってませんw
特にかっこいいフレームが多いのはPhoto Scapeかなぁ。
先日のシュゾン女王の亡くなった時の画像もそちらで作成しました。
結構使えるフリーソフトは多いですよ!

拡大画像…機能的にできないわけではないと思うけど、そういえば作った事がなかったかも。
2011-07-22 10:57 | さすらん | URL   [ 編集 ]

これは! 

こんにちは しばQです。
これは有り難い!作業の殆どをHPビルダーでやっている
私にとってはもの凄い朗報です!ありがとうございます!
この作業工程の全てがフリーソフトで・・・無料とはいえ侮りが足し!

私も文字の位置や改行、間隔は気にするタイプです。
記事を書いて確認しておかしな所かあれば編集して・・・と結構時間かかります。
使い方に慣れず思い通りにいかないもどかしさ・・・
それがこの記事のお陰様で解消されるかもしれません^^
スクショに一手間加えるだけで自分なりのドラマが作れる!
読み手に楽しい。そしてなにより
作っている自分が読んで楽しいプレイ日記ブログがたくさん始まると嬉しいです♪

何世代も越え、プレイ日記をある程度書いて溜めてから
じっくり読むとまるで伝記みたいで、我ながら感動します。
秋の夜長に読むのがおすすめ!
2011-07-22 15:28 | しばQ | URL   [ 編集 ]

初めまして 

7月上旬から、ナルルのブログを始めています
藤谷璃生と申します。

身内より、こちらでお役立ち系のブログがあるよ、聞いたので
読みに伺いました(^.^)

まだまだやり方がわからなかったので参考になります(^.^)

また見に伺います(^.^)
ありがとうございました(*^_^*)
2011-07-22 17:31 | lise | URL   [ 編集 ]

 

>しばQさん

HPビルダーを使えるなんてかっこいいですね!
私、何もそういうソフトを持っていないもので、タグはタグ打ちだし、画像加工もフリーソフトで済ませてたりします(><)
しばQさんがブログに載せている画像、いつもすごいですよね。
私も見習わなきゃと思います!

文字の間隔は気になってしまいますよね。
私も一度書いた記事は何度も書き直しています。
文章もしょっちゅう直してたりしますよw

少しでも何かの参考になったのなら嬉しいです♪

本当、プレイ日記が増えるといいですよね!
ちょうど夏休みの時期ですし、学生さんなんかも、ブログにチャレンジしやすいかな?と思って、ちょっとした夏休み企画という事で、この記事は上げてみました。

私も本国データを再開する事ができたら、何代も続けていきたいものです!
歴史を紡ぎ、その中でいくつものドラマが生まれるからワーネバは面白いですよね。



>liseさん

初めまして!訪問&コメントありがとうございます!

私も11月にこのブログを始めたばかりで、初心者の域を出ませんが、
それでも何か、新しくブログを始める方の力になれればと、この記事をUPしてみました。

少しでも参考にして頂けたのなら何よりです♪

是非またいらしてくださいね♪

プレイ日記も頑張って下さいね。
私もliseさんのブログを、楽しみに拝見させて頂きます!
2011-07-22 21:32 | さすらん | URL   [ 編集 ]

 

これまたいい企画ですね!
参考にさせていただきます!
CS5持ってるのに、肝心のPCが古くてフォトショもイラレも使えない私……
2011-07-22 21:55 | kaiko | URL   [ 編集 ]

 

>kaikoさん

ありがとうございます♪

少しでも参考になったのなら幸いです!

PCがソフトに対応していないんですね。
私は昔、画像編集ソフトを買った事もあった気がしますが、逆にソフトが古くて使えないですw
でも、フリーソフトも、侮れない位使えるものなので、是非色々試してみてくださいね♪
2011-07-23 00:49 | さすらん | URL   [ 編集 ]

うわ~ 

すごい!この回は、毎回目からウロコです…!!

でもいまだPC関係にあまり詳しくなれず…「??」になって結局いつもと同じようなパターンな日記に…ww

台詞の文字を回りこませて記入できるのがすごいと思いました!
あと画像加工…いつもいつも、どうやっているのかなぁと思っていましたw^^

こうして楽しい日記が出来上がるのですね…!
勉強になりますっ!
2011-07-23 16:06 | やまおうじゆっこ | URL   [ 編集 ]

 

さすらんさんのお役立ち系、わかりやすくて本当に役にたちます。
ありがとうございます m(_ _)m

私も画像の加工とかやってみたかったので参考にさせていただきます!ただ、なかなかのPC音痴なので時間がかかりそうです。

最初、ブログ書き始めたいと思っていましたが、なかなか進まず、そんな時さすらんさんの1回目のお役立ち系をみて参考にさせてもらったのを覚えています。人様のプレイ記を見るのも好きで、なお同じ国!ということがうれしくて、やっぱり私も書きたいって思ったのです。

参考にするところがあると違いますね!
2011-07-23 23:53 | りゅうら | URL   [ 編集 ]

 




>やまおうじゆっこさん

わー♪コメントどうもありがとうございます♪
少しでも参考にして頂けたのなら何よりです!

タグの方はコピペをするだけで使えますから、機会があれば是非使ってみてくださいね♪

画像の右に文字回り込ませるのは、タグを使わないとできないので、そう表現したくてもできない方もいるのではないかと思い、若干お節介かなとは思いつつも、記事にしてみました。
少しでもそういう方のお役に立てれば嬉しいです。

画像加工は、上のように、私は色んなフリーソフトで誤魔化していましたw作業も何も難しい事はしてないです。
気になるものがあれば、是非試して下さいね♪



>りゅうらさん

そう言っていただけて嬉しいです!

どのソフトも、特別操作は難しくないと思います。
私も難しい作業は一切してないので、是非色々試してみてくださいね!

なんと、一回目の記事を参考にして下さっていたんですね。
あの記事、ちょっとお節介かなとも思い、上げるのをためらってたのですが、UPしてよかったと思います(><)

ネタがあればですが、こういう記事もちょこちょこUPしていくかもしれません。

なかなか同じ国の方っていないので、私も、りゅうらさんのブログを見つけた時、すごく嬉しくなったのを覚えています!
そして、更新も毎回、凄く楽しみにしております♪
2011-07-24 01:22 | さすらん | URL   [ 編集 ]

 

さすらんさんがこのプレイ日記ブログが初だったというのにビックリしましたΣ(・ω・ノ)ノ

台詞用のタグ使おうと思ってたので分かりやすく説明してくれて助かります~♪今度、使お♪
あっ、フォトショ使えても鼻で笑ったりしませんよ(笑)
フレームつけたりは、こういうフリーソフトの機能の方がラクかな。簡単にできるといえばフォトショでもできるんですけどね。「無料バナー工房」は簡単に加工できて便利ですね。悲しいのはMacだとほぼフリーソフトが使えないことかな(TwT。)

あと、この2つのサイトも面白いですよ。
これは一部有料のものもありますが。あとちょい重い。
「befunky」
http://www.befunky.com/create/#/home

これは面白いけど…使えるかは…
「幕末古写真ジェネレーター」
http://labs.wanokoto.jp/olds
2011-07-27 01:29 | ひめロディ | URL   [ 編集 ]

 

>ひめロディさん

プレイ日記は、このブログを始めるまでは、書いた事も、殆ど見た事もありませんでした。最初の頃はブログ自体の事もあまり理解できてなかったし…。だから、色々と手探りで書いてきました。それ故、色々変な癖は出てしまってるかもしれません(汗)
ナルルは、SSが撮れるから、日記が書きやすくていいですよね♪
この機能がなければ書いてなかったと思いますw

タグの話、少しでもお役にたてたならよかった♪
こればかりはタグを使わないとできませんし、やりたいけどやり方がわからない方も、結構いるんじゃないかと思って、記事にしてみました。

フォトショが使えるの、羨ましいなぁ。
ひめロディさんの画像加工技術にはいつも唸らされます!
私も本音的には、そういうソフトを使いこなせるようになりたいんですけどね(><)

他にも色んなサイトがあるんですね!
教えて下さってありがとうございます♪
幕末写真とは…色々凝ったサイトがあるんですね!
私も色々捜してみよっと♪
2011-07-27 05:57 | さすらん | URL   [ 編集 ]

プロフィール
Author:さすらん
ワールドネバーランド ナルル王国・ククリア王国の、個人ファンブログです。諸事情により、更新を休止しておりますが、過去の記事は、右のメニューよりご覧頂けます。 投稿コーナーも含めた、豊富な移住データも取り扱っています。基本的にネタバレは自重していないのでご覧になる際はご注意下さいね。

当ブログはリンクフリーですが、更新停止中の為、推奨は致しません。

キャラデータの登録所もございます。是非ご利用ください。
↓ククリア王国登録所 ENTER
ククリア王国キャラパスワード登録所
↓ナルル王国登録所 ENTER
ナルル王国キャラデータ登録所
※9/3ナルルの登録所の不具合を修正。

※当ブログは多数のナルルのキャラデータを掲載しておりますが、PU版及び、UMD版に、子供キャラを移住させると、最初から6歳の成人という状態になります。十分にご注意下さい。

また、アップデート版で取ったキャラデータは、それよりも前のバージョンのナルルとは互換性がありませんのでご注意下さい。古いバージョンのナルルで取ったキャラデータは、それよりも新しいバージョンのナルルで、そのままご使用頂けます。

便利ツール



※拍手コメントのお返事は該当記事のコメント欄に書きます♪

※当ブログはDL・投稿コーナーも設けている性質上、PCでの閲覧を前提にしています。そのため、PC以外で当ブログへアクセスした場合、レイアウトが崩れたり、ブログパーツ&画像等が表示されない場合があります。ご了承ください。

当ページでは株式会社アルティが権利を持つ『ワールド・ネバーランドシリーズ』の画像を利用しております。該当画像の転載・配布は禁止いたします。
(C)althi Inc. http://www.althi.co.jp/

仮想世界シミュレーションゲーム「ワールド・ネバーランド ~ナルル王国物語~」オフィシャルサイト
ブログ内更新情報
更新休止中バナー

ブログ内更新情報


2012/9/28 リンクにクラークさんち。様をお迎えしました。

2012/9/26 ククリアな時計を設置してみました。
連絡事項:近い内に契約プロバイダを変える可能性がある為、現在ブログ内をあちこち工事(主にデータの移転作業)しています。

2012/9/22 ナルルやククリアの、公式サイト関連の動きを纏めたRSSを試験的に設置してみました。

ブログ右端にUPボタンを追加。(一気にページ最上部に戻れるボタンです。)

2012/9/11 ブログ案内ページを追加。
さすらんの宝箱にlise<藤谷璃生>さんからの頂き物を追加♪

2012/9/10 一部プラグインの調整を行いました。

ククリアの登録所に、パスワードを2点追加。

2012/8/21 さすらんの宝箱にlise<藤谷璃生>さんからの頂き物を追加♪

2012/8/9 ブログ内のコンテンツ整理を行いました。

登録所アクセス不可能状態を修正。(現在両掲示板共に正常に稼動しております。)



ククリア時計
公式サイト関連RSS(稼動テスト中)
ワーネバ blog RSS
ナルル&ククリアタグ(自動更新)


自動RSS表示機能付きリンク
ご意見ご感想など

Mail




Twitter



※現在、身内の不幸の為、返信が極端に遅くなる場合がございます。ご了承の上ご連絡下さい。
page view(2011/10/1~)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。