タグ

ブックマーク / gigazine.net (11)

  • Photoshop用ブラシが180種類以上ある無料サービス「PS Brushes」 - GIGAZINE

    Photoshopにはブラシというのがあり、これを使うと任意の形状を簡単に利用できます。有効に使えばいかにもそれっぽい画像がどんどん大量生産できるので、手早くビジュアル的に派手な画像が必要なときなどに重宝します。 そんなPhotoshop用ブラシばかりを集めまくったサイトが「PS Brushes」です。現時点で180種類以上のブラシセットが置いてあり、ジャンルごとに分類されています。今後もどんどん追加されるようです。 そのほかのブラシ配布サイトや、GIMPでの利用方法は以下の通り。 PS Brushes - The Largest Photoshop Brush Resource on The Internet http://www.psbrushes.net/ ブラシのインストール方法も書いてあります。 Installing Brushes GIMPでの使用方法は以下の通り、変換すればO

    Photoshop用ブラシが180種類以上ある無料サービス「PS Brushes」 - GIGAZINE
  • 知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE

    技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo!やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意

    知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
  • 無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE

    オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。 まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7designs studio 7 designs 次のサイトは現時点で1645もウェブサイトのデザインが置いてあります。 Open Web Design - Home 以下のサイトはテンプレート79個+35個+11個。ほかにもロゴとかもあります。 Zymic ¨ Free Templates & Tutorials 最後のサイトは現時点で1688もデザインがあります。 Open Source Web Desi

    無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE
  • 高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE

    通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。 ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。 ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ

    高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE
  • いろいろな用途で使えるミニアイコンあれこれ - GIGAZINE

    通常のアイコンよりも小さなサイズの使いやすいミニアイコンを集める必要性に迫られたので、いろいろとリストアップしてみました。 ブログやWiki、通常のサイト作成やFlash、PowerPointのプレゼンテーションやソフトウェアのボタンなどなど、いろいろな場面で役に立つはず。ボタンの画像を違うものにするだけでだけでも、割と雰囲気がガラリと変わるのでオススメです。 リスト一覧は以下の通り。 Mini Pixel Icons(ブログやCMS用のアイコン、ユーザーアイコンなどが多く、とてもカラフル) Mini Icons | urlgreyhot(12ピクセル四方という極めて小さなアイコンがいろいろあります。グレイスケールのアイコンは加工しやすいので、好みのアイコン素材にすることも可能) Bullet Madness - free bullets project at Stylegala(200個

    いろいろな用途で使えるミニアイコンあれこれ - GIGAZINE
  • 700個以上の無料で使えるアイコン「Silk Icons」

    サイトをデザインする際や、ソフトウェアのツールバーなどにも利用可能。いろいろな種類のアイコンがあるので、とりあえず持っておけばいつか役立つことは確実。 含まれている全種類のアイコンのプレビューは以下の通り。 famfamfam.com: Silk Icons Preview http://www.famfamfam.com/lab/icons/silk/preview.php ダウンロードは下記から。 famfamfam.com: Silk Icons http://www.famfamfam.com/lab/icons/silk/ ほかにもこのサイトには無料で利用できるアイコンがあります。 famfamfam.com: Mini Icons http://www.famfamfam.com/lab/icons/mini/ famfamfam.com: Flag Icons http://

    700個以上の無料で使えるアイコン「Silk Icons」
  • Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE

    Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d

    Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
  • Flickrからデザインのインスピレーションを得る方法 - GIGAZINE

    オンライン写真共有サイト「Flickr」には山ほど写真があり、それらは「pool」という名前でいろいろなグループに分けられています。 その中にいくつかデザインのインスピレーションを得るのに非常に適したものがあります。デザインのいい案が思い浮かばないときにパラパラと見ていけば、きゅぴーんと来るものがあるかも……。 詳細は以下の通り。ジャンルは全部で28種類。 design fckr | Featured | Flickr as a source of inspiration インスピレーションを得るためのpoolは以下の28種類。どれもこれもなかなか変わったデザインからオーソドックスなものまで幅広く入っています。 Flickr: The Cover of a Magazine Pool Flickr: The Book Cover Club Pool Flickr: The Posters

    Flickrからデザインのインスピレーションを得る方法 - GIGAZINE
  • フリーのベクター形式画像の配布サイト「Vecteezy」 - GIGAZINE

    カテゴリ・ファイル形式・ライセンス別で絞込み可能になっており、自分の好みの使えるベクター形式画像ファイルを見つけることができます。ベクター形式なのでいくらでも縮小拡大が可能になっており、サイトやブログデザインの素材を作る際にはかなりお役立ちです。知っておいて損はないはず。 詳細は以下の通り。 Free Vectors by Vecteezy! http://www.vecteezy.com/ フィルターによる絞り込みは以下から行います。 Gallery http://www.vecteezy.com/gallery なお、Adobe Illustratorなどのベクター形式を扱える高価なソフトウェアを持っていなくても、以下のサイトで一部形式は変換可能です。 Media Convert http://www.media-convert.com/ また、SVG形式であれば以下のフリーソフトで変

    フリーのベクター形式画像の配布サイト「Vecteezy」 - GIGAZINE
  • 死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE

    ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:

    死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
  • Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE

    ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF

    Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE
  • 1