- ベストアンサー
AQUA風ボタンの作り方を教えてください！
- AQUA風ボタンの作り方が分かりません。Appleのサイトにあるタブの部分の作り方が特に分かりません。
- キレイにAQUA風ボタンを作る方法を教えてください。
- 詳しく書かれているサイトや書籍の情報も教えていただきたいです。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
丸四角を作る。 薄い灰色・灰色・薄い灰色のグラデーションをかける。 レイヤーを１枚追加して、丸四角の真ん中くらいから、下に向かって、 灰色・白のグラデーションをかける。 追加したレイヤーを「乗算」にする。 透明度を薄く変更する。 これだけで作れそうですが...。 Tipsは見つかりませんでした。
その他の回答 (3)
出来上がった濃淡レイヤーを統合して、 【 イメージ ≫ 色調補正 ≫ 色彩・彩度 】を開いて、【色彩の統一】にチェック。 これで色を調整すると、好きな色に出来ます。 アクアボタンを作る過程で、追加した乗算レイヤーでシャドウを作るときにも、 角に丸みを持たせると、より「らしく」なります。 探してみると丸いアクアボタンを作るティップスが多いと思いますが、 これの応用で、光も影も、丸四角の形をしているということを念頭に置くと、 上手く出来ると思います。 自分のサイトにティップスを乗せれば、説明は簡単なのですが、 個人を特定する方法はNGなので、出来ずにすみません。 このティップスの、レイヤースタイルを使った方法の応用でも出来るかもしれません。 http://www.fmod.jp/justnet/logows/logowZ53.html
お礼
回答ありがとうございました。(゜_゜>) 親切丁寧に回答して下さり、感謝です！ 色彩のの統一で変化させるんですね。 なるほど！ >自分のサイトにティップスを乗せれば、説明は簡単なのですが、 個人を特定する方法はNGなので、出来ずにすみません。 こちらこそ、無理なお願いをしているようでスミマセン。<(_ _)> お時間を割いて頂いてありがとうございます。 もう少し修行してきます。
- stingray
- ベストアンサー率24% (243/984)
Illustrator等のドロー系のソフトを使って， アルファチャンネルを使った多重レイヤーを使います。 （これ以外にも色々方法はある） 使われているテクニックは非常に初歩的なものなので， 普通の解説書でも載っていると思います。
お礼
回答ありがとうございます。<(_ _)> このような画像は『IllustratorよりもPhotoshopの方が向いている』とどこかのサイトには書かれてありましたが、Illustratorの方が簡単なのでしょうか？ 私としてはIllustratorで出来るなら、その方が良いのですが…。 一般の解説書には丸いボタン（もしくは左右が丸くなっているボタン）の作り方なら載せられていると思いますが、四角となるとなかなか…上手くいかないんです。 似せて作ることは出来ますが、比べるとヘタクソです。(-_-;) 背景にグラデーションがあり、光の当たっている部分は透明度を調整しているだけのように見えますが、グラデーションの部分が微妙に丸みを帯びていたりして、上手に出来ません。 お時間が許すなら、作ったファイルでも見せて頂けると助かるのですが…、ダメでしょうか？(^_^;)
- usami33
- ベストアンサー率36% (808/2210)
一見タブに見えますが、画像にリンクを張ってあるようですね。 画像にリンクするなら、簡単に作れますよね
お礼
回答ありがとうございます。 画像であることは分かっているんです。 ですが自分で作ってみると単純になってしまい、上手く作れません。 簡単に作れる方法があるなら、教えて頂けないでしょうか？ 大雑把でも構いませんので…よろしくお願い致します。
お礼
回答ありがとうございます。(^_^)/ なるほど！光の当たっている部分を作るのではなく、下の濃くなっている方を乗算で作るんですね。 実際にやってみると、結構似た感じに出来上がりました！ それでもう一つ教えて頂きたいのですが、今度は“.Mac”のタブをクリックした時に“.Mac”の部分が青色になりますが、そちらはどのようにして作るのでしょうか？ 先ほどの方法では上手くいきませんでした。 見た感じでは背景はグラデーションで塗ってあり、光の当たっている部分のオブジェクトを白に設定して、透明度だけを変化させて使用しているような感じだと思うのですが…、いかがでしょうか？