ココロモチ、PSO2ココロモチ、PSO2ファンタシースターオンライン2(PSO2)で活動するマイキャラをゆるゆる眺めるブログです。ソックス適当にまとめタグ:ブログ作成2016年09月28日10秒でスクショを綺麗にするPhotoshopアクションファイルを作ってみたEP4描画設定6実装前に色彩調整用のPhotoshopアクションファイルをいくつか作って公開していたのですが、設定6実装からPSO2の絵作りが大幅に変更されたので、それに合わせて新しいアクションファイルを作ってみました。画像を比較してみてください。色合いが青基調からパッと明るい印象になったのを確認できると思います。このサンプルは縮小しいてますので分かりにくいのですが少しだけ“虹彩絞りぼかし(被写界深度)”と“縁に影”を付けています。最初に簡単な作業が1つだけ必要です。最初にキャラクターを適当大雑把に構いませんので、なげなわツールなどで選択範囲を作ってください。東京昼用』アクションを再生するだけ!今回使用したスクショの出来上がり確認用の大きな画像です。↓クリックすると大きな画像を表示できます。PSO2共通の『全体的に青っぽい』とポートレートスクショの『肌色』を中心に調整していますのでわりと汎用性は高くエステ画像などでも使えます。↓クリックすると大きな画像を表示できます。元画像を一番下のレイヤーに非表示で残しているので、色合いの濃淡が気になる人は出来上がりの透明度を調整してブレンドしたりする事も可能です。◆アクションファイルのダウンロード今後もファイルの追加や更新によりダウンロードファイルも変更しますので、このページのURLリンク(http://kururi-pso.blog.jp/aarchives/66116988.html)以外の、ダウンロードファイルへの直接リンクの転載はやめていただくようお願いします。東京昼用.atn[右クリック→リンク先を保存]にて自身のパソコンにダウンロードしてください。【2015年10月13日追加】この記事は画質設定5時(2015.APR頃迄)の内容です。春に「スクショを簡単に綺麗にするPhotoshopアクションファイルを作ってみた(http://kururi-pso.blog.jp/archives/27381419.html)」というPhotoshop用の色調整アクションファイルの配布記事を見てくれる人がわりといて、アクションファイルのダウンロードもボチボチとあるので調子に乗って追加です。HDR画質化明るいスクショ用を適用したスクショ今回はHDR画質化アクションファイルです。Wikipedia(https://ja.wikipedia.org/wiki/ハイダイナミックレンジ合成)の事で、最新のカメラレンズや撮影用チップをもってしてもコントラスト(明暗)比2,000:1程度での撮影が限界で、さらに最新の液晶モニターでもその表現は1,000:1程度という最近ですが、実際の目の前にあるリアルは軽く100,000:1を超える階調なので、フィルムからデジタルにおける“写真”はその階調表現を“どうやって目を誤魔化すか”は重要な技術とノウハウの一つとなっています。→画像はWikipediaから。HDR画質化各階調の画像を調節するつまり、最近よく言われているHDR画質化というのは1,000:1の表現力しかを持っていないモニターでも、あたかもリアルで見ているような鮮やかな色彩を錯覚させる絵作りということなんです。難しいハナシはココまでで、そのHDR画質化を手軽にできればいいなと思いまして、ゲームプレイスクリーンショット用ですが、明るいスクショ用と暗いスクショ用の2種を用意してみました。←暗いスクショ用を適用◆なお、過度な色付けは好きではないので「なるだけ自然に~」程度に調整しています。←暗いスクショ用を適用◆なお、過度な色付けは好きではないので「なるだけ自然に~」程度に調整しています。暗いスクショと明るいスクショで無理に1つのアクションでやると出来が悪くなりますので調整して2つに分けています。単純にコントラストを調整するのではなく、視覚に影響を与えやすい色を調節して鮮やかに見せるのがHDR画質化のコツです。前回のカラー調整版と違ってコチラはアウトラインを追加するので画質をシャープにします。下のレイヤーに元画像を残していますので、透明度変更にてブレンドしたりして画質を調整すれば色んな明るさに対応できると思います。◆アクションファイルのダウンロード今後もファイルの追加や更新によりダウンロードファイルも変更しますので、このページのURLリンク(http://kururi-pso.blog.jp/archives/45250670.html)以外の、ダウンロードファイルへの直接リンクの転載はやめていただくようお願いします。CC◆パッケージ内容HDR画質化明るいスクショ用HDR画質化暗いスクショ用[右クリック→リンク先を保存]にて自身のパソコンにダウンロードしてください。http://kururi-pso.blog.jp/data/PSO2_SS_color_mgt_set3.zipPSO2のゲーム画面はかなり明るくコントラストは高めな方ですが、やはり動画用なので明るさや彩度はかなり落とした画質に調整されていたりして、1枚の写真として見ると少し物足りなかったりです。2015年04月16日スクショを簡単に綺麗にするPhotoshopアクションファイルを作ってみた【2015年4月25日追加更新】この記事は画質設定5時(2015.APR頃迄)の内容です。[ULTリリーパ用][チャレンジロビー用][EP3ゲートエリア用]今回は色の変化具合を確認するために(本当だって)、判断し易いと思われるカットを使用しています。これは教材でチラリスクショではございません(強調)以前に書いた通り、このブログの“今日のコスチュームの一枚”は、Macと映画などの映像調整をするためのハードウェアを使っていたりします。←Macにてハードウェアアクセラレーション撮影◆ただし、それを使用中はキャラクターをスムーズに動かすことは無理なくらい重くて、文章中に差し込むゲームプレイのスクショ撮りにはとても使えません。Photoshopにて明るさくらいですが調整しています。リアル話も絡めますと、写真の補整については下積み時代()に、幸運にも誰もが知っている国内外のアーティストや俳優のポスターやアー写を数百枚以上仕事でやらせてもらいました。そんな経験から画質調整作業は嫌いではありませんが、仕事と趣味は脳が別でして・・・ブログのためにそういう作業をするのはメンドクサイです()そんなわけで、ブログ用にある程度スクショの明るさと画質調整をテンプレートできないものかと、色々と試行錯誤しつつ、Photoshop(CCにて制作、CS6まで動作確認済み)のアクションファイルにしてみました。最初に簡単な作業が1つだけ必要です。最初にキャラクターの顔だけを適当大雑把に構いませんので、なげなわツールなどで選択範囲を作ってください。セット1◆【暗いスクショ用】マイルームで撮った暗いスクショなら【暗いスクショ用】を再生します。元画像は一番下のレイヤーに残っています。ワンクリックでこんな感じ↓になります。【暗いスクショ用】は肌色の彩度が低いキャラクターの肌を濃くし全体を鮮やかにします。セット1◆【明るいスクショ用】マイルームで撮った明るいスクショなら【明るいスクショ用】を再生します。【明るいスクショ用】は彩度が高いキャラクターの色彩を落ち着かせ、全体的にコントラストを上げて背景に馴染ませます。セット1◆【カジノ用】カジノで撮ったスクショなら【カジノ用】を再生します。【カジノ用]はカジノで撮ったスクショに合わせてやや赤みがかった色彩と明るさを調節します。最初に簡単な作業が1つだけ必要です。最初にキャラクターの顔だけを適当大雑把に構いませんので、なげなわツールなどで選択範囲を作ってください。セット2◆【ULTリリーパ用】ULTリリーパで撮ったスクショなら【ULTリリーパ用】を再生します。【ULTリリーパ用]は彩度が低目の白っぽくなりがちな特に肌の色を豊かにします。青っぽいスクショ以外なら他のシーンでも使える汎用性の高いアクションにしています。セット2◆【チャレンジロビー用】チャレンジロビーで撮ったスクショなら【チャレンジロビー用】を再生します。【チャレンジロビー用]は色彩は綺麗なのに暗くなりがちな全体を自然に明るくします。セット2◆【EP3ゲートエリア用】EP3ゲートエリアで撮ったスクショなら【EP3ゲートエリア用】を再生します。【EP3ゲートエリア用]はグリーンとブルーが強いロビー光源を抑え肌に赤味を足して明るさを調整します。元画像を一番下のレイヤーに残していますので、色彩を濃く感じる場合は色調整したレイヤーの透明度を変更するなどで調節してみてください。◆アクションファイルのダウンロード今後もナベリウスのグリーンな空間向けなどをテンプレート化でき次第、このページに追加しようと思っていますので、その都度、ファイルを更新する予定です。ファイル更新によりダウンロードファイルも変更しますので、このページのURLリンク(http://kururi-pso.blog.jp/archives/27381419.html)以外の、ダウンロードファイルへの直接リンクの転載はやめていただくようお願いします。CC◆パッケージ内容ULTリリーパで撮ったスクショ用チャレンジロビーで撮ったスクショ用EP3ゲートエリアで撮ったスクショ用[右クリック→リンク先を保存]にて自身のパソコンにダウンロードしてください。CC◆パッケージ内容マイルームで撮った明るいスクショ用マイルームで撮った暗いスクショ用カジノで撮ったスクショ用[右クリック→リンク先を保存]にて自身のパソコンにダウンロードしてください。http://kururi-pso.blog.jp/data/PSO2_SS_color_mgt_set1.zip◆ツイート用Tweetそれぞれの想いで作ったキャラクターは人それぞれに可愛いと思います。2015年04月01日ブログを始める~運営するための覚え書き今回はPSO2のゲームプレイとは関係が無い、ブログ運営についての覚え書き+αです。ブログとかそういうのに興味がない人にはゴメンナサイな内容となっています(本当)だって、春やん?新入学や新社会人な人のための季節物記事って大切やん?(震え)そんなわけで、難しい事ではなく経験則から感じた、ブログ運営にあたっての最近の基本的に知っておきたい事をなるだけ簡潔にメモしておこうと思います。見てもらう人の環境になるだけ合わせたいよね。仕事だと今もって「NN4.7ガー」とか「JavaScriptガー」とかメンドクサイのですが、そんなレガシーサポートは“特別な事”と割り切って良いと思います。こちら↓、最近の“ココロモチ、PSO2”の10万ビューのユーザー端末の内訳です。ほとんどの人(92.4%)はスマホかパソコンのフルブラウザで閲覧している事が分かります。その中でも大きな割合を占めているのがAndroid、iPhone、Windows7以降ですね。つまるところ、ブログサービスが簡単なわけじゃん?そうなると、作るにあたってデザインやレイアウトを気にするのはこの3機種と言う事になって、それらにシステム側で全て自動で対応してくれるのが、レンタルブログなどのウェブサイトシステム込みのレンタルサーバー:レンタルスペースです。他にも有名なFacebookなど、色んなレンタルサービスを各社提供しています。そんな多々あるウェブサイト配信系サービスの中でも「配信しやすい。」「記事を簡単に作成しやすい。」の2点で現在はブログを選択する人が多いのです。自分でHTMLコードを書いたりって・・・何それ美味しいの?各機種各ブラウザ自動対応に簡単記事作成だと、どうしても、レンタルブログ然としたレイアウトスタイルから抜け出すことは難しくて、サーバースペースだけ借りてブログシステムそのものを自分で構築したり、いわゆるウェブサイトやホームページと呼ばれるものを作るという泥沼へ足を踏み入れます(震え)一言で言うと、各機種対応やレイアウトに関して全て自力で処理しなくてはいけないのでメンドクサイです。思うがままにデザインを構築できるというのは表現と創造の楽しみですよね~。こちらは↓、“ココロモチ、PSO2”のレスポンシブシングルデザインサイトです。Edition(http://kururi-pso.blog.jp/designers/)スマホだとその操作はできませんが、パソコンブラウザの方はウィンドウサイズの変更を試してもらったり、主要ないくつかのブラウザで見てもらうと、「自分で作れば、こういう物も作れるのか!」と少し理解してもらえるかと思います。JQueryのバージョンは1.xと2.xのどれを使えばいいの?次は、レンタルブログでも自前サイトでも、今では無くてはならない便利なアニメーションなどを動かすためのスクリプトにJavaScriptというものが有ります。このJavaScriptというのは画像を動かしたり変更したりと様々な“動き”を実現するためのプログラム言語で、ブログやホームページのHTML記述内に書き込めるというとても便利な言語です。JavaScriptでどういうことができるのかというと、マウスを画像に合わせると色が変化したり、↓こういうことができたりとウェブサイトを彩る“仕掛け”をページに埋め込むことができます。́)ハイ、超有名なゲームコマンドですね。Facebook公式やTwitter公式でも使えたりします。」で検索すると色々と出てきます。そんなんで、お手軽に使えるJavaScriptですが、お手軽な分だけに多くの人が色んなJavaScriptのプログラムを配布していて、バージョン対応も様々なんですよね。すると、複数のJavaScriptを使用したためにブラウザでの表示が挙動不審になってしまう事も多く見られます。いう問題を解決してくれるのがJQueryというJavaScriptの共通エンジンです。src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>こういう形で、Googleなどのライブラリ配信サーバーから利用できます。その場合のファイル名の前のディレクトリ名は、バージョンを示していることが一般的です。今まではAAAAというJavaScriptで画像の“色”を変更するためには、AAAAの中に画像のサイズやら何やらを取得するための命令を書いて、BBBBというJavaScriptで画像を“動かす”ためにも、BBBBの中で画像サイズやら何やらを取得するための命令を書かなければいけなかったのです。JQueryルールで作られたAAAA.JQueryとBBBB.JQueryなら、「この画像を動かせ」と命令するだけで画像に関する情報取得やらはJQuery本体がやってくれます。これなら製作者が違うAAAA.JQueryとBBBB.JQueryでも安定して動作します。そんな便利なJQueryですが、バージョンの多さに「どれを使えばいいの?」と悩む人が多いと思います。JavaScriptを扱いながらの経験から、ブラウザでのスクロールや移動などのマウスに追従させる“動き”で互換性を持たせたいのなら1.x系スクロールや移動系が無くてスマホなどの新しい機種へ安定して“軽快に”動作させたいのなら2.x系といった感じです。呼び出す事は可能ですが、挙動不審の原因の一番手となります。JavaScriptも2.x対応で書き直せばいいのは?」と思いますよね。軽快動作と高い互換性の確保という事で、現在まだサポートしてない“動き”もあったりなのです。最後に、JQueryは自前で用意するよりもGoogleなどの共通配信ライブラリを利用した方が便利なので、その配布先URLを記載しておきます。(画像付)カタログ更新案内(2018.02.21)カタログ更新案内(2018.02.07)カタログ更新案内(2018.01.25)カタログ更新案内(2018.01.10)カタログ更新案内(2017.12.20)カタログ更新案内(2017.12.06)カタログ更新案内(2017.11.22)カタログ更新案内(2017.11.08)カタログ更新案内(2017.10.25)カタログ更新案内(2017.10.11)カタログ更新案内カタログ更新案内9鯖の皆様、ありがとうございました。Editionスマホ対応シングルページデザインサイトです。Plusはるちゃんねる。