Due to COVID-19, we support Black Lives Matter Project.

(海外記事) サンプルPSDつき、フォトショップで透明で立体的なボタンをつくる方法

da block
Theme Option > Posts > Advertisement / Custom Codeで出力可能 上

stylishlightbutton1

↑ クリックすると原寸大表示になります。

 

今回は、フォトショップで背景も透けている、透明の立体的なボタンの作り方をご紹介します。

レイヤースタイルだけを使ってデザインする、シンプルなチュートリアルですので、英語に自信がない人も画像ファイルを見るだけでデザインすることができます。

フォトショップで編集可能なサンプル用PSDファイルも配布されているので、参考にするといいかもしれません。

 

チュートリアル情報

プログラム : Photoshop

バージョン : CS4で作成 (古いバージョンでも可能)

難易度 : 初心者から中級者

所要時間 : 30分ほど

 

このチュートリアルから学ぶことのできるポイントとしては、

・ レイヤースタイルを使うだけの簡単ボタン作成

・ レイヤースタイルを保存しておくことで、いつでも簡単にお好みのボタンを作る

などがあります。

 

参考用にサンプルPSDファイルも同時に配布されいるので、よろしかったらどうぞ。

サンプル用PSDファイルをダウンロードする

Zeen is a next generation WordPress theme. It’s powerful, beautifully designed and comes with everything you need to engage your visitors and increase conversions.

My Cart Close (×)

Your cart is empty
Browse Shop
UP