3 次元レンダリングを試してみる_html/css_WEB-ITnose

今日、「スケッチ」のツールバーをよく見てみたら、今まで使ったことのなかった変形ツールを発見しました。注意深く調査した結果、このツールには、特に立体効果の設計において多くの応用シナリオがあることがわかりました。そこで、自分で実験して3次元の時計のレンダリングを描いてみました。

変形

• 以下のように、この部分では特に注意する点はありません。

time

• 次のステップでは、要点を描き、数字の「9」を立体的に描きます。以下に示すように、最初に完全な「9」を書き、次にレイヤーを使用して反転する必要がある数字の部分をカバーします。

レイヤーを覆う

• 2つのレイヤーの透明度を下げた後、再度レイヤーを描画し、ベクターツールを使用します。をクリックして、上のレイヤーの数字「9」の下半分をアウトライン化し、透明度を戻します。

変換

• 変換を使用してオーバーレイ レイヤーの角度を調整し、数字「9」の下半分を 3 つの角度に調整します。立体的な効果。

変形]

• 最後に、以下に示すように、シャドウ ツールを使用して詳細を調整し、全体のテクスチャをよりテクスチャーします。

時間