デザイナー 春山 有由希のポートフォリオサイトです。
グラデーションをかけるだけでは、今流行の光沢感のあるボタンは作れそうにない。光沢のポイントは、「明暗がくっきりしている」ところにあるはず。「明」と「暗」の二枚を重ねれば、光沢感が出るのではないか。 １、高さが半分のコピーを作る まずは、元となる矩形のコピーを作って、高さを半分にする。 ２、コピーの色を明るくする コピーした矩形の色を明るくする。 そして元の矩形の上に重ねる。 ３、コピーの幅、高さを若干小さくする 「際」を表現するために、コピーした矩形の幅と高さを若干小さくして、ほんの1px程度際ができるようにする。 これで完成。 [ ４、コピーにグラデーションをかける コピーにグラデーションをかけてやると、真ん中が飛び出したような立体を表現することもできる。 すると、こうなる。 まだまだだけれど、光沢感のあるボタンができた。
本記事では、最近のWeb制作で利用されている「CSSスプライト（CSS Sprites）」という手法と、その実装を便利にしてくれるFireworksの拡張機能「CSS Sprite Extension」について解説します。 Fireworks CS5 体験版 今すぐ購入 CSSスプライト（CSS Sprites）とは CSSスプライトは、複数の画像を1つにまとめてCSSのスタイルで部分的に表示し使い回す手法です。 CSSスプライトの仕組み CSSスプライトはたいてい、今まで独立した１枚画像にしていた部分や画像置換※で表示していた画像と置き換えることができます。 ※ 画像置換：HTMLにテキストだけを記載しておいて、CSSのスタイルで文字を隠し、その代わりに画像を表示しているように見せる手法。画像をHTMLからimg要素で呼び出している時とは違い、CSSでデザインを変更したときに一緒に見
獅子ログ Home rss プロフィール zakira Akira Yoshimaru (株)ソースクリエイト所属。最強のスキマSE目指して奮闘中 ページビュー 333365 最新タイトル [プログラム]ホッテントリサーチを公開しました [話題の]Windows7に移行する前に確認しておきたいXPモードの真実 [WEBサイト]DreamweaverでDIVタグのショートカットを作る方法 [WEBサイト]リンクをクリックしたときに横に伸びる点線を消す方法2 [WEBサイト]3大検索エンジンへのsitemap.xmlの登録法のまとめ はてなブックマーク総合ランキング [プログラム]LWPモジュール入門 -WEBページを取得する- [UNIX][小技]そのまま使えるmodRewriteの技10発 [プログラム][WEBサイト]プログラマじゃなくても3キャリア+PC絵文字対応が出来るセット [UN
こんにちは、けっつんです。 こないだの土日、社長はミラコスタにお泊まりしていたようですが 私は実家に帰り、ひさしぶりにお菓子作りとかしちゃいました。 ちんすこう作りました。ちんすこうって作れるんですね。 ちょっと焦げましたがちゃんとちんすこうでした。 さて、今日のテーマです。 .ico形式のファイルを作成するのに、いちいちジェネレーターを使ったり Photoshopにプラグイン入れて書き出してみたりなど いろいろ方法はあるかと思いますが、 今回はサイブリッジのデザイナのように、普段のデザイン作業はFireworksで！ ほかのソフトをいちいち立ち上げるのメンドイんだよね というひとにオススメのエクステンションをご紹介します。 インストールと使い方 ExportAsFavicon | johndunning.com ここからダウンロードしたファイルをFireworksにインストールします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
