Figma グラデーションを適用して図形やボタン作る方法。YouTube動画あり。初心者でも簡単に出来た。

Figma グラデーションを適用して図形やボタン作る方法

Figmaで図形を使って、ボタンを作る時に、ちょっと
グラデーションを適用して作る方法調べたら、簡単に出来た。

やり方は簡単なんで、良かったら参考にして下さい。

今回は、ナヴィゲーションボタン素材を、Figmaで作る
際のやり方で説明してます。

では、実際にやっていきます。

グラデーション効果つけていきます。

Ｆ押しては四角の画像を作ります。

選択した状態で右側に、Ｆｉｌｌという場所があります。
Ｆｉｌｌという文字の下の四角の部分クリック。

するとカラーパレットが表示されます。

左上　Ｓｏｌｉｄ　て文字が表示されてるところクリック。
するとリストが表示されます。
そのリストの中から選択します。

今回は一定方向に色を変化していくので、Ｌｉｎｅaｒをクリック。

すると、吹き出しのようなものが表示されます。
その吹き出しをクリックして選択した状態で、下のカラーの所
をクリックすると、色の指定が出来ます。

最初は、吹き出しが左右に２つ表示されてるので、その間に
吹き出しを増やして、色を変化させていく感じです。

吹き出しを増やしたい場所でクリックすると、吹き出しが
増えていきます。

増えた吹き出しの位置はドラッグ＆ドロップで移動できます。
色々移動して、色の変化をつけてグラデーション効果をつける
感じになります。

選択してた図形にも、色のついた吹き出しが表示されてます。
その両端の円にマウス合わせると、十字になるので、その状態で
マウス動かしても、幅を変更できます。

これで、グラデーション効果は完成です。

後はサイズ設定すればＯＫ。

この色のグラデーション効果は他にもいくつかあります。

Image　画像を挿入する　これは画像を挿入することが事が可能。

最後に、この記事見てるあなたは、独学中ですか？
私も最初は、独学でやろうとしました、プログラミング
を独学はちょっとしんどい。。。
私のだした結論は、お金出して学ぼうでした。
独学で時間かけるよりも、お金出して、早くマスター
して、早く収益を上げれるようにした方がいいと思いました。

新品価格
￥1,243から
(2021/12/27 20:38時点)