コンテンツ開始
<< なんだこの時限爆弾は。『\Device\Harddi… | TOP | NAVER で毎日新聞参照すると、『このURL… >>

2011年12月26日


DAZ3D : 『夢幻二刀』 CSS による合成

 










今まで、最終カットを一枚だけ作る事が多かったのですが、せっかく 3D フィギュアでいろいろな角度からレンダリングできるんだし、CSS で合成してみました。

画像は4枚

1) 背景付きの画像を DIV の背景画像として設定
2) 角度を変えたカットを position:absolute で重ね表示
3) フリーフォントでタイトルを作って合成

いずれも、プレースホルダの position:relative の DIV 内に設定し、
overflow:hidden で内側にはめ込んでいます

ここをクリックすると、以下の HTML の表示デストを行います




 
 
 

 

<div style='
	position:relative;
	border:solid 1px #ccc;
	width:700px;height:500px;
	overflow: hidden;
	background:url(https://lh5.googleusercontent.com/-QsNg1urhAL0/TvS44k5ed7I/AAAAAAAAECg/YBGLoBDdzBg/s1000/_img.png)
	no-repeat -200px -150px
	'
>
<img
	style='
		position:absolute;
		left:30px;top:10px;
	'
	src="https://lh4.googleusercontent.com/-Yuxyjkdi_bo/TvfhKIf4n6I/AAAAAAAAEEM/RwgrP6JVXCs/s300/_image.png"
/>
<img
	style='
		position:absolute;
		left:260px;top:-150px;
		width:80%
	'
	src="https://lh5.googleusercontent.com/-qTCVOjIQB_s/Tvc0W4CCvBI/AAAAAAAAED4/i132mw8S30o/s1000/v4gsword12_23_f3.png"
/>
<img
	style='
		position:absolute;
		left:150px;top:60px;
	'
	src="https://lh3.googleusercontent.com/-yT6mr4or58g/TvXjmHqhjHI/AAAAAAAAEDM/4Gz9FELPr0o/s576/v4gsword12_24..png"
/>
</div>












タグ：DAZ3D DAZ_Studio 


















































【DAZ3D DAZStudio イラスト １の最新記事】















posted by 

 at 2011-12-26 12:04




| Comment(0)


| DAZ3D DAZStudio イラスト １
| このブログの読者になる
| 更新情報をチェックする


























SQLの窓全体の検索







  

    
  

  
  

    Custom Search
  











この記事へのコメント





コメントを書く





お名前: 



メールアドレス: 



ホームページアドレス: 



コメント: 







※ブログオーナーが承認したコメントのみ表示されます。



































Powered by Seesaa

 
















コンテンツ終了







右サイド開始














コンテナ終了

base 終了



XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX