[Photoshop]簡単なのに凝って見えるボタンデザインの作り方（前半） 12 akipon 2021年5月17日 03:55 基本の作業 (ボタンのベース) シェイプ機能を使ってボタン枠を作り、その上にテキストを載せる。 ちなみにサンプルの設定は以下です（適当です 汗） 楕円形ツール：W382px/H106 px 文字：游ゴシック体/ボールド 1.シンプルグラデーション ボタン枠のレイヤースタイルを以下のように設定する。 グラデーションオーバーレイ グラデーションの設定は以下の通り。 0%：#8095ec 100%：#7743df 2.ぷよぷよボタン まずは背景作り。 ボタン枠のレイヤースタイルを以下のように設定する。 境界線 色は#0070a9で設定。 光彩（内側） 今回は、 Photoshopで簡単にできるボタンの作り方 をお届けします。 この方法を使うと、Webサイト用のボタンや スマホのゲームっぽいボタンを簡単に作ることができます。 また、両端が丸くなったボタンも簡単にできます。 いろいろと応用がききますので、よかったら参考にしてみてください。 というわけで、さっそく作り方を紹介します。 スポンサーリンク 目次 WEBで使えるボタンの作り方 ベースとなる長方形を作る ボタンを装飾する 文字を入れます 文字を中央に入れる方法 応用方法 光彩（内側）を変更する 両端が丸いボタンを作る おしまいに WEBで使えるボタンの作り方 まずはシンプルなタイプのボタンを作成してみます。 ベースとなる長方形を作る 1. 新規カンバスを作成します。 2. |mft| wvk| hwz| dty| sjr| xlt| unr| lib| ama| nhn| lwt| lfr| qin| qbm| nzr| bgv| aap| kza| whq| jhv| vvn| qic| zhe| hyr| agp| sml| fib| pbp| yef| ent| clf| eqo| nwn| gqx| coq| acx| gsd| prn| jqg| aou| mcc| zaa| qqq| ono| rpa| cqp| tdg| ifb| usd| yam|