Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

思わず押してみたくなる、いとも簡単なボタンの作り方

思わず押してみたくなる、いとも簡単なボタンの作り方

思わず押してみたくなる、いとも簡単なボタンの作り方

思わず押してみたくなるボタンってありますよね。細かい部分ですが、こういったボタンのデザインにもこだわっていきたいですね。そんな訳で、フォトショップで非常に簡単に思わず押してみたくなるボタンを作ってみましたので、その方法をメモしておきます。


ネタ元はこちらを参考にさせて頂きました。ただ、やり方は多少独自のやり方で作ってみました。参考:http://www.akibahideki.com/blog/cat7/post-5.html#more




思わず押してみたくなる、ボタンの作り方

角丸長方形ツールでボタンの大きさ・形を決めます
角丸長方形ツールでボタンの大きさ・形を決めます
レイヤーにドロップシャドウで効果をつけます
レイヤーにドロップシャドウで効果をつけますまず、基準となる色を決めておきましょう。ここでは、青にしています。次にレイヤー様々な効果をつけていきます。まずはドロップシャドウから…
続いて、光彩(内側)で効果をつけます
続いて、光彩(内側)で効果をつけます
続いて、グラデーションオーバーレイで効果をつけます
続いて、グラデーションオーバーレイで効果をつけます
続いて、境界線で効果をつけます
続いて、境界線で効果をつけます色はボタンと同じような色にします。
最後の仕上げ
最後の仕上げポイントは2でしょうか!既に取っている選択範囲に、Altキーを押しながら新たに選択範囲を取ると、その部分の選択範囲が削除されます。

楽してプロっぽいデザイン|Forty-N-Five Blog Trackbacks

このエントリーのトラックバックURL

楽してプロっぽいデザイン|Forty-N-Five Blog Comments

はじめまして。
ブログ、時々拝見させて下さい。
どうぞよろしくお願いします。

コメントを投稿

Name:
Mail:
URL:
この情報を登録しますか?

思わず押してみたくなる、いとも簡単なボタンの作り方の前後の記事

前の記事は「私が思う今後流行りそうなwebサービス&商品のまとめ

次の記事は「フォトショップで高級感漂う人物にする簡単加工方法

関連する情報

              

楽してプロっぽいデザイン|Forty-n-FiveBlog ホームへ戻る

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.