文字をグラデーションに ウェブアートデザイナーにて | 安心できる在宅ワーク 働くママ講座 ~シリウス デザイナーのプラスアルファな子育て~

文字をグラデーションに ウェブアートデザイナーにて



前回は、ウェブアートのロゴ作成機能をつかった、2つのロゴを組み合わせて、効果的なロゴをつくる方法を紹介しました。




今回は、ロゴの色の塗り方の小技、です♪




ロゴをクリックすると、こんなウィンドウがでてきます。その、「色」タブの機能を使って、文字を編集してみましょう。










ウェブアートデザイナー活用術 for もしもドロップシッピング-色








☆カラーパレットがこのようにでてくるので、好きな色をクリックすると、文字の色が変わります。




そして、その他ボタンを触ると、さらに細かい色設定ができます。


このあたりは、画面を開いてみれば、わかるかな・・・。とりあえず、省きます


(もし、わからなかったら、メッセージくださいね!)




文字をグラデーションで塗る







1)グラデーションパレットから選ぶ




色タブのグラデーションボタンを押すと、こんな画面が出てきます。


ウェブアートデザイナーでは、あらかじめ、グラデーションのさまざまなパターンが、用意されています。




一覧のところに表示されているものがそれです。




スクロールしてみるといろんなパターンがあります。


使いたいグラデーションをクリックすれば、自動的に、文字の色がグラデーションに変わるわけです。カンタン♪

ウェブアートデザイナー活用術 for もしもドロップシッピング-色2





一番左のautumnだとこんな感じ。




ウェブアートデザイナー活用術 for もしもドロップシッピング-autumn






ほかにもこんなのもありますよね。




レインボー!




ウェブアートデザイナー活用術 for もしもドロップシッピング-rainbow






・・・・色多すぎは禁物ですな・・・。




ショップページのカラーは、だいたい3色くらいに抑えると良いのです。


メインカラー(ベースになる色)


アクセントカラー(強調したいとこ)


サブカラー(ちょっと目立たせたいとこ)




なので、レインボーは、やり過ぎです(笑)ただ、例としてあげてみた、と思ってください。




2)グラデーションを自分で作る




グラデーションパレットには無いグラデーションパターンを自分で作りたい、そんなときはこの方法。


グラデーションパレットの下の、「その他」ボタンをクリック。




ウェブアートデザイナー活用術 for もしもドロップシッピング-iro






グラデーション作成ウィンドウが開きます。


ここで、グラデーションを作ります。




☆色の設定  左側の色から右側の色にグラデーションします。


色の調整は、色のボタンを押してカラーパレットを表示して決めるか、


スライダーを左右に動かして調整して決めるか、どちらでもOK。




☆角度 グラデーションの角度を決めます。


↓を持って任意の角度に。矢印の向いている方向に色が変化していきます。




☆形状 グラデーションの形状を決めるボタン




すべての調整が終わったら、OKボタンを押します。




できたグラデーションは、保存しておくこともできます


保存したグラデーションを使うときは、読み込みボタンを押して選択すれば使えます。






上の図のカラー設定でできた文字がこちら




ウェブアートデザイナー活用術 for もしもドロップシッピング-iro






次は、文字をパターンで塗る方法です!




ではまた!