IT仕事

PhotoshopElementsでWebデザイナーが作ったようなキレイなボタンを作るには

投稿日:

PSPについては、
思わず押してみたくなる、いとも簡単なボタンの作り方 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
など、Web上にいろいろ解説があるけども、Elementsについてはあまり情報がないので、以下、自分流の覚書&やり方公開。

●下準備
Deziner Folio» Blog Archive » Ultimate Web 2.0 Layer Styles – Free Download
で予めレイヤースタイルをダウンロードして、かつ読み込んでおく。Elementsの3.0以上ならば読み込みできるはず。

●Elements上の操作
1.シェイプツールで適当な角丸長方形を作る。
2.スタイル・エフェクトのパレットで、先ほどのレイヤー3.スタイルを呼び出して好きなスタイルを適用する。
webbtn1.jpg
ここまでは、超簡単。
これだけでもよいけど、さらにWeb2.0風にするなら、

●仕上げ
4.自動選択ツールで背景の白を選択する。
5.選択を反転する(これでボタンのみが選択されるはず)。
6.新規レイヤーを作成する。
7.楕円形選択ツールでAltキーを押しながらボタン上をドラッグし、下60%くらいの面積を切り抜く。
webbtn2.jpg
8.残った上40%の面積を塗りつぶしツールで白く塗る。
レイヤーパレットで不透明度を20-30%にする。

これで、出来上がり。
webbtn3.jpg

誰かのお役に立ちますように。

-IT仕事

執筆者:

関連記事

no image

HDL-C1.0とLS-V1.0TL

会社で6ヶ月間だけ人をたくさん雇っているので、その期間だけ使えるNASが欲しかった。 近くのお店で物色したところ、一番安いのがアイオーデータのHDL-C1.0であった。 その時は、これでいいな、安くて …

no image

Cliborのマクロでウィンドウ操作&コピペを楽にする

Clibor、便利だわ~。もう大好き。 今回はこんなコードをご紹介。私が作った。えへ。 まあProの方々から見れば、全然大した頃は無いのでしょうが。 [code] # -*- coding: utf- …

Jazzy Formsで見積を計算してもらいその結果をメールで送る方法

やりたいことは、 「Webサイトの見積フォームを設置し、それを使ってお客さんに見積をしてもらい、その見積結果を管理者宛に送信する」 ・・・というもの。 WordPressのプラグインで、「Jazzy …

no image

sendmail

ローカルで使うPHPのメール(sendmail)の利用環境を構築。 愛用しているXaioにはメールサーバが入っていないので、 http://tokyo.atso-net.jp/pukiwikip/?S …

no image

楽天RPP広告「ランク別入札最適化」は微妙

最近の楽天のRPP広告、「ランク別入札最適化」をプッシュしているが、これってみんな使っているんだろうか?効果は出ているんだろうか? というのは、うちの店では、効果が出ていない。機能のスイッチをオンにし …