タグ

2016年5月18日のブックマーク (1件)

  • 【Photoshop】webサイトでよく見かけるボタン素材の作り方 - 株式会社オーツー|スタッフブログ

    こんにちは。webデザイナーの山です。 今回は素材感のあるwebサイトのボタンの作り方をご紹介します。 ツールはPhotoshop CS5を使用しています。 制作方法 それでは実際に作っていきましょう。 ステップ1:土台を作ろう ・円形シェイプツールで円を作る。(直径230pxくらい、カラー:#000) ・新規レイヤーを作成し、ブラシツールで適当に形を作る。(今回はペンキブラシを使いましたが、何ブラシでもよいですし、もはやこの過程はなくても大丈夫です) ・上記2つを「レイヤーの結合」する ・さっき結合したレイヤーにレイヤースタイルを付ける。 ■ドロップシャドウ ・描画モード:乗算(カラー:#000) ・不透明度:75 ・角度:120(包括光源を使用にチェック付) ・距離:0 ・スプレッド:49 ・サイズ:13 ■シャドウ(内側) ・描画モード:乗算(カラー:#000) ・不透明度:75

    【Photoshop】webサイトでよく見かけるボタン素材の作り方 - 株式会社オーツー|スタッフブログ