ホームページ >ウェブフロントエンド >htmlチュートリアル >3 次元レンダリングを試してみる_html/css_WEB-ITnose
3 次元レンダリングを試してみる_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 08:59:011129ブラウズ
今日、「スケッチ」のツールバーをよく見てみたら、今まで使ったことのなかった変形ツールを発見しました。注意深く調査した結果、このツールには、特に立体効果の設計において多くの応用シナリオがあることがわかりました。そこで、自分で実験して3次元の時計のレンダリングを描いてみました。
変形
- 以下のように、この部分では特に注意する点はありません。
time
- 次のステップでは、要点を描き、数字の「9」を立体的に描きます。以下に示すように、最初に完全な「9」を書き、次にレイヤーを使用して反転する必要がある数字の部分をカバーします。
レイヤーを覆う
- 2つのレイヤーの透明度を下げた後、再度レイヤーを描画し、ベクターツールを使用します。をクリックして、上のレイヤーの数字「9」の下半分をアウトライン化し、透明度を戻します。
変換
- 変換を使用してオーバーレイ レイヤーの角度を調整し、数字「9」の下半分を 3 つの角度に調整します。立体的な効果。
変形]
- 最後に、以下に示すように、シャドウ ツールを使用して詳細を調整し、全体のテクスチャをよりテクスチャーします。
時間
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。