1レイヤーで描かれたすごいボタンを分解してみました

10

Photoshopのレイヤー効果のみを駆使して作られたOne Layer Style – Stereo Knobがすごかったのでメモ。とってもリアルなボタンですね。

完成後のPhotoshopデータがダウンロード出来たので、順を追って効果を付けてみました。

1

1. まず、背景のレイヤー(ボタン部分は1レイヤーですが、背景にもう1レイヤーありました)。普通のグラデーションの背景です。

2

2. 次に「ドロップシャドウ」のレイヤー効果をONにすると、丸いシルエットが浮かび上がってきました。ボタン用の領域に丸いシェイプがありったのでした。

3

3. 次に「光彩(外側)」をONに。

4

4. これは「グラデーションオーバーレイ」をかけたところ。

11
※こんな設定になっていました。

5

5. 次は「カラーオーバーレイ」。焼き込みカラーで深み(?)が増しました。

6

6. 次は「サテン」。真ん中にぼやっと反射光のようなものが出て来ました。

7

7. そして「光彩(内側)」。反射光がさらに複雑になります。

12
※設定はこんな感じ。

8

8. 「シャドウ(内側)」。

9

9. 「境界線」。

10

10. そして最後に「ベベルとエンボス」で完成です。

ひとつひとつの効果の中身を見てみると、自分でイチから作るには、かなり時間のかかりそうな作業でした。
自分の眼で確かめたい方は、こちらからデータがダウンロード可能です。

8月 9, 2013 | No Comments

木製の巨大なマリオネット少女の映像『The Little Girl Giant』

10m以上はあろうかという巨大なマリオネットの少女。 その少女の木像が、クレーン車と数人の操演者によってまるで […]

8月 6, 2013 | No Comments

ソーシャル系のフォローボタンを生成出来るURLあれこれ

ソーシャル系のフォローボタンを生成出来るURLメモ。 twitterのフォローボタン生成URL https:/ […]

7月 26, 2013 | No Comments

ヨーグルトソースのトルコの餃子★マントゥ

クックパッドで見つけた「ヨーグルトソースのトルコの餃子★マントゥ」の材料メモ。 (我が家用のメモなので、元ネタ […]

5月 12, 2013 | No Comments

【世界一苦いお酒】フェルネット・ブランカ

“世界一苦い酒”と評されることもある薬草系のお酒『フェルネット・ブランカ』を近所で買ってみました。 39度もあ […]

3月 23, 2013 | 1 Comment

小澤征爾さんがルービンシュタインに教えてもらったというお酒

『小澤征爾さんと、音楽について話をする』(村上春樹著)で小澤征爾さんがルービンシュタインに教えてもらったという […]

2月 17, 2013 | No Comments

『なぜわたしたちは快感を好むのか?』を読んで

アメリカの神経生理学者、ボルティモアのジョンズ・ホプキンズ大学の教員であるデイヴィッド・リンデンさんがWIRE […]

2月 3, 2013 | No Comments

ムームードメインID間のドメイン移動方法

■はじめに ムームードメイン内での場合、 譲渡手続きを行う事によりID間のドメイン移動が可能。 ※1つのドメイ […]

12月 4, 2012 | No Comments

Safariを使ってガラケーサイトを表示する方法

Safariのユーザーエージェントにガラケーのものを割り当てることで、ガラケー用のWEBサイトを表示することが […]

10月 24, 2012 | No Comments

Giambologna / Appennino

Pinterestで出会ったGiambologna(ジャンボローニャ、1529年-1608年8月13日)作のA […]

9月 17, 2012 | No Comments

Les Twins

この前テレビで見たフランス人の双子のダンサー。 幼少期からマイケル・ジャクソンの影響を強く受けていたそうで、2 […]

9月 16, 2012 | No Comments

Aphex Twinを人力で

Aphex Twinのアルバム『I Care Because You Do』に収録されている『Alberto […]

8月 6, 2012 | No Comments

参照元によってリダイレクト先を変える方法

下記は検索エンジンとかソーシャル系のサイトから来た時にYahoo!に飛ばす設定例。 何かしらに使えるかも。 R […]

6月 7, 2012 | No Comments

自作の404ページを表示させる方法

自作の404ページを表示させる際は、404.htmlを制作して、.htaccessに下記のように記述すればOK […]

2月 23, 2012 | No Comments

iPhoneブラウザの文字サイズ自動調整機能を解除する方法

bodyタグの中に下記のように書き込めばOK。 -webkit-text-size-adjust:none; […]

2月 2, 2012 | No Comments