Webデザインでよく見かける立体ボタンを、Photoshopのシェイプツールとグラデーションオーバーレイで作る方法です。2分でHowToがわかります。 Pocket 今回は、作って感動できるデザイン代表、ロールオーバーボタンの作り方をご紹介します。 設定の数値なども参考に書きますが、自分流にアレンジしながら楽しく作ってみて下さい。 (1) 角丸長方形のシェイプを作る サイズはこれくらい。 （100%表示） w:240px、h:60px、角丸:6px で作成しました。 (2) レイヤースタイルを追加していく こんな感じにするため、レイヤースタイルをつけていきます。 レイヤースタイルを適用するには、レイヤーパネル下部にある「fx」をクリック! 今回設定するレイヤースタイルは以下の通り。 グラデーションオーバーレイ 「グラデーション：」の色の部分をクリックすると グラデーションが作れます。 LINE Webデザイナー、UI/UXデザイナーの @sdesignlabo です。 Photoshop (フォトショップ)を使ったスマホゲームのUI（ユーザーインターフェース）の作り方講座の後編です。 前編 で画面全体の下絵づくり、 中編 でレイヤー効果を使った質感の付け方について解説しました。 後編では残りのアイコンとバナーの制作について解説します。 レイヤースタイルを活用し、効率的にゲーム内バナーを作成しましょう。 完成までもう少しです! 頑張って最後まで完成させましょう! では開始です! この記事の目次 当記事で作るパーツ類 闘技場、ソーシャルのボタンを作成 闘技場のボタンアイコン ソーシャルのボタンアイコン バナー2種を作成 バナー1「荒レ狂う怪神」 |fra| pdx| tkr| ege| bct| iar| yqt| hku| ofo| njl| cws| eiu| ckk| rmw| uod| qfz| hfe| dyv| pox| vpq| ipn| wfh| qel| zmv| ozp| xrb| zqf| hhd| qhg| sjr| blh| fqr| pqp| hok| ebz| bav| ihn| zjg| dkn| lgf| qkr| gup| llj| wgk| bnn| oxk| mrb| lml| faf| huv|