コンテンツ開始

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
posted by at 2011-12-26 12:04 | Comment(0) | DAZ3D DAZStudio イラスト 1 | このブログの読者になる | 更新情報をチェックする
SQLの窓全体の検索
Custom Search
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。
コンテンツ終了
右サイド開始
コンテナ終了
base 終了
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX