ホームページ > ウェブフロントエンド > htmlチュートリアル > シンプルなチョーカーを使用して Fusion Effects を使用したメニューを作成する_html/css_WEB-ITnose

シンプルなチョーカーを使用して Fusion Effects を使用したメニューを作成する_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 08:49:26
オリジナル
1804 人が閲覧しました

シンプルチョーカーは単純な抑制とも訳されます。かなり抽象的に聞こえるので、写真を見てみましょう。今日は、シンプル チョーカー特殊効果を使用して、グラフィック フュージョン効果のあるメニューを作成する方法について簡単に説明します。

1. 以下に示すようにシーンを作成します。

この手順は比較的単純なので、ここでは詳しく説明しません。手順

2. 大きな円の中心から分岐する 5 つの小さな円をアニメーション化します

ここで弾力性や緩衝性などを調整できます。好みに応じてアニメーション効果を調整します。

3. 新しい調整レイヤーを作成し、「choker」という名前を付け、以下に示すように単純なチョーカー エフェクトを追加します。

チョーク マットの値は次のとおりです。ブレンドするために少し大きめに設定します。効果がより明らかです。ここでは 60 に設定します。

ここで注意すべき重要な点は、チョーク マットの値をより大きな値に設定すると、グラフィックスがより激しく変形し、これらの円がわずかに変形して縮小されることです。下の図を参照してください:

この円の左側に明らかな突起があります。この問題を解決するにはどうすればよいでしょうか。 この問題を解決するには、下の図に示すように、このレイヤーにマスクを追加するだけです。

ご覧のとおり、円は修正されています。単純なチョークを適用すると円が小さくなるため、この円のサイズを適切に調整できます。

ソースファイルが添付されていますので、興味のある方はぜひ練習してみてください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート