前回の記事は、こちら─、
『 床に反射したようなパッケージ画像を作る⑭ ~ 側面部分にサイト名や Winodws ロゴを配置 』
今回から、いよいよ以下に示すような、
パッケージを少し傾けた状態で配置し、
さらにはそれが、床にも反射して映り込んでいるような、
画像への加工作業に取り組んで行こうと思う。
【 パッケージの完成イメージ 】
![](https://stat.ameba.jp/user_images/20140728/11/netbusinessmsg/50/23/p/o0160023713016663531.png?caw=800)
そこで、ようやく登場するのが、以前の記事でも紹介した、
『 ルピカロア 』( フリーソフト ) という画像加工ソフトである。
■『 ルピカロア 』( フリーソフト )
http://kazina.com/rupikaroa/index.html
![](https://stat.ameba.jp/user_images/20160908/15/netbusinessmsg/f4/59/p/o0472035613743313899.png?caw=800)
まず、これに先立って GIMP で作成した前面部分のパッケージ画像を、
ビットマップ形式でエクスポートしておこう。
これは、GIMP の「 ファイル 」メニュ →「 名前を付けてエクスポート 」
より行うことが出来る。
![](https://stat.ameba.jp/user_images/20161026/11/netbusinessmsg/a3/19/p/o0580046413782256026.png?caw=800)
これで、複数のレイヤーから構成されていた前面部分のパッケージ画像が、
一枚のビットマップ画像として出力される。
![](https://stat.ameba.jp/user_images/20161026/11/netbusinessmsg/e0/ec/p/o0256028813782261550.png?caw=800)
こうして出力した前面部分のパッケージ画像を『 ルピカロア 』に読み込む。
まず『 ルピカロア 』を起動し、出力サイズの枠を、最大の 512×512 に拡げておく。
![](https://stat.ameba.jp/user_images/20161026/11/netbusinessmsg/9f/5d/p/o0580046913782262345.png?caw=800)
こうして、ルピカロアの「 ファイル 」メニュ →「 画像を読み込む 」より、
![](https://stat.ameba.jp/user_images/20161026/11/netbusinessmsg/42/5d/p/o0580046913782262994.png?caw=800)
先ほど出力した、前面部分のビットマップ画像を読み込む。
![](https://stat.ameba.jp/user_images/20161026/11/netbusinessmsg/c0/ae/p/o0580046913782263321.png?caw=800)
ウインドウ画面、右側に「 画像 」「 反射 」といった、
調節バーが並んでいるのが分かると思うが、
![](https://stat.ameba.jp/user_images/20161026/11/netbusinessmsg/1a/a4/p/o0580046913782264448.png?caw=800)
適当にいじってみると、画像の位置や角度、反射の度合い等が、
リアルタイムに変化するのが分かるだろう。
尚、パラメータ調節時のプレビュ表示では、かなり画像が荒く表示されてしまうことに、
不安を覚えられるかも知れないが、この後のレンダリング処理で、より繊細な画像に、
再描画されるので心配は無用だ。
今回のパッケージ制作においては、以下のような設定を使用している。
【 画像 】
【 反射 】
|
こうして、パラメータが決定したら、
その下の「 レンダリング 」ボタンをクリックする。
![](https://stat.ameba.jp/user_images/20161026/11/netbusinessmsg/79/29/p/o0580046913782267633.png?caw=800)
( パラメータの設定にもとづいて、より繊細な画像に再描画される。)
最後に「 出力 」メニュの「 PNG 形式で書き出し 」を実行すれば、
![](https://stat.ameba.jp/user_images/20161026/11/netbusinessmsg/13/b6/p/o0580046913782268178.png?caw=800)
前面部分の完成だ。
![](https://stat.ameba.jp/user_images/20161026/11/netbusinessmsg/20/fa/p/o0121023713782268526.png?caw=800)
( 次回へつづく... )
『 床に反射したようなパッケージ画像を作る⑯ ~ 側面部分を斜めに配置し床に反射 』