イラストAC : 樽に積もる雪に注ぐ光


イラストAC よりフリーダウンロード

クリスマスも近いので、雪のプロダクトを使ってなんか作ろうと思って、古いロンドンの街のプロダクトの prop(小道具)にある樽を使いました。

ちょっと解り難いですが、樽の下のほうは少し雪に埋もれてます。





posted by at 2017-12-17 21:00 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

透過PNGで、ドロップシャドウを可能にしました / フリーフォントで簡単ロゴ作成

長い間透過 PNG の処理が、単純に文字だけの場合にのみ使えるというようなおまけの処理でしたが、いろいろと対応しました。

透過時の透過部分表示



透過の効果を明確にする為に、画像の親要素の DIV の背景に灰色のチェックのパターンを表示しています。

透過時にドロップシャドウ



いままでドロップシャドウは、内部で作成した背景をぼかして使用していました。もちろん、背景透過でなければなにも問題は無いのですが、文字だけをぼかしてそのまた後ろに背景を作成する事ができないので、背景透過の場合は文字側で、透過度の違う黒文字をずらして重ねた影を使ってドロップシャドウを使えるようにしました。

この文字でのドロップシャドウは斜めに少しづつ透過度の違う文字を重ねて使用しているので、ぼかした場合よりもシャープになります。ですが、全く無いよりもはるかに見栄えがするようになります。

また、現時点では影の濃さは一種類ですので、Shadow チェックボックスの左端のみに反応するようになっています。

透過時に背景画像とドロップシャドウ



今まで、背景画像を使ってドロップシャドウを使用した場合は背景画像もぼけてしまいました。



しかし今回の更新で、背景画像を使ってドロップシャドウも使いたい場合は、透過PNG 処理を行えば目的を達成する事ができるようになりました。

そして、このサンプルでは、全面に画像を使用していますが、透過 PNG を背景画像にしてその PNG の透過部分を有効にする事もできます。




背景画像にふきだし画像を追加



もっと多くのふきだし画像を追加する予定ですが、もともとこのふきだしの中に文字を入れるという事が目的での整備でした。このような処理を、DUAL・横・縦・はんこ(はんこにはドロップシャドウはありません)で可能になっています。

▼ DUAL


▼ 横


▼ 縦


▼ はんこ




書体見本ページ

フリーフォントのライセンス情報



posted by at 2017-12-16 22:54 | フリーフォントで簡単ロゴ作成 | このブログの読者になる | 更新情報をチェックする

イラストAC : SF世界の銃(GUN)



SF 系の銃の PROP(小道具) は六つぐらいあるんですが、普段使用する場面とか無いし、持ってるのは基本古いプロダクトで 3Delight 仕様なので Iray で作り直さないと使え無いです。これも、その作業をせいいっぱいやってこの程度です。脇役の大量のロボットにでも持たそうか... というレベルです。

ですが、なにかのワンポイントで使うなら逆にシンプルでいいかもしれないので作ってみました。

GIMP による加工



▼ 背景は イラストAC に投稿してあるこちらです。

地球(アメコミタッチ)

元のままだと背景に比べてちょっと暗いのでスクリーンで明るくして、色(レベル)の真ん中ボタンで少し色合いを変えています。さらに、画像のメリハリを出す為に、Landscape Illustrator で加工して、下側のレイヤーを使っています。

Landscape Illustrator は、GIMP のスクリプトで、その名のとおり実写をイラストっぽく加工します。その加工そのままは以下のようになります。



このままでは効果がちょっと解り難いので、イラストAC に投稿した以下の風景を加工してみます。

▼ 加工前

惑星都市の風景

▼ 加工後


このままじゃ、ちょっと... ですが、部分的に使うと効果が上がる場合もあります。



タグ:イラストAC
posted by at 2017-12-16 15:49 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : 『雲形吹き出し』のフリーダウンロード

『現在 54 個』雲形吹き出し素材のフリーダウンロードです( イラストAC より )。1600x1200 で 吹き出しの外側を透過した PNG 画像もあります





posted by at 2017-12-15 12:39 | イラストAC ダウンロードリスト | このブログの読者になる | 更新情報をチェックする

イラストAC : 『メイド女子』のフリーダウンロード

posted by at 2017-12-15 12:38 | イラストAC ダウンロードリスト | このブログの読者になる | 更新情報をチェックする

イラストAC : 『単純背景』のフリーダウンロード

posted by at 2017-12-15 12:38 | イラストAC ダウンロードリスト | このブログの読者になる | 更新情報をチェックする

イラストAC : 『学校関係の背景』のフリーダウンロード

posted by at 2017-12-15 12:38 | イラストAC ダウンロードリスト | このブログの読者になる | 更新情報をチェックする

イラストAC : 髪型別『笑顔の女子高生』のフリーダウンロード

posted by at 2017-12-15 12:38 | イラストAC ダウンロードリスト | このブログの読者になる | 更新情報をチェックする

合成画像サンプルの画像を 12 枚追加しました : フリーフォントで簡単ロゴ作成

画像をインターネット上から合成できる機能ですが、サンプル画像として簡単にサイズ変更可能なものを用意しています。





今回、主に背景に設定しやすい 最大サイズ 800 x 400 の画像を 12 枚用意しました。『通常画像(背面チェックボックスを ON)』の欄にある画像は、選択すると『画像を背面で表示する』チェックボックスが ON になります。( URL の w=780 の部分を変更すると幅を指定できますが、800 以内の表示状態であれば、自動的に幅は設定されます )

この機能で作成したサンプルは以下のようになります。(ランダムで表示されたものをフォントサイズ調整して縦幅調整したものです)





























書体見本ページ

フリーフォントのライセンス情報



posted by at 2017-07-08 23:14 | フリーフォントで簡単ロゴ作成 | このブログの読者になる | 更新情報をチェックする

イラストAC : 中世建築風の街の風景 : 幻想的なファンタジーな景観(双子惑星)

▼ イラストAC よりフリーダウンロード

幻想的なファンタジーな景観(双子惑星)

双子の惑星を想定しているのは、単純オブジェクトの sphere で、それにシェーダをいろいろ適用して Iray のドームの光源でドームを回してよさげな場所で止めてレンダリングしています。



光源を正面にして、それらしくしてみようと試みたものもありますが、今一つイメージより遠いというか、いろいろ不自然なものが以下になります。なんか巨大球形船と言い切ったほうがいいかもしれません。






posted by at 2017-05-23 22:18 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : 人口衛星から見た地球



ダウンロードページ

もちろんこれは本物の画像では無くこういうプロダクトがあって、それをレンダリングしたものです。しかし単純作業では無く、本物の画像の地球と宇宙の境界の具合を見ながら調整しました。

また、うっすらと星のある宇宙空間の背景は別に用意しています。

何故か他に比べてダウンロード多いです。



posted by at 2017-02-26 23:14 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : 晴天の中世建築風の街の風景



ダウンロードページ




ダウンロードページ

以前にも同様の風景をアップしていますが、今回は特に2枚目のベーカリーの前にテーブルと椅子ある風景です。街を構築するのは家一軒でもかなり重いので、いいカメラ位置から最低限のものを配置しています。

この時はグラフィクボートを買った後だったので、レンダリングそのものは時間かからなかったですが、まだ Iray のプレビューの方法を知らなかったので結構全体としては手間がかかっています。

とにかく、カメラ位置と太陽の位置が重要で、プレビューが重要です。

2枚目の画像は、PNG 画像も用意しました。空は別画像で用意して自由にカスタマイズできます。


posted by at 2017-02-26 23:05 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : 水路で佇むブロンドの少女



ダウンロードページ

このテーマ、最初女性にファンタジー系の金属製ビキニ着せてイラストAC にアップしたら(肌の露出が若干多いのでダメなんでしょう)、NG になってしまって、水の中なんで不自然なんですが、アーマー着せて Iray のシェーダで光らせました。

まあ、サービスとしては至極まともである事の証明なんですが、文言にもう少し気を使ってくれてもいいんじゃないかと思うわけです。

通常、自分の作品にこんな文章付いたらショックな文言でした。



posted by at 2017-02-26 22:48 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : 3D デザイン単純背景 : 『明るい YES』

明るい YES


タイトル付けるのに苦労しました。DAZ3D のプロダクトの中には、現実世界のカメラマンが室内で撮影するような背景セットみたなのがあって、その前に人物では無くアルファベットのプラスチックの中に電球が並んでいるオブジェクトを浮かしてレンダリングしています。

Music In Motion

Alphabet and Number Props with Lights for Iray

以下は、背景セットに Iray 用のシェーダを適用したもので、YES の マテリアルも変更しています。音符と5線のオブジェクトは Music In Motion のものです。

光沢カーボンのYES


金属光沢のYES



posted by at 2017-01-24 02:43 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : 向こう側への扉

向こう側への扉


ベースの建物は、West Park です。それに、AtmoCam for Iray を使用して色と Haze の効果を出し、光の軌跡がレンダリングされるようになっています。

関連する記事

DAZ3D : AtmoCam for Iray の Haze は Surface の SSS Amount で設定されているようです

中央は、本来ドアがあるのですが、Surface で ドアのみを透明にし、ガラスと取っ手はそのままにしてこのような結果になるようにしています(向こう側への扉)。



posted by at 2017-01-22 22:12 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : 中世建築風の街の風景


晴天の中世建築風の街の風景


このプロダクトは相当多くのバリエーションが作れます。とりあえず、Iray の太陽光で明るい日差しの影かはっきりと見れる風景と、ドーム光で全体を薄味で作成しておいて、絵画風にレタッチした二枚を作成しました。

絵画風中世建築風の街の風景


▼ プロダクト
Harpsburg for Daz Studio



posted by at 2016-12-30 22:57 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : 古いロンドンの街並みの風景

▼ Iray


Iray で作るこういう風景は思った以上の出来上がりになります。ですが、使う場面にもよりますが、3Delight でレンダリンクしたものも、レタッチ次第でいろいろな場面に合いそうです。なんか作りがいがあります。

▼ 3Delight


▼ プロダクト
The Streets Of Old London



posted by at 2016-12-30 22:26 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : DAZ3D の日本をほぼ完全トレースした教室プロダクト

教室背景


ほぼ完全トレースです。日本人がデザイン起こしたのかもしれないですが、一部日本語を使った部分に不自然さがあったので、完全日本産では無いようです。

まだ一度のテストレンダリングしかしていませんので、これ一枚です。実際は日本の教室は教室後部に味わいが出るものですので、まだまだバリエーションを追加予定です。

このプロダクトは、窓部分のレンダリングに少しコツが必要です。Iray でやるにはライトが少し面倒ですし、教室にはリアル感はそれほど必要無いと思ってます。普通に 3Delight でレンダリングすると、ガラスとガラスが埋め込まれた物体との境界が汚くなります。透明度を調整するといいと思います。



posted by at 2016-12-29 22:26 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

イラストAC : さすが、Iray。バロックの豪華応接間

バロック室内


1600x1200 の大きさがありますので、一度現物をちゃんと見て欲しいですが、かなりいい感じには仕上がっています。

当初、安かったので 3Delight のみのプロダクトを購入したのですが、ロウソクの火の部分を自前で作らないといけない仕様でした。しかし、たとえ頑張って作ったとしても 3Delight ではしょせん限界のある絵になるのは目に見えていたので、Iray の追加アドオンを購入してテストレンダリングしたものです。

シャンデリアのロウソク部分と、椅子へのライトが一番時間がかかりました。相当放置していましたが、たぶん3時間くらいはかかっていると思います。ロウソク以外のライトであればもっと早く使えるものになると思います。または、天井とっぱらって自然光を使ってカメラ位置を工夫すれば、かなり早くは見本が出来上がるとは思いますが・・・・テーブル上のキヤンドルの遠近感のこの角度がいいと思ったのです。



posted by at 2016-12-26 23:16 | イラストACに投稿した素材 | このブログの読者になる | 更新情報をチェックする

JavaScript 内で使用する、キャラクタセットに依存しない日本語文字列を作成する

頭に \u が付いた、16進数の数字部分が4桁の 文字列に変換します。変換は、文字コードが 0x7f より大きなものが対象なので、一般的な半角文字はそのままです。


▼ 結果の文字列( クリックすると選択します )


▼ テスト用文字列( クリックすると選択します / デベロッパーツールのコンソールで実行用 )


ソースコードはこちら



posted by at 2016-12-17 15:22 | ツール | このブログの読者になる | 更新情報をチェックする

翔ぶ、バタフライ

Three.js の canvas でとてもインパクトのあるデモを平面画像に差し替えて使っています

▼ クリックすると、Shdowbox が起動します。( バタフライをクリックして下さい )


posted by at 2016-12-13 12:10 | アミューズメント | このブログの読者になる | 更新情報をチェックする