1.ファイルメニューのドキュメント・プロパティーを開きます。selection》というボタンがあります。これを、押すだけです。画像を読み込んだだけではアートボードをはみ出していますが......瞬時に、ドキュメントサイズが画像サイズと同じになりました。image...》で書き出すだけです。(Inkscapeの画像書き出しには少しクセがあります。as..》で書き出し場所を指定してファイル名を入れ、次に《Export》ボタンを押すと書き出されます。不思議な仕様ですね......)もし、きれいなはずの画像がボケボケに表示されてしまう現象に遭遇したら、是非、SVG画像を使ってみてくださいね!では、また明日!この記事が、いつか誰かの役に立ちますように!《天使は、実在した──!》これがウワサのリアルマジックSF最新作。映画的な展開を意識した、ノンストップアクションSF中編小説です。AwaRyoコメントをどうぞ○○をどうした方がいい。いうことじゃないんだけど。難しいよなあと思った。誰もが目指しているところに向かって歩いているんだけど、その道筋はいろいろある。表題について自分なりにちょいと定義してみる。1.技術的にはヘタだけど、センスがあって雰囲気が出ている。なんか良いよな、と思うのが、ヘタウマ。2.技術的には上手いけど、センスがなくて面白みも雰囲気もない。つまんないなあ、と思うのが、ウマヘタ。3.技術的に優れ、センスも良い。思わずにいられないのが、ウマウマ。4.ヘタだし、センスもないよな。思ってしまうのが、ヘタヘタ。──お伽噺風に、図示してみる。その旅は、どこへ向かう?ヘタウマなひとは、自分にセンスがあることに気がつかないことがままある。ウマヘタなひとは、自分にセンスがないことに気がつかないことがままある。ヘタウマなひとは、うまくなりたいと思うことがある。巧くなればもっとずっとうまくいくと、思いたい。そのままの方が良いかもしれない可能性には、なかなか気づくことができない。ウマウマなひとは、ただ、好きで続けていたらそうなったのかもしれない。「楽しいからやってるだけだよ」って、たくまず、力まずに言えるのかもしれない。ウマヘタなひとは、努力の方向がずれているのかもって、気がつけないのかもしれない。ヘタヘタなひとは、学ぶことを忘れているのかもしれない。自分を知るには他人を知るのが近道なのかもしれないとは、思わないのかもしれない。ヘタウマなひとは、罠に落ちやすいのかもしれない。──巧くなりさえすれば、という罠。さあ、今のあなたは、今のわたしはどこにいるだろう?そして、どこへ向かって行こうとしているのだろう?まず、それを知ることから始めてみよう──か......。自作について挿し絵を《容量の軽い》扉絵データにするために、加工しよう。AwaRyoコメントをどうぞはい、どうも!ついに終わりましたよ、挿し絵が!と、言っても、描くのが終わったという話です。結局2枚をいちから書き直し、6枚を部分的に修正しました。本日全ての絵をスキャンし、扉絵にするための加工を始めたところです。これがまた、手間が掛かるんですよね。電子本のデータができるかぎり重くならないようにしたいので、白黒2値のGIF画像にしても汚く見えないよう、明るさなどを調整しています。今日は、挿し絵などを入れる場合に参考になるかもしれない簡単な画像処理の話をしてみましょう。元のイラストをスキャンし、そのまま扉画像としたもの。画像の大きさは、Kindle用の表紙画像サイズと同じ2,560×1,600ピクセルとしました。標準画質で保存したJPG画像。データは141KBあります(もちろん、ここに貼った画像は縮小したものですが)。これでは紙の色が暗くて変ですので、明るさを補正します。いろいろなやり方がありますが、今回は「レベル補正」を用います。例はPhotoshopですが、GIMPやKRITA、メディバンペイントでも同様の機能はあります。右の白い部分が、紙の色(明るさ)を示しています。このグラフの下にある白い上向き三角が、《これより明るいものは無視して》という設定です。紙の色より左側に持ってくることで、それより明るい色は全て真っ白になります。それだけだと絵の線までつられて明るくなってしまいますので、真ん中の灰色の上向き三角を右に動かします。これはグレーレベルといって、《ここの明るさをグレーとします》ということです。明るい部分をグレーと解釈させることで、黒い線をぐっと締めることが出来るわけです。メディバンペイントで「レベル補正」をしたところのキャプチャも用意しました。見掛けは違いますが、考え方は同じです。入力側の右端にある三角を左にずらすことで、紙の色を白くします。線の色を黒く締めるために、真ん中の三角を(こちらの場合は)左にずらします。メディバンペイントの場合は入力と出力に分かれているので、「入力されたグレー値はもっと暗いです」と教えてあげることで、暗い側をより暗くします。(専門的な説明ではありません。あしからず)ついでにGIMPの画面も。GIMPでは、名称が「レベル」です。こちらはPhotoshopとほぼ同じですね。フリーのPhotoshopを目指しているソフトだけのことはあります。GIMPの「レベル」さて、では次に保存です。いろいろな端末で、パッとページが開くようにしたいので、出来るだけデータを小さくします。先ほどのレベル補正済みデータをJPG標準画質で保存すると、約141KBでした。これを、JPG最低画質で保存してみます。ほとんど白黒の画像なので、画像の荒れは気にならないはず!(画質が分かりやすいように、大きく載せますね)レベル補正後、JPG最低画質で保存。ファイル容量は約90KBです。これで、約90点の画像を入れると8MB。これで充分だと思う方もいるでしょうが、もっとずっと軽くできます。軽くなるのが、GIF形式です。線画イラストなので、思い切って白黒2色のみのデータにしてしまいます。中間のグレーを全てなくしてしまうわけです。線を滑らかにするためのアンチエイリアス処理※も掛かりませんからアップで見るとがたがたになりますが、解像度が高い画像なので心配はいらないでしょう。白黒2値のGIF形式で保存。ファイル容量は40KB。見て、違いは分かりませんよね?※「アンチエイリアス処理」という言葉を聞いたことがない方のために、アップ画像を並べてみますね。上、アンチエイリアス処理あり。電子書籍を読むとき、挿し絵をここまでアップにしてみる読者はいないでしょうから、原寸ではまったく分かりませんし、むしろくっきりして見やすかったりする場合もあります。本日はここまで!カラー画像にはまた別のやり方がありますが、もしも参考になれば幸いです。AwaRyoコメントをどうぞKindleのアスペクト比は黄金比だって話を聞きかじって、じゃあ表紙を黄金比でデザインしてみるのも悪くないかと思い、画像に補助線を切ってみたのだ。実はこれ、黄金比じゃなかった。何となく釈然としないのだけれど、これが、Kindle用表紙画像の画面比率。推奨サイズの2,500×1,563ピクセルを正方形で切って行ったのが黄緑色の線。これが黄金比なら、永遠に同じ比率の長方形が生まれ続けるけど、四分割目でいきなり正方形二つになって終わった。これはこれで面白いし、きっと、何とか分割って名前でもあるのだろうな。美しいかどうかは別として。(美大──しかもグラデ──出身なのにそんなことも知らないのか、って聞かないで。微妙な違いがここまで差を生むそしてこれが、黄金分割。見はかなり似ているけど、正方形で切られた領域が螺旋になってずっと続いているのが分かると思う。これも《概ね》に過ぎないのだ。黄金比は整数ではないので、整数でなければならない画素数に落とそうとすると、どうしても四捨五入が生じる。小さく分割するほど狂いが生じてきて、上の図で最も小さい四角形はもはやまったく黄金比ではない。これが自然界であれば、全体として調和がとれる方向に縮小されていくので、だんだんおかしくなるということはないのだけど。実際、一応引いた補助線を頼りにデザインを起こしてみようかと思ったのだけど、どうも変な縛りになってしまって、却って面倒なだけだった。数字に頼ってもロクなことはない。自分の感覚を信じてバランスを取ったほうがずっといいな、と思っただけだった。そもそも黄金比にしても、学生時代には「そんなんもある」程度しか学んでないし、僕自身デザインに一度も使ったことはない。《黄金比は都市伝説に過ぎない》とも言われるしね。いうことで、まあ身も蓋もない話ではあるので、もし表紙作りの参考にと思ってこの記事を読んだ人がいると申し訳ない。ここでもう一つ、便利な──もっと便利で簡単な──分割法を紹介しておこうかな。シンプルな、でもかなり強力な画面バランスの取り方。画面を縦横三分割するだけ。四本の線が交わる四つの点に、デザイン上の重みを持ってくる。色面の分割をその線を頼りに行なうというもの。映画の撮影などでもよく利用されているから、知ってる人も多いのではないかな。(でもね、実は僕も数年前まで知らなかったんだ。いうものに頼ったことがなかったから)Kindle用の表紙サイズに当てはめてみたのがこれ。こんな使い方をすると便利なんだ。・海と空の映った画像があって、海が主役。タイトル文字は海の上に書く。・海と空の映った画像があって、空が主役。タイトル文字は空の上に書く。三分割の交点を中心に重要な要素を配置どうでしょう?特に考えないで配置しても、《取りあえず落ち着いた感じ》にはなってるでしょ?これなら、悩むことなく、簡単にレイアウトのバランスが取れそうだよね!Kindle用表紙推奨サイズのテンプレート画像をリポジトリーに用意したので、もし良かったら使ってみてくださいね。絵本作家のエフォン・ヴィーさんです。れっきとした日本人で、コピーライターのお仕事をなさってます。都内でAD/デザイナーの相棒の方と、デザイン事務所をやってらっしゃるそう。ご自身はデザイナーではないのだけど、そのセンスの良さは、オサレ王子もびっくりです。(まるでジャンルが違うので競合にはなりませんね)制作中の作品は相棒さんからのダメ出しが厳しいそうで、商業出版絵本並のクオリティもうなずけるところ。やさしくて、かわいくて、すてきでしょ?じゃあ次。WEBサイトはこちら。「絵本の立ち読みはこちら」というリンクからはRomancerの著者ページに行けますので、数々の絵本を無料で《全文!》読めますよ。ブックトレイラーのページもお奨め。おしゃれでほんわかです。冒頭に貼った可愛らしい壁紙の数々も、こちらで無料配布しています。僕からのお奨めは、ざっくりした線で描かれた羊がセーターの写真を背景に躍動する『がけがすき』。表情のかわいさは特筆モノです!それから『ひとコマ絵本』。木版画のような画風が素敵です。どちらもとても短い絵本で、上述のページから読めるものです。長い読み物がいいな、っていうひとには有料の『はにケンさん』。半人半馬のはにわが出土して、小さな町は大さわぎ。心優しいヒーローたちのファンタジーです。クリックすると試し読みページに飛びます。Storeでも買えるんです。AwaRyoコメントをどうぞ昨日の記事で新作小説を公開しようと思った時に、一瞬、脳ミソが固まった。BiB/iでEPUB(今回から全て大文字に統一。この表記が正しそうなのでね)を公開するってことは、表紙が必要じゃん、って。淡波e文庫ブランドは統一フォーマットがあるし、今回はプレーンな感じで行っちゃえば、すぐできるかなぁと。これが統一フォーマット。見覚え、あるよね〜?(これだけだとどうにも淋しいけど)これさえ入っていれば、淡波e文庫の作品だと一目で分かるのだ!これは、『さよなら、ロボット』での試行錯誤が元になって、『孤独の王』でのフォーマット化に結実したもの。以降、僕の全小説作品は、基本的にこれを用いている。(『光を纏う女』の掌編版で自作オープンオフィステンプレを活用したことは内緒。未発表だし)この統一フォーマットをベースに、出来るだけシンプルに構成してみようと考えたわけ。夜中だったし、寝なきゃいけないしで。してデザインを考え始めたのだ。この新作はテーマが《波》だから、文庫のイメージエレメントである波線を利用すれば早いだろう。思うのは当然の流れだよね。(昨日の記事から)ちょっとした画像処理テクニックを使っているけど、作業時間としては10分程度だったかな。統一フォーマットがあって、そのためのテンプレを用意してあれば、とっても簡単にバリエーションを作れるという好例になったか。ここで使った簡単な画像処理のテクニックについても、追ってチュートリアルを書いてみようかと思っている。(リクエストがあれば......)それと、知ってる人は知っている、例のオープンオフィステンプレだけど、使い方次第でバリエーションが作れるようになっている。自分で考えて加工する必要もあるので、ちょっと難しい部分もあったかもしれないな。今後、ワンタッチでいろいろ作れるテンプレ集を考えてみようか、とも思った今夜の淡波。