GIMP、飛び出すアニメーション（凸レンズ効果）

GIMP のフィルター機能「レンズ効果」について投稿しましたが、このブログでは「レンズ効果」を使ったアニメーションについて書きます。下図のようなアニメーションができます。
　
フィルタからのレンズ効果で、屈折率を変えて複数枚の画像を作り、レイヤーとすれば GIF 動画となりますが、スクリプト（ Script ）を組み込めば一発で簡単に作成できます。

１．GAP の組み込み
この追加機能は２００８年に公開されたものらしいですが、今でも使えるようです。ブラウザで「 gimp gap 2.6.0 」で検索。「 GIMP Talk 」のサイトからダウンロードできます。GAP は組み込むとレンズ効果アニメーションの他、実に多くの機能が追加されます。私にとっては分からないものが大部分です（メニューには「Video」と云う項目が追加され多くのレイヤー操作の機能が追加されます）。

１）ダウンロード
 

 

２）インストール
ダウンロードされた「GIMP GAP….exe」をダブルクリックして、インストールを開始します。
  

 

３）GIMP 組み込み完了
GIMP を再起動するとメニューに「Video」が追加され、「フィルタ」の「アニメーション」に
「 Selection to AnimImage…」が追加される。ここからレンズ効果アニメーションが作れます。

２．飛び出すアニメ（レンズ効果アニメーション）の作成

この招き猫の絵で飛び出すアニメを作ってみます。

１）「 Selection to AnimImage…」を開く
招き猫の画像をGIMPで開き、メニューの「フィルタ」から「アニメーション」→「「 Selection to AnimImage…」へ

２）アニメのフレー数を決める
「 Selection to AnimImag」画面でフレームコピーの回数を１０回として、フレー数を１０にする。

３）レンズ効果を選ぶ
レンズ効果による画像を変化をアニメとする（フレームフィルター効果を凸レンズとして各フィルタに変化を加える）。

４）一枚目の画像と最後（ここでは１０枚目）の画像の効果を設定
＜一枚目の画像効果設定＞
一枚目の画像設定画面が開くので、レンズ屈折率を「１」として普通に見える画像とする。更に効果適用を確認する画面が出るので「Continue」をクリック（下右図）。
　

＜最後の画像効果設定＞
続いて最後の（ここでは１０枚目）画像効果の設定画面となるので、画像効果をレンズ屈折率を変えて設定。ここでは屈折率を１.９としてみた（屈折率を変えると飛び出し効果が変わるので画像を見ながら設定できる）。バックアップファイル云々、、、とでるが、よく分からないのでそのまま「 Continue 」。
これでアニメーションは完成
 

３．再生して確認

このままでは片道で、だんだん大きくなって突然元に戻るので、だんだん小さくなるアニメを付け加えるとより自然になると思います（下右図）。
 

GIMP、レンズ効果を使う（静止画）

GIMP にフィルターとして組み込まれている機能、「レンズ効果」を使ってみましょう。
このような効果はレンズアダプターを用いることで物理的にも可能なようで製品も売られているようです（宙玉レンズと云うらしい）。
次の写真は、ネットで探したその効果写真と発売されているらしいレンズアダプター（宙玉レンズ）です。
 

GIMP で作った凸レンズ効果の画像は以下のようなものです。

ではこれをGIPM で実現してみましょう。
レンズ効果はGIMP のフィルターに既定の機能として組み込まれています（メニューから「フィルタ」→「変形」→「レンズ効果」）。

１．レンズ効果の及ぶ範囲を決める
レンズ効果は画面全体にも及ぼすこともできますし、選択範囲を定めて画面の一部にかけることもできます。選択の形は任意ですが矩形か楕円が良いと思います。ここでは矩形選択を使ってみます。
★ 選択範囲の決定はカット＆トライで
レンズ効果がイメージ通りかどうかはやってみて確認します（画像により選択範囲により違って見えますので、気に入るまでやり直してください）。選択範囲を決めレンズ効果をかけ（レンズ屈折率を調整して）、気に入らなければ「編集」から「レンズ効果を元に戻す」をクリックして効果を取り消し、再度選択範囲を変えレンズ効果をかけてみます。気に入るまでこれを繰り返します。

始めに帰って、選択範囲設定からやり直し

２．凸レンズ効果範囲をパスに保存
効果の設定を終えたら、その効果の及んでいる範囲を保存します。凸レンズ効果は画像を変形するだけでなく、明るさやボケ具合をも加味することにより効果が際立ちます。このため効果範囲を保存しておきましょう。
１）選択範囲を保存
選択範囲は画像の凸レンズの及んでいる範囲を選択するために保存しておきます（画像処理の範囲ではありません）。メニューから「選択」→「選択範囲をパスに」として保存。

２）凸レンズ効果範囲を選択してパスに保存
レンズ効果範囲または範囲外を選択して、明るさやボケ具合などのフォトレタッチを施して、凸レンズ効果範囲を高めるための範囲です。パスに保存しておけばやり直しなどの作業に便利です。
凸レンズ効果範囲は、ツールの楕円選択を選んで矩形選択範囲の隅からドラッグして行えば簡単に選択できます。そしてこの範囲もパスに保存します。

３．凸レンズ範囲の画像加工（一例です、他の方法でも加工できます）
ここではレイヤーマスクとレイヤーモードを使い、凸レンズ範囲を際立させてみましょう。
１）レイヤーを複製して、レイヤーマスクを追加する
メニューの「レイヤー」から「レイヤーの複製」としてレイヤーを複製する

複写したレイヤーに黒のレイヤーマスクを追加する。
レイヤーマスクを追加するレイヤーを選んで、メニューの「レイヤー」から「レイヤーマスク」→「レイヤーマスクの追加」をクリック。
「レイヤーマスクを追加」画面が開きますので「完全透明（黒）」を選んで「追加」

２）透明レイヤーマスクに「凸レンズ効果範囲」の不透明部分を作成、複製をつくる
透明なレイヤーマスクの凸レンズ効果範囲を不透明とします。
レイヤーマスクをクリックして選び①、ツールボックスで「塗りつぶし」を選択③。描画色を「白」とし②、画像域で選択範囲（凸レンズ効果部分）をクリックして④選択範囲を「白」で塗りつぶします。
レイヤーマスクに凸レンズ効果範囲の不透明部分ができました（白くみえる部分）。

このレイヤーを複製します。

３）レイヤーモードを使い画像を際立たせる
上のレイヤーのレイヤーモードを「スクリーン」に、中のレイヤーのモードを「オーバーレイ」にする。それぞれの「レイヤーの不透明度」を調整して画像を整える。

４）背景画像の調整
更に背景（レンズ効果の外側）を「ぼかす」とか「暗くする」などで画像を控えめにするとレンズ効果が強調できます。背景を若干ぼかし、暗くしてみました。
① パスからレンズ範囲を再度選択する
ダイアログで「パス」を選び、レンズ効果選択のパスを右クリックして、「パスを選択範囲に」をクリックして選択範囲を再現する。

② 背景を選択
選択範囲を反転する。メニューから「選択」→「選択範囲の反転」

 

 

③ 背景（レンズ効果範囲外）をぼかす

メニューの「フィルタ」→「ぼかし」→「ガウスぼかし」と進み、「ガウスぼかし」画面でぼかす量を調整。

④ 背景（レンズ効果範囲外）を少し暗くする
メニューの「色」から「色相-彩度」を選び、「色相－彩度」画面で「輝度」と「彩度」を少し下げてみた

完成

とうとうノートパソコンも Creators Update 更新が実行された

急いで Update する必要も感じなかったので（ノートパソコン）、デスクトップが更新された後もほっておいたけど、とうとう６月の定例アップデートで Creators Update が行われてしまった。遅かれ早かれ Windows １０は Creators Update となる仕組みのようです。

デスクトップには Creators Update がダウンロードされましたが、ノートパソコンにはダウンロードされない状態が続いていました。急いで Update する必要も感じなかったので、
「お待たせしました! 間もなく Windows10CreatorsUpdate をお使いいただけます。いち早く手に入れる方法を確認しますか?」　という問いかけに対して、「はい。方法を確認する」をクリックせずに放置してました。

その後６月になって、Creators Update 更新プログラムが勝手にダウンロードされました。

しかし急ぐこともないので、「再起動スケジュール」から更新を「オフ」にして日時を指定し、勝手に更新しないようにしました
 

 

しかしこの状態でも、多分、手動で更新をかければ Creators Update が実行されるのではないかと思います。

今日１７日、パソコンを開いて更新を確認すると、定例の６月分更新がダウンロードされていました。この６月分定例更新を活かすには再起動が必要です。

とうとうノートパソコンも Creators Update へ更新されました。
 

WordPress.com ブログ、動画挿入（オンライン）の方法

このブログは WordPress.com ブログでの動画挿入方法について書きました。
本来、動画を含むブログも Open Live Writer で作成し（オフライン）、そのままWordpress.com ブログサイトへ投稿できていたのですが、何故か Open Live Writer から Youtube へ接続できなくなりました（ Open Live Writer では動画は Youtube から取り込む）。
Open Live Writer のブログ作成で、動画取り入れは２０１７年５月２２日の投稿を最後として、何故かできなくなりました（私のパソコンだけかも知れませんが）。その他 Open Live Writer は日本語入力をしていると停止、ダウンしてしまうような不調も発生しています。一般論としても、Windows １０になってから「メール」「フォト」などのような基本的なアプリの性能が以前に比べ格段に落ちてしまいました、困ったものです。

以下、森鴎外の「舞姫」冒頭部分を Google ドライブ・Google ドキュメントから取り込んで、Open Live Writer へ貼り付け、適当に写真や動画を入れて作ったブログを元に説明します（テキストエディターで文章を作り、Open Live Writer へ貼り付け、後写真などを挿入。ダウンの影響を最小限にするため）。Google ドキュメントでのテキスト変換では、常用漢字、２１３６文字にないような難しい漢字は常用漢字内の似たものに変えられるようです（以下、直接の日本語入力はしない）。
下左図がOpen Live Writer で作ったものです。これをブログへ下書き投稿し、ブログサイトで動画を追加挿入してみました。
  

ブログサイトへ下書き投稿された画面で、動画を入れる場所へカーソルを置き（ここではブログの最後）「メディアを追加」をクリック。画面は「メディアを挿入」となるので「Youtube 動画を挿入」をクリック

Youtube 動画を挿入画面でユーザー名を入れて検索

ユーザーの投稿した動画一覧が表示されるので、挿入する動画を選んで「挿入」

動画が挿入される

このブログでも動画を入れてみました

Google Drive（グーグルドライブ）で画像内文字の文章（テキスト）化

写真で写した説明文など、テキスト化したいと思ったことはありませんか。多分、このためにいろんなアプリがあると思いますが、「Google ドライブ」を使えば簡単に写真内の文字をテキスト化できます。何よりも余計なアプリをインストールしなくて済むのが良いと思いました。

文字の含まれた画像をGoogle ドライブへアップし、Google ドキュメントで開くだけで、画像の中の文字はテキスト化されます。もちろん間違いもありますが、私にとって実用上は十分な性能、精度でした。

【Google ドライブで画像内の文字をテキスト化する】
１．画像を整える
画像の文字部分を見易いように整える

２．Google フォトへアップロード
Google フォトを開き、画面右上メニューバーの「アップロード」をクリック。エクスプローラ画面が開くのでテキスト変換用に整えた画像を選んで「開く」

３．画像を Google ドキュメント形式に変換する設定
Google ドライブを開いたら、画面右上の歯車マークをクリックし、表示されたメニューから「設定」をクリック。設定画面で「アップロードしたファイルをGoogle ドキュメントエディター形式に変換します」にチェックを入れる（既にチェックが入っておればそのまま）。

４．Google ドライブから「Googleフォト」を開き、テキストへ変換
「マイドライブ」にある「Google フォト」を開く。
直接Web上のGoogleフォトを開いても、ここからは変化することはできません。Googleドライブの「Google フォト」を開いてください。
Googleフォト画像の中から先ほどテキスト変換のためにアップした写真を探し、右クリック。表示されたメニューで「アプリで開く」→「Google ドキュメント」と進むとテキスト化が始まります。

変換されました。Google ドキュメントで元の画像と共にテキスト化した文章が表示されます。
変換後のフォントの大きさは画像に影響されます（表示された文章のフォントサイズは簡単に変えられますので気にしないでください）。

５．テキスト（文章）取り出し
Google ドキュメントで開かれたものから文章部分をコピーして、テキストエディターかワープロ（ワードやLibreOffice Writer）に貼り付ければ、画像からのテキスト（文章）の取り出しは完了です。テキストエディターならGoogle ドキュメント上の文字サイズはまったく関係なく写し取れますし、ワープロなら後で適当な文字サイズに（フォントも）変えることがえきます。
 

６．誤変換の程度
今回のブログ作成に使用した写真で発生した間違いは以下のようでした。間違い部分を色付けしています（まあまあではないでしょうか）。

その他変換例（縦書き、２段組）

Open Live Writer、使用言語の設定

結論は、言語設定を変えてやってみたが駄目だった！

ストアのバージョン最新情報を見逃していた。言語は設定できるそうだ。早速やってみる。
本当にこれで良いなら、これで良いのならうれしいなあ。テストテスト。

早速セットしてみた。下図でOKのはず。

後は文章作成テスト　— 以下、柳田国男の「雪国の春」より

故郷の春と題してしばしば描かれる我々の胸の絵は、自分などには真っ先に日のよく当たる赤土の丘、小松まじりのつつじの花、ひばりが子を育てる麦畑のかげろう、里には石垣のたんぽぽやすみれ、神の森の大がかりな藤のむらさき、今日から明日への境目も際立たずに、いつの間にか花の色が淡くなり、木陰が多くなってゆく姿であったが、この休息ともまた退屈とも名づくべき春の暮れの心持は、ただ旅行をしてみただけでは、おそらく北国の人たちいは味わい得なかったであろう。北国でなくとも、京都などはもう北の限りで、わずか数里を離れたいわゆる比叡の山蔭になると、既に幸孝樹谷間の庵である。それから峰を越え湖を少し隔てた土地には、冬ごもりをせねばならぬ村里も多かった。

丹波雪国積もらぬさきに
つれて尾でやれうす雪に

という盆踊りの歌もあった。これを聴いても山の冬の静けさ寂しさが考えられる。日本海の水域に属する低地は、一円に雪のために交通がむつかしくなる。伊予に住み慣れた土井得能の一党が、越前に落ちて行こうとして木ノ目峠の山路で、悲惨な最期を遂げたという

ここでダウンしてしまった、これでは駄目だ！

再起動して復元してみると

スペルのチェックを外してみる

気を取り直して作業再開

物語は

また落ちた !!!  こりゃ駄目だ！  再度、「太平記」で落ちてしまった

続けてみるか
物語は「太平記」を読んだ者の永く忘れ得ない印象である。総体に北国を行脚する人々は、冬のまだ深くならぬうちに、なんとかして身を入れるだけの隠れ家を見つけて、そこに平穏に一季を送ろうとした。そうして春の帰って来るのを待ち焦がれていたのである。

落ちた、３回目。駄目だ！

結論は駄目ということか
言語対応に問題があると思うが、、、、何でも良いから早く治して欲しいものです。後一回、言語を「None」にしてやってみよう。

続き —
越後あたりの大百姓の家には、こうした臨時の家族が珍しくはなかったらしい。我々の懐かしく思う菅江真澄なども、暖かい三河の海に近い故郷を、二十八、九のころに出てしまって、五十年近くの間秋田から津軽、外南部から蝦夷の松前まで、次から次への旅を宿を移して、冬ごとに異なる主人と共に正月を迎えた。

ダウン４回目やっぱりだめらしい、今回も落ちた。

不思議なことに同じフォントでサイズも同じなのに文字の大きさが違う。ここで５回目、落ちた。

お終い！

 

 

Open Live Writer 、途中停止の原因は日本語入力に起因しているようだ

Open Live Writer 、アプリの動作停止（ダウン）の原因は日本語対応ができてない性らしい。
英文ではダウンしないが、日本語入力の入力を行っているとダウンする。
Open Live Writer は、オフラインでブログを書いてブログにそのまま投稿できるので、Wordpress.com のブログにも Blogger.com のブログにも投稿できてたいへん便利だったが、遂に日本のユーザーは「オイテケボリ」か～、困った ！
Windows は多言語へ対応するように進化してきたのに、ブログライターはアルファベットだけへ退化。
Live Essentials の時代の Live Writer より Open Live Writer は大幅退歩。

今のままで Open Live Writer を使うとすれば、ワープロなどで文章を書いて半角英数字入力の Open Live Writer へ貼り付け、画像を挿入し行間を整えていくしかない。これは何もブログ全文章を書いてから行う必要はない。数行書いて貼り付け、画像も入れ整る。そしてまた後の文章をワープロで書いて貼り付け・・・・・。
またブログの背景は明るい淡い色のものとして、Writer 上で見易いものとしておくのが良いだろう。ブログサイトの背景を変更し、Open Live Writer でブログテーマを再読み込みして文章を見易い形とする。一旦Open Live Writer が見易い背景となった後で、ブログサイトの背景はまた元の（好みの）ものに戻しておけば、サイトの見栄えも元のままで使えるので実用上は問題はないと思う。

＜一回目ダウン＞英文を書いた後、少し戻って日本語を書いたらダウン
＜二回目ダウン＞保存したものを回復し、更に英文を続けたがダウンしない。再び日本語にしたらダウン
 

GIMP、レイヤー一つだけで画像（イラスト）を作る

GIMP で下図のような絵？模様ともつかない変な画像を作ってみました。基本のレイヤーで、すべてを済ませています。

１）選択
使ったツールは、矩形選択、楕円選択、自由選択、ファジー選択。選択モードやツールオプションの「境界をぼかす」「角を丸める」などを使いました。

（塗りつぶし）

 

２）画像書き込み
塗りつぶしツールが活躍。描画色の他各種パターンで塗りつぶしています。パターンは自作のものばかり使いましたが、既定の組み込みも使えると思います（上右図）。

３）スポイトとブラシ
スポイトで色を吸い上げブラシで描画を補正。ファジー選択の選択では思うように選択されないこともあります。間違って塗りつぶし描写された部分はブラシで補正しました。

レイヤーで重ねて描く方法のに比べて、やり直しは「元に戻る」しかありません。面倒ですが実際に絵を書くことに似ていると言えば似ています。でもレイヤーを使う方がもっと多くの工夫ができますので、これは邪道でしょう。
このブログを書く間にも Open Live Writer は何回もダウンしました。早く前みたいに正常に使えるよう Update して欲しい。

Open Live Writer 、記事記載面まで背景が入る（改善要望２）

Open Live Writer についてはストアアプリ化に伴い長文のブログを書いているとダウン、停止してしまうことをブログにしました。
まだ異常な所がありました。私は背景を無地無色としていたので気が付かなかったのですが、すてきな背景を作成し使用していた方が教えてくれました。なんと背景が記事面にも表示されてしまうことです。これではとても記事が書き難い。もっともプレビューで見れば正常ですし、投稿すればブログサイトでも記事の中に背景が表示されることはなく正常です。

また停止しました！
こんなに早いのは珍しい。画面の右下に一時保存をした時刻が出ますので、これを確認しながら書いて行けば「せっかく書いたのに、、、くそ！」ということが減りそうです。そしてアプリの自動保存を待つことなく、重要な部分を書いた後などは手動で保存するのが今の防衛策と思います。

本題に戻ります。
１．Open Live Writer
記事に背景が入ると下図のようになります。書くことも修整することもやり難いです。

この状態をプレビューで見ると正常です。

２．ブログサイト
ブログへ投稿してサイトを開くとブログは正常に読めます。

４．背景を変更してみると（ご参考）
１）ブログの背景を変更
ブログサイトの管理画面から背景を変更してみました。ブログの背景が変わります。
 

２）Open Live Writer での背景をブログに合わせる
Open Live Writer でブログサイトの記事を取り込むとまだ背景は前のままです。ブログで背景など画面構成を変えた場合は、Open Live Writer ではテーマの更新（アップデート）をしないとブログと同じになりません。
「BlogAcount」リボンの「Update theme 」をクリックしてテーマの再読み込みを行います。

テーマの更新が始まり、テーマ（ここでは背景）がブログに一致します。
 

Windows の「Open Live Writer」 がストアアプリとなった

よく分からないがブログライターとして重宝している「Open Live Writer 」がすぐダウンするようになったので、いろいろ見ていたらストアアプリが見つかった。しかしストアアプリも日本語対応はできておらず英語版。その上すぐダウンするのはまったく同じ感じ（もしかして私のパソコンが悪いのかしら？このブログはノートパソコンで書いているので、書き終わるまでダウンしなければデスクトップパソコンが悪いことになります）。
日本語化アップデートされることを期待してデスクトップアプリ版との比較を書いてみます。

１．ストアアプリの Open Live Writer
スタート画面から「ストア」を開き、「 Open Live Writer 」で検索するとすぐにインストールできます。従来通り無料です。

スタート画面のタイルもタスクバーのアイコンも多少従来から変わりました。 

以前のデスクトップアプリはアンインストールしてますので、コントロールパネルからの「プログラムのアンインストールまたは変更」画面には当然表示されません。

プログラムのアンインストールはスタート画面のタイルを右クリックして行うことになります。

しかしバージョン番号？は「 Build 0.6.2.0 」とデスクトップアプリと同じようです。そして「Show log file 」を開こうとしてもエクスプローラが既定の画面で開くだけでログファイルのフォルダは開きません。

２．デスクトップアプリの Open Live Writer
スタート画面のタイルとタスクバーのアイコン
 

コントロールパネルの「プログラムのアンインストールまたは変更」画面からアンインストールができます。

「 Build 0.6.2.0 」は同じですが、Log ファイルの場所が正しく示されますのでログファイルを開くことができます。

Open Live Writer の突然の停止

アプリの突然の停止、ここまで１回発生しました（デスクトップの場合より少ない感じですが、、、）。
しかし発生してもちょっと前の段階が復元できますので大丈夫です。
停止するとこんな画面となります（デスクトップアプリでは「Open Live Writer は動作を停止しました」となります）。
こうなると「プログラムの終了」以外に手はありません。

Open Live Writer を再起動すると次の画面が表示されますので、
「Recover changes now (recommended)」をクリックしてください。
アプリによる自動保存がなされてますので、停止した時点の少し前までが復元されて再開します。

しかし不便です。早く改善して貰いたいと思います！。