Kritaと行ってみる / vol51 ドロップ・シャドウ効果を自分で作る

ドロップ・シャドウ効果を自分で作る　篇

 △　クリッタの操作・・ソフトの機能ばかりでなく、現場のノウハウみたいな方面のあたりをやって行く今回　クリッタの機能を使わず、感覚の方で何とか間に合わせる  !!   こういうのは、クリッタのサイトにはありませんよ　ま　見てください

△　ビギナーの方にも向けて、図で示しますと　Aはドロップ・シャドウが無しで　Bの図には影があるでしょ・・この効果の方面でのレポートになります。 

 △　この効果をやると云うと、操作画面の上の　レイヤー　から　レイヤー・スタイル　と　云うのを選び・・・

△　この画面を調整してやって行く訳ですが、とにかくここいらのあたりはクリッタは正直ややこしい・・2〜3ケ月もやってないと　また1から覚えないとダメっぽいし、はじめてのヒトでは　おそらく見てるだけでもツラくなるって気がしますよ　自分がそうだし、まいったなぁ・・の　現在ですもの 　

△　・・で　今回使う画像はこれ・・ブログに載せるみたいな、感覚のつもりでいってますが　画像の横幅が630ピクセルで、縦が448ピクセルのモノになります

それでは、スタート

△　さぁクリッタ  !!  ここからGOします

△　ドロップ・シヤドウ効果も同じサイズのモノにしておきたいので、今の画像と同じサイズのセッティングにしました

△　そうして、描画の画面がスタンバイ状態になりました。

△　レイヤーの状態は左の図で　ツール・ボックスから　バケツ塗り　の　ツールを選んでおいてます。

△　こうして、黒で塗っておきました

△　次にここで、これを保存します　赤丸のトコロをクリックしてます

△　30という名前で、PNG保存を選んでます　そうしてから矢印の部分をクリックで・・

△　この画面になるので、赤丸をクリックでOKですよね　

△　次はOKボタンを押しておけばイイです　そうしたらこの黒の作業画面は一度、閉じておきました。

もう一度　新しいファイルを開く

 △　そうしてから新たに又、始めからのモノに移ります　新しいファイル　を　クリックしています

△　今回ですが、先程のモノ・・630X448のモノよりも、今回はいくらか大きいサイズにしたいのです  !!　で　幅を730にし、高さを498にしておいて　作成をクリックしてます　ここいらのあたりのやり方は、次でやって行きますので・・・

△　描画画面が、開きました

△　上で書いた画像のサイズの決め方ですが、今現在これを見てる方々  !!  イコールで、ブログを見てる事になりますでしょ？　つまりブログに合わせて、やって行く自分なりの方法になりますが　まずブラウザーをいくらか横に引っ張って、大きめに見られる様にしておきまして・・・

これを画面コピーしてしまいますが、スクリーン・ショットなんて呼び方もされてます　で　これをやる時には、文章をいくらか書き込んであるモノを選ぶコトにしてますが　ばばーっと書き込んであって、一行が埋まって居るモノを選んでいます

そして下の図のように、字の出だしと行の終わりの部分で切り欠きをしてしまい　その画像のサイズをクリッタやGIMP　ファイル表示のビューアー・ソフト等で割り出して居ますが、欲しいのは横のサイズの寸法になりますし　縦の部分はいくらかあいまいでもOKだと思います

現在の自分のこの　はてなブログ　で使用して居るのは、1カラムのモノで　LIFE　と云う種類のモノですが　はてな　での以前の公式のテーマのモノでした　が　現在の公式の2カラムの　スムーズ　と　云うテーマでも、何故かピッタリに収まります　で　こうして測ったサイズが720〜730ピクセルでしたのです　で、この方法はすべてに使えそう・・・

△　次に先程作っておいた黒い画像を、ドラッグで放り込みます

△　こんなサブ・ウィンドウが開きますが、一番上の　新しいレイヤーとして挿入　をクリックしてます

△　読み込まれました　が　位置がイマイチですねえ・・・

△　ツール・ボックから　移動ツール　を選んで

△　真ん中あたりに、ヨイショ  !!

△　そうしてから画面上の　フィルタ・メニュー　から　赤丸を続けてクリックしてます

△　出て来たウィンドウで、上の部分のスライダーをドラッグしていってます

△　当然、画面を見ながらやってますが　ここいらの事は各人で数値が違ってきますし、好みで決める部分になりますよね

△　こんな辺りで手を打ちました

△　そうしてから次にレイヤーのツールの　透明度　を　左へドラッグして、下げて行ってます　自分の場合　こう云う風な時は23％位が何時ものやり方で、字や矢印なんかの時は50％くらいを目安にしています

△　・・・しのごの云いながらに、こうなりました

△　次に大元であるメインのこの画像を、ドラッグで放り込みます・・

△　また位置がイマイチ？

△　さっきのこのツールの再登場ですねぇ

△　影の黒い画像も調整しながら、こんな風に位置を調整・・・

△　レイヤーはこんな風です　で　クリッタでのレイヤースタイルだと、絵のレイヤーにやってしまって　アトから調整出来ませんが、これだとレイヤーを別にやるので　いくらでも調整がOKでグー  !!   自分をホメてやりたい位です♫

△　と　こんなカンジに出来てますが、保存のあたりを　いま一度、おさらいの意味も含めてやって行きます

保存をおさらい的に

△　画面上部の　ファイル　の　メニュー　から、赤丸をクリック

△　こういう画面が出ますので、ファイル名を付けてから　矢印の部分をクリック

△　出て来た画面で、また赤丸をクリックですが　そろそろ編集をするたびに劣化する　JPEG　は卒業して、PNG　に移行して欲しい・・・て　思ってます、アーメン　

イラスト画像もやってみる

 △　写真の方面を述べましたが、今度はイラストっぽい画像をやってみます　使うのはバックが透明の、　透過PNG型式　のモノになります

△　クリッタに読み込むと、こういう表示になりますが　これが後ろに色が無い状態になります　が　JPEG　をススメないのは、この透過PNGのが　使い勝手も断然、良い部分が大だからです

△　それから先程の画面上の　フィルタ・メニュー　から赤丸の部分をクリックしました

△　こうなりましたが、色々やってみてたのですけど　こういうイラストを真っ黒にするのって、けっこう大変なんですねえ・・・イヤまいったな

△　次に別のを選びまして

△　出てきたウィンドウで、また赤丸のモノでクリック  !!

△　うーん、まだ食い下がるの？　かわいくないなぁ

△　これでトドメになってくれるのかどうか？

△　真ん中の△を右端まで一気に　えい  !!

△　一気に・・が功を奏して、真っ黒けのけ  !!   百姓一揆なみのパワーで頑張りましたよ

△　アトは上でやったように、ボカシて　レイヤーの透明度を２３％にしてエンド  !!  エンドウ豆が食べたくなったしで・・・終了

 △　ドロップ・シャドウの機能がソフトに無くても　何とかなりそうな今回のレポートはいかがでした？　じゃ、おつかれさまでした♫