2005.01.26

タブを作る Vol.1

ナビゲーションに便利に使われるタブを作ってみましょう。

ボタンを作る要領で上部だけ角丸のタブのベースを作ります。

1.gif
2.gif


文字を入れます。

3.gif


文字は「段落/テキストの中央揃え」にします。
タブベースのレイヤーを選択して文字レイヤーとリンクします。
「リンク部分を整列/垂直方向中央」「リンク部分を整列/水平方向中央」にして
タブベースの中央に文字を配置します。
文字レイヤーを複製してテキストを変えます。この時、「テキストの中央揃え」になっているので文字数が変わってもタブベースの中央に配置は変わりません。

4.gif


それぞれをGIF 画像にして完成です。

5.gif

トラックバック

この一覧は、次のエントリーを参照しています: タブを作る Vol.1:

» 今日のベンチマーク - 角丸なサイト - 送信元 くりえいちぶ
一風変わったデザインのWebサイトをつくろう。 そう思ったときに考え付きやすいのが ”角丸” な表現 だと思います。 今日はなめてかかると結構難し... [詳しくはこちら]

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

photo
hashimoto