色や大きさを後から変更できる AQUA風ボタンの作り方

二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し

[webmarksjp]

art

[kanouk]

すごーい。今作ってるアプリを全部このボタンにしたくなってきた。

[makou]

なんか、おいしそうな色だ。

[lomo_lomo]

ベクターデータで作る方法

[keisuke_yamane]

あまりにも氾濫しすぎているUIではあるけど、一度は使ってみたい・・・。

[nshash]

こういうのを説明するにはFlashが適していると思う

[leva]

こういうのを説明するにはFlashが適していると思う

[talo]

Photoshop勉強しないと…

[akton]

くぅ。役に立つ。

[hyper_b]

AQUA風ボタンの作り方

[yukikazu]

フォトショップ

[cvyan]

スゲー。再利用可能なパーツの作り方

[jdash]

がんばってPhotoshopでやらんでもIllustratorでも良いような気もする。＞DTP関係者＆デザイナー

[nbqx69]

フォトショでのテカるボタンの作り方。

[takado]

あえてPhotoshopを使う方法。色を後から変えられて便利そう

[Yuny]

いわゆるアクア風ボタンを作る方法で、かなり便利な作り方かも。ベクターデータを維持できるにもポイント大きい。

[nobotora]

AQUA風ボタン

[TRICK7]

ベジェでアクアボタンを作る方法

[penalty]

ｶｯｺﾖｽ

[so_ra_to]

アクア風ボタンをベクターデータで。

[tnakatani]

PhotoshopでAqua風ボタンを作る方法。

[lucky-bag]

自分とは微妙に違うやり方

[keloinwell]

Aqua風ボタンの作り方。

[kelokelo]

Aqua風ボタンの作り方。

[hiboma]

AQUA風　流行ってるな

[cube1192]

これはちょっと固い感じのaqua。

[Aoba]

おもわずブクマ

[yorihito_tanaka]

Photoshopで

[wacky]

PhotoshopでAqua風ボタンを作る。すべてをベクターデータとして描く特殊な方法。

[nekotank]

Photoshopで作るAqua風ボタン。しかもベクターデータ