CSS3ボタン｜CSS3デザイン｜スタイルシート（CSS）｜PHP & JavaScript Room
光るボタン CSS3 Gradient Buttons〔クロスブラウザ対応のグラデーションボタン〕 Better Button and Nav Interactions〔フェード効果付きの角丸ボタン〕 CSS3 Buttons Without Any Images〔button要素を角丸ボタンに〕 Super Awesome Buttons with CSS3 and RGBA〔角丸ボタン〕 Nice CSS3 buttons〔背景色が変えられるボタン〕 lovely Candy CSS3 buttons〔ラムネ菓子みたいな可愛いボタン〕 Animated Bubble Buttons CSS3〔マウスオーバーで背景の泡がアニメーションするシャンパンみたいなボタン〕 CSS3 Gradient Buttons クロスブラウザ対応のグラデーションボタン unknown CSS3 Gradie
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
思わず押してみたくなる、いとも簡単なボタンの作り方 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
思わず押してみたくなるボタンってありますよね。細かい部分ですが、こういったボタンのデザインにもこだわっていきたいですね。そんな訳で、フォトショップで非常に簡単に思わず押してみたくなるボタンを作ってみましたので、その方法をメモしておきます。 思わず押してみたくなる、ボタンの作り方 角丸長方形ツールでボタンの大きさ・形を決めます レイヤーにドロップシャドウで効果をつけます まず、基準となる色を決めておきましょう。ここでは、青にしています。次にレイヤー様々な効果をつけていきます。まずはドロップシャドウから… 続いて、光彩（内側）で効果をつけます 続いて、グラデーションオーバーレイで効果をつけます 続いて、境界線で効果をつけます 色はボタンと同じような色にします。最後の仕上げ ポイントは２でしょうか！既に取っている選択範囲に、Altキーを押しながら新たに選択範囲を取ると、その部分の選択範囲が削除さ
グローバルナビゲーション、押したくなりますか？ - 秋葉秀樹 個人ブログ
ボタンですね、これってサイトにとってはスゴく重要な位置づけで、ボタンの存在感だけで、見てもらえるページも見てもらえなくなる可能性も否めないと思います。 ここでは、自然にクリックしたくなる、そんなボタンを作ってみたいと思います。 もちろん、シンプルなボタンが悪いとはいってないです、全体のデザインによっては、こんなにボタンだけ立体的にならない方がイメージに合ってるという場合もありますので、場合によりけりです。 実は上記サンプルの右の完成形はPhotoshopで作りました。レイヤーは2つだけです（下図参照）。 ポイントは「レイヤースタイル」を有効に使うところにあります。 微妙なグラデーションや光彩、やりすぎたら大味になってしまうから、つねに客観的に見て調整していこう。 まずはシェイプレイヤーで角丸長方形ツールを作ってみましょう。 サイズはだいたい横が200pxくらい、縦は50pxくらいで。 光彩
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンで押しやすいボタン型リンクを作るCSS