Web Amusement Hyper Activity Land

イラストAC の詳細ページにはタグの一覧がありますが、ここは css の user-select が none になっているので選択できません。この user-select を all にすると、右クリックだけで全て選択されてコピーのメニューが使用可能です。

ブックマークレットが無くても、F12 のデペロッパーツールで該当部分の css を 変更すれば同じ事です。

他の作者さんのタグを参考にして、関係ないものを削除していくという使い方をします。

最近は、セキュリティに厳密になったサイトが増えたのでそのページに埋め込む事ができなくなる事があるので、windows.prompt で検索文字列を入力させて直接 Google を呼び出すようにしました。



旧式の IFRAME をページに埋め込むバージョンはこちらです。



ドメイン内 検索

Twitter に移動するのですぐ投稿できます
画像を追加したければクリップボードにコピーしておいて貼り付ければ追加できます

選択文字列を取り出すコードはわりと有名なブックマークレット用のコードです。誰でも転用できます。
▼ ブックマークレット登録可能な HTML

ブックマークレット => <a href="javascript:var%20d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:(enc(s))),f='https://twitter.com/intent/tweet',l=d.location,p='?text='+s2+'&url='+enc(l),u=f+p;try{if(!/^(.*.)?tumblrzzz[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)" onclick=" 
		alert('ブックマークバーまたは、お気に入りバーにドラッグドロップが簡単です'); 
		if (window.navigator.appName.toLowerCase().indexOf('microsoft') > -1) { 
			event.returnValue = false; 
		} 
		event.preventDefault(); 
		event.stopPropagation();
	">選択文字でTwitter投稿</a>

ソースコード
▼ URL ありバージョン

javascript:var d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:(enc(s))),f='https://twitter.com/intent/tweet',l=d.location,p='?text='+s2+'&url='+enc(l),u=f+p;try{if(!/^(.*.)?tumblrzzz[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a =function(){if(!w.open(u))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else a();}void(0)

▼ URL なしバージョン

javascript:var d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:(enc(s))),f='https://twitter.com/intent/tweet',l=d.location,p='?text='+s2,u=f+p;try{if(!/^(.*.)?tumblrzzz[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a =function(){if(!w.open(u))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else a();}void(0)

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

使いどころが自分でもさっぱり解らない素材ですが、DAZ3D のプロダクトの中でとっても気になって買ってしまって、『出来上がった絵が好き』と言うだけの画像です。

(1) なんで (2) があります。

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

これも Borg ですが、背景の月がとても美しく、壁紙にするととても迫力があります。

最大表示 

この背景は、Moon 360 というプロダクトで、HDR environment です。この月背景以外にもいろいろバリエーションが多く、なんといっても今まで手に入れた中でもっとも背景の星空が精密です。

今までいくつもショボい HDR environment がありましたが、その都度 GIMP で自家作成してました。今後は背景作るのにいろいろ便利になります。

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

Borg と言えばスタートレックですが、Borg for Genesis 8 Female と言うプロダクト名が付いてます。

このプロダクトに関しては、いろいろカスタマイズのバリエーションが多く、現在調査中の物件でもあります。特に Iray シェーダの真髄がいろいろチェックできて、時間がいくらあっても足りないぐらいです。

シェーダーのカスタマイズ以外にも、キャラクタを何をベースにするかによっても雰囲気が変わって来てとても面白いです。この娘は、Omnix for Genesis 8 Female というとても可愛い造形の宇宙人です。


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

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

Damaged Corridor Construction Kit という SF 宇宙船内の通路キットというのを買って、テストレンダリングの為に、既に作成済みのアンドロイドをしゃがませて『宇宙船内を点検』という雰囲気にしたものを作成しました。

最初テストのつもりだったので、Tumblr と Twitter に放流したんですが、自分的にもいい出来だと思ったのでそのまんまイラストAC に投稿しました。

イラストAC の著作者確認欄には、URL をセットして投稿しましたが、『他社ストックフォト』と明記してあるので、この欄は審査用と言うよりは、『利用規約』良く知らない人の為に知らせる意味もあると思ったりしてます。
弊社はイラストをアップロードした会員がアップロードしたイラストを、他の素材ダウンロードサイトにアップロードすることを許可します。但し、アップロードした素材ダウンロードサイトが、イラストの著作権をダウンロードサイト運営者あるいはユーザーに移転させ、あるいは放棄させる内容のものである場合は、この限りではありません。 また、弊社は、イラストをアップロードした会員がそのイラストを他の素材ダウンロードサイトにアップロードすることが許可される場合に、そのイラストが、そのサイトのユーザーにより適法にダウンロードされたときは、弊社はそのユーザーに対して著作権を主張しません。


そもそも、利用規約って意味解り難いですからね。

だいたい、イラストAC が特殊で、他の場所で著作権を譲渡するなんて普通無いと思われますし。譲渡しない以上、どこで売ってもいいって事ですし、販売しながらイラストAC に投稿してもいいって事です。

>そのイラストが、そのサイトのユーザーにより適法にダウンロードされたときは、
>弊社はそのユーザーに対して著作権を主張しません。

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

Borg for Genesis 8 Female という、ちょっと一筋縄ではうまくいかないプロダクトです。けっこういろいろ試してやっとうまく行くようにはなって来ました。

基本、自分で色バランスや光加減はカスタマイズするのが吉です。

プロダクトページでは、半分ヒューマンのサイボーグタイプ(プロダクト名がボーグですし)ですが、日本人としてはフルで同系色のアンドロイドのほうがしっくり来ると思ってます。

イラストAC での見え方もあるので、体型はちょっとボディビルダーを強くして存在感を強くした感じですが、普段自分で使うのはもっとほっそりしたアニメチックな方向性です。

以下の二つは、最初にトライしたそっち系(ほっそり)の壁紙を想定した『アンドロイド・レディ』です。


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


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

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

Pix - Synx for Genesis 3 Female です。

前から気にはなってたんですが、定価 $24.95 で、そんなに出すのなら他にもっといいプロダクトは沢山あるわけで。でも、これが $7.49 まで下がった(70%オフ)ので買いました。

Pix - Synx for Genesis 3 Female $7.49/$24.95

実際のところ、皮膚の切れ目から見えるハードは、スキンそのものなので、Borg ほどのカスタマイズはできません。

▼ クリスタルの剣で戦うアンドロイド・レディ


なので、Synx は未知数ですが、見たとおり SF ごころをくすぐる風貌がなんとも言えないです。同時に買った、Moon 360 も約50%オフで、内容は思った以上に美しい宇宙空間が簡単に背景に使えるのでとてもいいものです。

そんな背景が簡単だった事情もあって、普通は JPG だけで作るのですが、背景消すだけなので PNG もいっしょにアップしています。

壁紙としてはなかなかいい感じです

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

Z Snowey - Snowman and Poses for Genesis 3 & 8 Female が 100% オフだったんで、いままでの流れで雪の中に埋もれてもらいました。(このプロダクトはクリスマス用の一時的なものみたいで、URL 無くなってました)

1) 樽に積もる雪に注ぐ光

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

2) 結晶の雪が降りそそぐ風景

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


▼ こちらは素のスノーマンです


ブロダクトには、スノーマンと戯れるGenesis 3 Female と Genesis 8 Female のポーズが付属してますが、『そんなん必要か?』と思ってます。

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


『樽に積もる雪に注ぐ光』に使った雪のセットをもう一つ投入して、片方の雪のつぶを結晶として表示するように設定しました。



樽や地面の雪を取り除いて、雪だけの素材にしています。JPG でもそれなりに美しく壁紙として使え、PNG では前面レイヤーに使用する事によって雪景色を演出します。

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

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

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

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

透過時の透過部分表示



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

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



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

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

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

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



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



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

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




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



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

▼ DUAL


▼ 横


▼ 縦


▼ はんこ

書体見本ページ

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

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

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

GIMP による加工



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

地球(アメコミタッチ)

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

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



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

▼ 加工前

惑星都市の風景

▼ 加工後


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