繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
VECTOR TUTSのエントリー「無料の高品質な60のベクターのアイコンパック」から、汎用性の高そうなアイコンセットを紹介します。 60 Free Vector Icon Packs for Design Professionals
ウェブサイトのレイアウトをはじめ、ナビゲーション、ボタン、アローなどのエレメントを作成するためのPhotoshopのチュートリアルの紹介です。
ヘッダー、ナビゲーション、ボタン、アイコンなどウェブページで使用するパーツを作成するためのPhotoshopのチュートリアルの紹介です。
ノートやメモ、札、テープ、クリップなど紙関連の素材をPSD FANから紹介します。 Freebies: Grunge Essentials Pack 8 Free High-Res Card and
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
動作しないブラウザがある以上は今すぐは難しいかもしれませんが、CSS3ボタンのサンプル集です。フォトショップなどで編集していた部分も、これからはCSSで指定できてしまうんですね。これは今のうちにチェックしておいた方がいいかも。 CSS3をボタン作成ツールで体感 ※CSS3未対応のブラウザでは正常に動作しませんのでご注意を Button Maker CSS3がどんなものか、実際に触れることで堪能できます。 個人的には、ドロップシャドウやグラデーションの色合いが素晴らしいと思う。 CSS3プロパティジェネレーター フォトショップのような感じでグラデーションが細かく設定出来ます。これもCSS3の特徴ですね。 Photoshopライクな操作で手軽に作れるCSS3ジェネレーター CSS3ボタンのサンプル集 building beautiful buttons with css gradients こ
CSS3 Generator CSS3の各ブラウザごとの対応状況の確認とソースコードの生成が同時に行える便利ツール。対応状況はブラウザのアイコンの上にカーソルを持っていくと表示されます。 Official Site CSS3 Gradient Generator v2.0 グラデーションのコードを吐き出すツール。カラーピッカーなどを使って直感的に操作できる Official Site CSS Border Radius ボーダーの角丸を表現するコードを吐き出すツール。四辺の周囲にある数値を変更するだけです。 Official Site Button Maker 画像を一切使わずにCSSだけでクールなボタンを作成。グラデーション、角丸、影などの調節が可能 Official Site CSS3, please! 左側のコードを書きかえると、プレビューが右上のプレビューが変化します。CSS3テス
WEBデザインの手間を取っ払ってくれる、ブラウザ上で動かせるジェネレータをご紹介します。こういうWEBサービスを上手く活用すると、フォトショップなどの画像編集ソフトを開く手間が省けますし、非常に便利です。 全部無料です。 (※ただ、無料サービスなので、突然サイトが閉鎖したりサービスが有料化したりすることがありますが、その際はご了承くださいますようお願いします。) Ajaxloadローディング画像を生成するジェネレータ。種類、色、背景色を選んで、ボタンを押すだけでローディングのGIF画像が完成します。 reflectionmaker鏡面画像を生成するジェネレータ。方法は下に鏡面を付けたい画像をアップロードするだけ。 Background Image MakerWEBサイトの背景画像を生成するジェネレータ。シンプルなストライプやドットの背景が簡単に作れるのでオススメ。 Web 2.0 Badg
フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。 追記: 2010/12/04 グラデーション追加/リンク切れチェック Photoshop Gradients Nice photoshop gradient set Download Source Web 2.0 Photoshop gradients Download Source Ultimate Web 2.0 Gradients - FREE Download Download Source 黄金比グラデーション・白銀比グラデーション | DesignWalker Download Source 日本の伝統色グラデーションファイル | DesignWalker Download Source
@Lynnwest-Stock 商用利用可能なフリーの写真素材を配布しているサイトを厳選してまとめてみました。サイトによっては、画像ごとにライセンスが違うものもありますので、都度ご確認ください。 2011.11.07 PAKUTASO/ぱくたそ、Luc Viatour追加しました。 2013.04.10 Pixabay 追加しました。 2014.03.27 PhotoMarche 追加しました。 フォトマルシェ クオリティ抜群の無料写真素材サイト。商用可。要会員登録 Official Site 写真素材 足成 無料では貴重な人物写真素材を多く配布するサイト。商用可 Official Site 【フリー写真素材】モデル・人物の写真素材はモデルピース モデルの人物写真素材の配布サイト。無料、クレジット表記不要、商用利用可。 Official Site PAKUTASO/ぱくたそ 珍しい日本人女
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く