Creatorで制作している人で、奥付のページにリンクを貼りたいと言う方から質問を度々受けます。Creatorは、画像を読み込んでマンガや写真集などをパッケージ化するのをとても簡単にしたAmazonが出しているアプリケーションですが、実はかなり高機能にできていて、HTMLやCSSが理解できる方であれば、インタラクティブな「固定式」の電子書籍をも作る事ができるようになっています。(固定式とリフロー式の電子書籍の違いについては、検索で調べてみてください。Creatorで作る「Kindleで作品集を出そう!」では、初めての方にはちょっと難しいので、その多機能なところは一切省いて書いています。その操作方法が独特で難解なんです。今回は、奥付の最後のページのみに下記のようなリンクを貼る方法をお伝えします。下記画像はiPhone6、iPadでのKindleの奥付のページ表示です。ご自分用に書き換えをしなければできませんので、忍耐努力が必要になるかも知れませんので、誰でもがカンタンにできると言う訳ではないです。リンクとしてはホームページ、ブログ、各種SNSを設定しています。SNSはシェアボタンではありません。これは、1024x768pxの電子書籍サイズでの杉山が提唱する「タテヨコ混合型」の表示なので、「タテヨコ混合型」「タテ固定」以外の設定では、そのままでは位置関係などが誤表示されると思います。自己責任のもと実施してください。ヨコ位置指定や1024x768px以外ではそれぞれの位置がズレてしまいます。you_tube.pngを入れます。profile.jpgは400x400pxのプロフィール用jpg写真です。ご自分で制作しておいてください。フリー素材なので上記のアイコンをダウンロードして使っていただいてもOKです。48x48pxのpngです。最終ページに空白ページを追加します。表示<Htmlビュー/プレビューにチェックを入れて、上記のようにページのHtmlが見えるようにしておきます。本当は、ここでHtmlとCssが理解できる方はそのまま入力していただければ良いのですが、Kindle特有の使い方?記述方法?があり、HTML5の記述の仕方で正確に表示できるものではありませんので注意が必要です。CSSの正しい記述をしても無視されるものもあります。Previewerで確認しながら記述しています。)今現在の空白ページのhtmlは下記のように表示されています。上記のhtmlを削除して下記のHTMLをコピペして記述します。HTMLの記述としては随分古い形式です。kindleではCSSの指示通りの表示にならなかったりするので、無理矢理表示させるような記述で、けっして正しい記述ではない事をおことわりしておきます。余分な記述も入っているような....(杉山の勉強不足ですみません)プロフィール写真の大きさや、ホームページ、ブログ、SNSなどの表示させたい数によって、天地左右の空き具合が変わってきます。スマホの場合はタップする事によりリンクに飛ぶので誤動作も考え、ある程度それぞれのアイコンの間を空ける必要があります。スマホではあまり文字が小さいとタップしても動作してくれない場合があるので、大きめにする事も必要です。<title>を書き換える。<h1>を書き換える。Blogが1つだけなら1つを削除する。http://〜以下のURLをご自分のURLに書き換える。id=”social”>以下のSNSの記述からいらないものを削除する。https://www.facebook.com/〜以下のURLをご自分のアカウント名に書き換える。target=”_blank”にする事もあるのですが、スマホでは別ウインドウが開くのは、戻る場合に面倒なので記述しません。50px;}の50pxの数値を変える。1.2の数字を変えます。40の数字を変えます。Creator上で、上記の記述を書き換えて保存しても書き変わらない場合があります。一度テキストエディットなどで別に記述を書き換えてからすべてをコピペする方が良い場合があります。それでも上手く行かない時は、失敗した空白ページを削除して、新規に空白ページを作り、コピペする。その後に「ビルド&プレビュー」でmobiファイルを作り替えます。Creatorの「デザイン」「HTMLプレビュー」では、正常に表示されません。Previewerで表示確認してください。Creatorのヘルプのところから「ユーザーガイド」が現在では日本語のPDFが表示されます。チャレンジャーな方は、高度な??設定を試してみてください。Creatorなるものも登場しました。電子書籍.電子写真集などを作る時に表紙の写真に文字を入れる、奥付やプロフィールを作りたいのだけど文字の入れ方がわからない?ということを耳にします。基本的なことをお話しします。文字間隔を整えて、プロのデザイナーのようにキレイに見せる!Photoshopを起動すると左側に「ツールパレット」が出ていますが、まず始めにこの説明からします。「横書き文字」「縦書き文字」を選択すれば、横書き、縦書きができます。その下にある「マスクツール」は何をする機能かというと、文字の選択範囲を作ってくれるものです。このように木目の文字などを作る時に利用します。これは木目の写真の上でこのツールを使って文字の輪郭の選択範囲を作り、レイヤーマスクの追加ボタンを押すだけでできます。使う事はないかも知れませんがそんな機能があるんだということを知っておいてください。次に、「文字パレット」の紹介です。これが使いこなせなければ文字入れができないので、とても重要です。チェックが入っていると表示させることができます。各機能はこのようになっています。InDesignなども、これと同じような使い方なので、しっかり思えておくと他のソフトも比較的ラクに使えるようになります。■「文字の種類」「文字の太さ」「文字の大きさ」は、わかると思いますので説明を省略します。フォントはデフォルトだとキレイな文字が少ないのですが、Windowsだと「メイリオ」、Macだと「ヒラギノ」あたりでしょうか?杉山は「小塚ゴシック」なんてのが好きだったりします。Pはちょっとどうかな??キレイだとは思えない。欧文フォントは、ある程度の数があるので、イメージに合ったものを選ぶ事になります。ゴシックと明朝をごちゃ混ぜにするのはいただけません。日本語と欧文の併用する場合も同じです。カーニングとは?1.「メトリクス」、「オプティカル」のいずれかを選択して自動で設定する方法があります。•「メトリクス」を選択した場合、使用する欧文フォントにペアカーニングの情報が含まれている場合には、その情報を使用して文字間が自動調整されます。(フォントによってペアカーニングの情報の有無がある)•「オプティカル」を選択すると、隣り合った文字の形に応じてアキが調整され、個々の文字の形によって文字の詰め量が異なります。自動でする場合はどちらかにしてみて、良い感じに見える方を選べば良いと思います。特定の文字と文字の組み合わせに対して文字間のアキを調整するために使います。文字間を調整したい文字と文字の間にカーセルを置いて、-100/0/25/200など数値を入力して手動で文字間が変えれます。文字の右側のアキが変わります。字送りとは?字送りとは一連のテキストに対して等間隔のアキを設定するためのものです。一連のテキストとは文章全体をさします。-100/0/25/200など数値を入力します。手っ取り早く、簡単な方法は「カーニング」でメトリクス、オプティカルのいずれかを選択して自動で調整し、「字送り」で、全体の幅を決めると言うやり方もアリかもしれません。PAPUAのところなんかは間が抜けて見えますよね。文字ツメとは?「カーニング」や「字送り」は、各文字の右側のアキを調整します。「文字ツメ」は文字の前後のアキが同じ割合で調整されます、日本語テキストで文字の間隔を変更する場合、文字ツメを使う事が多いようです。小さな「っ」や「ゃ」などは使われる事が多いです。字ツメは%で設定し、%が高くなるほど、文字間のアキは狭くなります。行間隔の調整とは?通常はフォントのサイズによって自動で設定されますが、行間を変えたい時にptの数値で変更します。タテ/ヨコに拡大、縮小とは?文字を変形させる事ができます。極端に変えると文字自体のタテヨコの太さも変わってしまいますので注意が必要です。文字を上下に移動とは?文字によって、上下に移動したいものもあります。ハイフンやフォントによっては数字も他の文字よりも下がっている場合があります。そんなときは、その文字1字を選択して、ptで数字を入力します。文字の色とは?カラーのところをクリックすると、「カラーピッカー」が開きます。ここで好きな色を選びます。「カラーライブラリ」をクリックするとPANTONEやDICからも色を選べます。使う色は「スウォッチに追加」で保存できます。下線、打消し線などとは?文字に下線を入れたり、打消し線を入れたり、斜体にしたり、太字にしたりできます。斜体、太字などの場合、フォント自体にあれば、そちらを使った方が文字のバランスが良いのは言うまでもありませんよね。写真に文字をのせる時にクッキリ見せたい!写真に白文字でタイトルを入れたい場合があると思います。文字をのせる背景が暗かったりするとそのままキレイに白文字をのせる事ができますが、もう少しクッキリさせたいときがあります。(暗い色の文字を使うときは、この作業の反対をすればできます。オリジナル画像に白文字をそのままのせています。この作例の場合これでも良いのですがもう少しクッキリしたい。グラデーションツール文字をのせるあたりを、覆い焼きツールやトーンカーブ&グラデーションで暗くしておくのも1つの方法です。(背景の画像はスマートオブジェクト化しておき、スマートシャープをかけています。スマートオブジェクト化しておくことで、画像のリサイズを繰り返しても画像の劣化を防ぎます。レイヤー効果のドロップシャドウもう1つの方法は、文字のまわりにシャドウをつけることです。「レイヤーパネル」に、すでに文字レイヤーがのっていますが、文字レイヤーをアクティブにしておいて、「fx」と書いてあるボタンを押し、「ドロップシャドウ」を選びます。その後、「レイヤースタイル」パネルが開きます。いろんなスタイルがあるので試してみるのも良いですね。今回は、自然な形で文字の外側を暗くしたいので、ドロップシャドウを選んでいます。描画モード:乗算.....これは回りを暗くする為。描画モードを変えてみて、どんな効果があるのかも知っておくと役立ちます。右となりにカラーの選択がありますので、今回は濃いグレーを選んでいます。不透明度:で最終的に自然に見えるようにしますが、最初は60%くらいでボケ具合を見た方が確認しやすいと思います。角度:を調節すると影の落ちる方向が変わります。文字全体の回りにボカしたいので、今回は角度は関係ありません。スプレッド:とサイズ:で広がりとボケ具合を調整します。サイズ:を大きしすぎると近くにある文字にも影響が出てしまうので注意が必要です。プレビューの下の窓でだいたいのボケ具合が確認できますが、最終的には画像上で判断しましょう。こんな感じにシャドウが入っています。覆い焼きツールやトーンカーブでの作業とドロップシャドウの2つをを組み合わせる事で、より自然に文字を浮き上がらせる事ができるので、杉山の場合は併用しています。不自然な見え方がするような使い方は厳禁です。オリジナルのイメージを壊さない程度に使ってください。5DsRの画像をポスターサイズのB-0サイズで出力してみた。5DsRであっても、仮に300dpiで出力しようとすると、Photoshopで拡大する必要がある。B-0サイズの短編730mmの画像をPhotoshopで再サンプルして拡大作成。12,933pxになる。8,668pxの画像サイズは変えず(再サンプルしない)B-0サイズの短編730mmの画像にすると、解像度が201.53dpiになる。ノイズ軽減10%にしてみた。(スマートシャープをこんなにかけることは通常ないのですが)シャープネスはかなり近い感じにはなったが、拡大表示してチェックしてみると、細部がシャギってしまっているところが多々見受けられた。その2点の画像からB-0出力してみると、お案の定、300dpiに再サンプルして拡大作成ものの方がシャギシャギしているところが多く、200dpi近くで出力したものの方が美しいプリントになっていた。要点をまとめると、出力解像度を300dpiに上げる為に画像サイズをPhotoshopで拡大するよりも、画像サイズは触らずに出力解像度を下げたものの方が美しいプリントができることがあると言う事です。ポスターサイズに出力する時は、出力解像度200dpiや150dpiで出力する事って、まったくアリなんだな、という実体験でした。スマートシャープについては、作品によって、どのくらいシャープにさせるかが違ってはくるのですが、ポスターサイズになると通常よりちょっと強めの方が高精細に見えます。かけすぎるとシャギってきますので、デジタルっぽさが見えてきます。この辺りはご自分の作品の最適な状態をテストすることをお勧めします。自宅でB-0用画像をA4で部分的に出力してもある程度はつかめるので、大きく出力する前に試してみるのも良いと思います。そうそう、Photoshopの件ですが、画像はスマートオブジェクト化しておき、その上でスマートシャープをかけておくと、出力の現場でスマートシャープの量を変えたりしても劣化がないので便利です。電子書籍.ソリッド•カラーとくっきりした境界線のあるWEB用グラフィックスには、WEB上にアップロードした時にJPGよりもPNGの方が適している場合があります。パソコンのモニターでは大丈夫でも、スマホでの表示で問題が出る事が多いのです。写真などの階調がなだらかな画像の場合はJPGの圧縮60%以上であれば、問題なくキレイに表示されるのですが、電子写真集の場合も同じように、表紙に下記のようなソリッドカラーのロゴが入っている場合は、文字のまわりがシャギっていたり、クスんでしまうことがあります。これは画像サイズの問題やJPGの圧縮率の問題だけではありません。いった理由から通常、WEBでロゴを使う場合、PNG形式の画像ファイルを使う事が多いのです。PNGはファイルサイズがJPGよりも大きくなってしまうのが難点ですので、電子書籍の画像としては、表紙や奥付けくらいに使用するのが良いと思います。パソコンのモニター上では、ほとんど同じように見えてもスマホでの表示は下記のようにPNGの方がキレイに表示されます。色空間はともにsRGB。未分類.明けましておめでとうございます。今年もよろしくお願い致します。この正月三が日はず〜っと引きこもりで、写真展の為の写真の再現像、レタッチをしておりました。Rawフィルターで露光量やハイライト/シャドウなどを調整するのが、効き目も大きくカンタンな操作でできるので、とっても便利なのですが、細部のディティールが劣化してしまう事が多いのです。EOSなのでDPPでやれば良いんじゃない?ってことになるのですが、実はこちらも設定を間違えるとPhotoshop程ではないけれど、細部のディティールが劣化してしまいます。DPPの場合、「ハイライト/シャドウ」はPhotoshop程効きませんが、やはり大きく使うと劣化してきます。変えてもさほど影響がないのは「明るさ調整」だけです。言っても+-1を超えると劣化が少しづつ出てきます。「オートライティングオプティマイザ」は、プロは使わないと思いますが、勝手に各種調整をしてしまうのが問題だと思っています。1つとても重要なのが、鳴り物入りで取り入れられた「デジタルレンズオプティマイザ」ですが、ローパスタイプのEOSや古いレンズなどには、とても有効だったりするのですが、ローパスレスの5DsRと最近発売されたLレンズには使用しない方が良い場合もあります。「デジタルレンズオプティマイザ」はカメラとレンズによってはすべて良い結果になる訳ではなく、100%以上の拡大率で、ON/OFFをしてみて良い方を選ぶ事が重要です。5DsR+24-70mmF4と16-35mmF4の組み合わせに関しては、OFFの方が劣化がなくキレイです。「デジタルレンズオプティマイザ」は、実はシャープネスもかけているので、これが結構かかっていて、フリンジのようなものが出るのは、「シャープネス」のアンシャープマスクよりもこちらが原因である事が多いようです。-実際の画像を見てもらった方が早いので掲載します。どちらの画像も欠点がわかりやすいようにPhotoshop上で300%表示なのでシャギって見えますが、そのことでなくエッジのところを見てください。人物のアップは肌を見てください。-●「デジタルレンズオプティマイザ」OFFにした場合、あまりにもシャープネスがなさ過ぎるので、「ディティール設定」の「アンシャープマスク」3.0にしたものにPhotoshopで「スマートシャープを200」にかけたものがちょうど良い。●「デジタルレンズオプティマイザ」OFFにした場合、Photoshopで「スマートシャープを200」ではシャープネスが足りなさすぎるので「スマートシャープを400」とかにするとシャギってしまい、フリンジも強く出て来てしまう。●要するにある程度はDPPで「アンシャープマスク」かけておいて、Photoshopの「スマートシャープ」で微調整するのがもっともキレイになった。●「周辺光量」については、周辺を明るくすると言う事はその部分の劣化はする訳だし、OFFの方が画像が締まって見えるのでOFFにした。#あくまでも杉山の独断と偏見によるテストなので、ご自分でも検証してみてください。備忘録として残します。全体画像はこちらになります。写真.他人の写真を勝手にアップロードするのは、違法です!!(シェアの場合はその限りではありません)著作権侵害は刑事告訴と民事訴訟の両方に適応されます。刑事告訴された場合は、テレビ番組の無断アップロードと同じように、逮捕されることもあります。このFeelment掲載の写真も著作権者の承諾無しに、アップロードするのはもちろん違法です。Facebookのカバー写真やプロフ写真に他人のものを勝手に使っている方がいらっしゃいますが、それ違法です!知人の作品の無断使用を発見した場合は、その作家に直接こっそり教えてあげてください。SNSで拡散しないようにしましょう。アカウントを消して逃げられてしまいます....アカウントがある状態の時にすべての情報を保存できていれば、犯人の特定が比較的楽にできます。削除されてしまった後は、Google検索で、そのアカウント名で検索すれば少しは情報を入手することができますが....著作権情報センターhttp://www.cric.or.jp/qa/hajime/hajime8.htmlTwitterですとアカウントが存在している間は、過去ログを表示させる各種サービスがあります。(くれぐれもストーカーのような使い方はしないでくださいね。写真.その1...写真家って機械であるカメラを使っているのにデジタルというか電子というか、そう言った事に疎い人が結構多いような気がする...ひょっとして新しいモノに対して臆病な人種なのかもしれない....もう流石にアナログでなきゃ、なんて言う人はいなくなったけれど、新しいメディアに対して積極的に利用していこうとは思っていない。流行って来たら自分もやろうなんて時期をうかがっているのだろうか?それぞれのスタンスは違うのだから別にかまわないけれど、写真の新しい可能性を考えなければいけない時が来ているのではないかと思ったりもする。近頃、地価や賃貸料が下がったことで、ギャラリーがかなり増えた。お店でもギャラリースペースを併設するところが多く、写真展が頻繁に行われるようになった。それは自分の作品を人に見せる事が比較的カンタンにできるようになったと言う事でとても喜ばしい。言う杉山も写真展も開催しようと思っている。FacebookなどのSNSがかなり一般化した事によって告知ができ、写真展に足を運んでくれるようになったのもとても良い事だ。写真展で見てもらうのには限界がある....せっかくの作品なのだから、それ以外でも何らかの方法で見てもらうと言う事をした方が良いんじゃないかと思っている。その2...個人的な写真展だけでなく、「御苗場」onaeba.comをはじめ、「ポートレイト専科」portraitsenka.jpや「リアルポートレイト」photo-ngp.info/real_portrait.html、などの大きな合同写真展や「フォトグラファーズサミット」phsmt.netのようなプレゼンテーションの場、などの大きなイベントのようなものも多数開催され活気づいている。リアルに「写真が大好きな人」が集まることって、カメラショーしかなかった時代から比べるともう本当にスゴい事だと思う。これってWEB世界で言うところの「オフライン」....そのイベント開催中またはその前後は、大いに盛り上がるんだけど、その時期が過ぎちゃたったり、その会場に行けなかったりすると、参加する事ができない。素晴らしい作品や作家が集まっているのに、なんだかスゴくもったいない気がする.....で、電子好きというか新しいモノ好きの杉山は、そう言った「写真が大好きな人」みんなが集まるWEBサイトや電子写真集のブランドがあったら良いんじゃないかと以前から考えていた。安良夫さんから連絡がありました。横木さんとはどこかの写真展で何度かお会いして、ちょっとお話をした程度で、仲が良いお友達と言うわけではありません。その横木さんが、なんと「AmazonのKindleで写真集を出したい」と言うお話です。自身の写真集ということでなく、世界の写真家が参加する写真集のブランドをKindleの中に作りたいと言う事だったのです。ここで横木さんが清いのは、ブランドを作るといっても、横木さんが出版社としてまとめるのではなく、写真集はひとりひとりの作家が自身でKIndleで出版し、そのロイヤリティも作家自身が全額受け取る。共通のタイトルとロゴを表紙に入れる事で、それがAmazonのKindleの中にいっぱい並べば、それはもうブランドになります。共感するところが多く素敵なプロジェクトなので、ご協力させていただいています。AmazonのKindleをご存じない方もいらっしゃると思いますので、カンタンにご説明させていただきます.......KindleというiPadような電子書籍リーダーの専用端末(ディバイス)を指すこともありますが、その事ではありません。Amzonが世界中に(7言語)展開している世界最大の電子書籍のマーケットで、専用アプリをダウンロードすることで、iPhone、iPad、Android、Mac、Windowsなどのすべてのディバイス、パソコンで見ることができます。写真.どこのサイトやSNSでもアップロードできる画像の容量の上限が設定されています。いって、あまり小さな画像だと目伸ばしされて表示される場合もあるので注意が必要です。5000万画素もあるフルサイズ一眼も出てきましたので、容量の上限を超えてしまう事が多いのです。○通常のWEB投稿では長辺2000px〜3000pxくらいの画像が手頃なサイズでしょう。○JPGやPNGが一般的ですが、同じサイズでもPNGの方がファイルサイズが大きくなります。○JPGの場合、圧縮が低い方が美しいのですが、ファイルサイズが大きくなりすぎるので、80%程度の圧縮率が好ましい。圧縮率を高くしすぎると圧縮による解像度の低下も見えてきます。○画像には、色空間というものがあります。印刷用やプリント出力ではより広い色空間のAdobeRGBを使いますが、WEBではsRGBにしたものを使います。sRGB色空間が指定されているディスプレイで表示すると、くすんで見えたり、発色が異なって見えます。(AdobeRGB対応のモニターで見ている人は限られます。スマホなどもsRGB表示のものがほとんどなので、電子写真集などもsRGB画像を使います。)プロの場合、印刷用が主だったりするので、うっかりsRGBに変換してないものを上げてしまったりもするので注意が必要です。一般的にデジタルカメラは初期設定ではsRGBに設定してあるものがほとんどなので、理解できない方は色空間については無視していただいて大丈夫だと思います。