丸窓の景色 冬
2008年 03月 28日
FFさんのお題「”桜を素材とした画像加工 ”」に投稿するために考えました。
もう春ですが最初に丸窓に似合う写真を見つけたのが「冬景色」でした。
もう一手間加えた応用部分は「丸窓の景色 春」に【作成手順】を書いています。
横幅 600pix を基準に制作していますが私のブログは 500pix までしか通常表示されないので最後にリサイズしました。
結構ややこしいかもしれません。書くのに疲れましたが理解してもらえるかな?
たくさん数字を書いていますがあまり神経質になる必要はありません。
要はご自分が作成された「障子の高さ」と「貼り付ける空間の高さ」が同じであれば良いのです。
【作成手順】
A.障子 220pix × 374pix(200pix × 350pix + 2pix(周囲)+8pix(下のみ12pix))
B.丸窓用の抜き型 350pix × 350pix(400%に拡大して「円形切り抜き」)
C.台紙 600pix × 470pix(13pix(上下)+374pix +50pix +20pix)
D.丸窓に入れる 写真 350pix × 350pix(400%に拡大して「円形切り抜き」)
以上 4つを別々に作ります。
[A.障子]
1.200pix × 350pix の白紙を新規作成します。
・「ブラインド:幅:40」色[180:105:105](色は任意ですが参考まで)
・「ブラインド:幅:50」 「水平方向」にチェックを入れます
2.「エッジの強調:15」の後、「塗りつぶし:白色:許容範囲40前後」・・・グラデーションがかかっているのでクリックする位置によってできあがりの線が微妙に違ってきます。
3.周囲に「余白:2:薄いグレー」で付け、「立体枠をつける」で [幅:2:凹]、[幅:2:スムース]
4.さらに左図のように任意の色で余白を付け、「立体枠をつける」で[幅:2:スムース]
障子の完成です、BMPで保存しておきます。
[B.丸窓用の抜き型]
1.新規作成で 350pix × 350pix の黒い用紙を作成します。
400%に拡大し「円形切り抜き」して「ネガポジ反転」、
25%に縮小します。
BMPで保存しておきます。
『補足』・・・「座標指定切り抜き」の使い分け
① 自由に移動できます。
②の状態になっている物を再び動かしたい場合は、もう一度「座標指定切り抜き」をクリックします。
② ①の状態の物をダイアログボックスの × で閉じると、囲んだ範囲内に色々なコマンドを実行できます。
上図のように「イメージ」→「座標指定切り抜き」をクリックすると、四隅を□で囲まれた範囲が表示されます。同時に表示されるダイアログボックスに数字を入力すると自分の希望の大きさに出来ます。
この形の時 「手の形」でドラッグして位置を自由に変えられます。(数字は自動的に変化します)
おおよその範囲を囲んでも②の状態になります。■をドラッグで拡大縮小は可能です。
正確な数値にしたい場合は、おおよその範囲を囲んで「座標指定切り抜き」をクリックし、表示されたダイアログボックスに数値を入れます。
①の状態でダイアログボックスを「OK」すると、その部分が切り取られます。
すぐに「元に戻す」で元の状態にすると、先ほどの「大きさ」と「位置」が記憶され、別のJTrimでも 再び「座標指定切り抜き」をクリックすると同じ位置に表示されます。(上手に利用しましょう)
[C.台紙] 600pix × 470pix 下図と説明番号が対応しています。
1.600pix × 400pix の白紙を新規作成します。
「塗りつぶし」で任意の色を塗り、「テクスチャ」→「コンクリート壁:20」を実施します。
2.「座標指定切り抜き」をクリックしてダイアログボックスを出し、②の数字の下に書いている座標を入力します。台紙の一番上に範囲指定されたと思います、×で閉じて任意の色を塗り、「立体枠をつける」で[幅:2:スムース] 次に利用するため枠を消さないで下さい。
3.「座標指定切り抜き」クリック、最下部までドラッグ(必要なら③の上 Y座標のみ変更)
2番と同様の作業
4.「余白をつける」で下に 70pix 白色を足します。
「座標指定切り抜き」、最下部までドラッグ(必要なら④の右横 Y座標のみ変更)
2番と同様の作業、変更点・・・[幅:3:スムース]
5.「座標指定切り抜き」、すぐ上にドラッグ(必要なら⑤の右横 Y座標のみ変更)
色を塗り、「テクスチャ」→「コンクリート壁:35」を実施します。
台紙の完成です。BMP保存して下さい。(写真の位置の変更が可能です)
6.最後に「座標指定切り抜き」をクリックしてダイアログボックスを出し、⑥の数字の下に書いている座標を入力します。台紙の中央右よりに範囲指定されたと思います。「OK」して位置を記憶させ「元に戻す」で戻します。
7. [B.丸窓用の抜き型]を開いてコピーし、「合成」→「明るい画素優先」で合成します。
BMPで台紙として保存しておきます。
写真の入れ替えが可能です。
(後で「応用」もされる方は数字をこの位置を参考に割り出していますので、ここでもBMP保存して下さい・・・障子を貼った後でも構いません)
8.写真用の円の両側 ぎりぎりに障子を貼り付けます。
まず保存してある障子を開き、コピーして右側に「合成貼り付け」で貼り付けます。
次に障子を「ミラー」します。それを再度コピーして左側に「合成貼り付け」します。(桟の入り方が左右対称になります)
[D.丸窓に入れる 写真]
350pix × 350pix の写真を用意し、
400%に拡大します。
「円形切り抜き」を左図のように2回行います。25%に縮小します。
それをコピーして、台紙で「座標指定切り抜き」をクリックすると、先ほど記憶させた枠が表示されますので × で閉じて「合成」→「暗い画素優先」で合成します。
完成!お疲れ様
私には よ~くよ~く読んでもまだ よく理解できませんが こんなこと出来るskyさんに ただただ感服あるのみです
私もこんな風に 自分の頭で考えた作品ができたらどんなに いいでしょう
でも 私は今の所 人のマネだけです 多分ずーと同じでしょうけど でもやってるときは楽しいから いい事にします
今、miyaさんのところで見たので、やってきました。
JavaScriptを使って、障子を開閉するというのをやったことあるけど、
JTrimで、その画像を作っちゃうんですね。
見ただけで、「わぁ~、大変!!」なんて思ってますよ。
数字を見ただけで、頭が痛くなっちゃうわたしです。(爆)
大河の「篤姫」見ていて、丸窓って良いなぁ などと思っていました。
それとお題の「桜」を合体させたのです。
発想ってそんな単純なことから思いつく物ですよ、いくら考えても出てこないこともありますが・・・
作ること自体はそんなに難しくなかったのですが、説明が大変だったので 今 やれやれと思っていたところpocckeさんにコメントいただいてとってもうれしいです。
最初は私もマネばかりでしたよ、pocckeさんもそのうちご自分の考えで作品が出来るようになると思いますよ。
だってバッグではずっーと前からそうされているのでしょう。
早速 見て下さってありがとうございます。
実はみっちゃんの障子を見てこんな障子は作れないものかと思ったのです。
イメージがちょっと違うので別の画像を参考にしましたが。
説明文にも書いていますが数字はあまり考えなくても良いのです。
出来上がったら、説明するのに数字が必要だった だけですから。
よかったらまた作って下さいね。
いつもコメントありがとうございます。
これを考えていたんですね! 完成したのですね!
凄いです、すごいとしか言いようがありませ~ん
pocckeさんと同じように真似するだけで楽しいんですが・・それでも私には大変なこと!
数字は気にしなくとも良いとのことですが・・・
難しそうですね~~。
お褒めに預かりありがとうございます。
文字にすると長くなりましたが、台紙は作成してみると同じ作業の繰り返しで、carrotさんならそんなに難しくはないですよ。
是非挑戦して下さいね。楽しみに待っています。
いつもコメントありがとうございます。
作品を気に入っていただき嬉しいです。
もしわかりづらい点がありましたら、このコメント欄の下に「画像掲示板」がありますので、わかりにくい点の画像添付してご質問いただいたら幸いです。
頑張ってくださいね。