前回「フリーフォント配布サイトのまとめ「Top 28 Free Font Directory Resource Sites」」と言う記事でも少し触れましたが、今回紹介するのはフォント専門の検索エンジン「Search Free Fonts」です。 この検索サービスでは13000個以上のフリーフォントの中からフォントを検索できると言うWEBサービスです。検索以外にもフォントはカテゴリーからも検索できるようになっており、カテゴリーは3Dフォント、スクリプトフォントなどわかりやすくカテゴリー分けなので、普通のフリーフォントサービスとしても違和感なく利用できます。 詳しくは以下 「Search Free Fonts」の検索結果画面 Fontの検索結果は上記のようにサンプル文章でサムネイル表示され、わかりやすくなっています。フォントの名前があまりわからないので、日本からの利用はカテゴリー検索中心に鳴る

Designdevelopではデザインに役立つTipsを公開してきましたが、今回紹介する「イラレラボ　illustrator-labo」はイラストレーターに特化してTipsや素材などを紹介配布されているサイトです。 前回紹介した「日本の伝統色をデザインに！グラフィックスタイルライブラリ「Japanese Traditional 24」」もそのイラレラボさんが配布されている素材の一つです。様々なTipsや素材が公開されていますが、今日はその中から気になるエントリーを紹介したいと思います。 詳しくは以下 ■Tutorial_テクスチャ感のあるタブ型ナビゲーションバーを描く 「カーボンファイバー風味＋金属のテクスチャ感のある」な立体的なナビゲーションバーを制作するチュートリアル。 ■Freebies_木の床3色 フローリング風の木目のグラフィックスタイル ライブラリ。 ■Freebies_ピクセ

TOP  >  Design , Photoshop  >  個性的なphotoshopカスタムシェイプを集めた「20 great custom shapes sets」 WEBでは様々なタイプカスタムシェイプが公開されていますが、今回紹介する「20 great custom shapes sets for Photoshop hand-picked from DeviantArt」は個性的なカスタムシェイプを集めたエントリーです。子どもの落書きから、様々なスポーツでの人のシルエットから戦闘機までと様々なカスタムシェイプが公開されています。 今日は紹介されているカスタムシェイプの中から特に気になった物をピックアップして紹介したいと思います。 詳しくは以下 ■Lavas_Custom_Shapes_Set_One 様々なアクションをしている人のシルエットのカスタムシェイプ。格闘技から、スポー

今まで様々なフリーで使えるベクターデータを紹介してきましたが、今日紹介するエントリー「Ornate, Floral, Swirly and Curly Vector Roundup」はグラフィカルで、花や植物など装飾的に使えるフリーベクターデータを集めて、まとめたエントリーです。 シックなモノから、グラフィック全開のものまで様々なベクターデータが集められています。今日はそのなかからグラフィカルな表現に向いていそうなベクターデータを厳選して、いくつか紹介したいと思います。 詳しくは以下 ■Nature 花や、鳥など植物以外の要素も多い。素材と言うよりもこれ一枚でグラフィックとしても成立するようなベクター素材です。 ■Fancy Frames And Ornate Borders 細かな装飾が、完成度を一気に引き上げてくれそうなベクター素材集です。 ■Swirly Curls Bad Hair

イラストレーターで色々なデザインに使えるブラシですが、ディフォルトでセットされているものだと今一もの足らないそんな人が多いのではないでしょうか？そこで今回紹介する「30 Sketchy-Style Brushes For Illustrator」手書き風のillustratorのブラシセットが無料でダウンロードできます。 収録されているのは上記の30のブラシで、様々な種類のブラシが収録されています。ブラシはイラストレーターCS2のai形式でまとめて配布されています。 詳しくは以下 ちなみに上記のグラフィックは上記のブラシを使って制作されたそうです。なかなか味があって良いデキではないでしょうか？グラフィカルなものから、かわいらしい手書き風まで用意されていますので、上記のようなテイストに限らず、かわいい系のデザインにも十分に使えそうです。 デザインにアナログ感を出したい方は是非ダウンロードして

TOP  >  Design , Font  >  40の美しいフォント集「40+ Extremely Beautiful FONT」 フリーフォントばかりではありませんが、deviantARTで公開されているFONTの中からピックアップした美しいフォント集をまとめたエントリーが今回紹介する「 40+ Extremely Beautiful FONT」です。 Bobel クリエイティブが溢れるフォントを40紹介しています。今日はまとめられているフォント中からいくつかdesigndevelopが気になったものを紹介したいと思います。 詳しくは以下 ■Dreamforge Classic 読むと言うことには向いていないかも知れませんが、デザインアクセントにはつかえそうです。 ■Eight One きれいな丸みを帯びた書体。タイトルやタイポグラフィなんかに使えそうです。シンプルでオシャレです。

今まで本格的なもので日本語版は無かったマッシュアップツール。前回「レゴ感覚でマッシュアップができる「Popfly」を試してみました。」で紹介した「Popfly」のようなマッシュアップツールがついに日本発でリリースされました。 日本発というだけあって、標準でmixiやはてな等日本産サービスのモジュールを細かく揃えてくれています。（mixi APIs、はてなウェブサービスの利用する場合は、【設定>オプションモジュール】から各モジュールのチェックボックスをONにしてください。） 詳しくは以下 上記画面を見てお分かりになる方もいるかと思いますが、操作画面はYahoo!がリリースしている「Yahoo! Pipes」に似ていて、モジュールを繋げる事でマッシュアップさせる事ができます。出力はRSSフィードだけでは無く、メールで受け取ったり、Adobe AIRにも対応しています。 日本でよく使われているサ

色々なサインや印刷物、いたるところで見かけるピクトグラムアイコン。デザインでも情報をわかりやすく伝達する時には非常に便利な手法です。 今日紹介するのはそんなピクトグラムアイコンをベクターデータをセットで配布している「Colección de iconos cuadrados」です。様々なジャンルのピクトグラムアイコンが数多く収録されています。 詳しくは以下 上記の画像のベクターデータの他、カラーバリエーションをつけたバージョンも収録されていて、そちらの方には、カラーバリエーションの他にそのベクターデータを使ったサンプルアート的なものも収録されていますので、使いどころのヒントにもなるかと思います。 配布形式はzipでベクターデータのみですが、かなりの数が収録されていますので、11.15 MBと大きめのサイズになっています。全体的にデザインはシンプルで実用的だと思いますので、普段からデザインに

海外でカスタムシェイプやブラシをフリーで公開しているサイトはDesignDevelopでもいくつか紹介してきましたが、今回紹介する「星宿海 渡時船」さんはphotoshopカスタムブラシと和風なパターン集を公開しています。 公開されている和風パターンの一部 ブラシは主に葉っぱや雪の結晶など自然系の物が中心に公開されていて、パターンは唐草や亀甲など着物の柄などに使えそうな和風のパターンが公開されています。 詳しくは以下 和風のパターンを使うシーンはなかなか無いかもしれませんが、いざ必要になったときにはなかなか見つけることができないので貴重な存在だと思います。こちらのパターンは印刷にも耐えれるようにパターン素材は高解像度（300dpi）でダウンロードできるようになっています。 使用についてはアマチュアの制作支援として作成された素材と言うことで基本的に商用利用は有料となっています。またCG素材と

花や、渦や、カールなど流線的な印象をうけるブラシを400以上のブラシをまとめてあるエントリーが今回紹介する「400+ Swirls, Curls, and Fleurons」です。装飾的な部分ではかなり昔から利用されていて、様々な所で目にするような、イメージづくりには非常に使えるブラシが数多く紹介されています。 セットで色々と紹介されていますので、今回はその中から特に気になったブラシセットを紹介したいとおもいます。 詳しくは以下から ■Floral ornament brushes-10brushes ナチュラル系の緩いカーブを描くブラシセット集。柔らかい印象です。 ■Floral Deco Brushes 2-20 brushes 植物系のブラシセットです、蝶なども含まれていて、とても華やかなイメージを作れるブラシセットです。 ■Curve Brushes-8 brushes シンプルな

制作には色々とついて回る企業ロゴデータ。今日紹介する「ロゴタンク」は企業、団体、商品などのロゴマークデータを10万点以上、無料でダウンロードできるようになっています。 配布している形式はIllustrator EPS形式で対応しているイラストレーターのバージョンは8.0以降となっています。配布されているロゴデータは業界に偏り無く有りとあらゆる業種のロゴデータが配布されています。 詳しくは以下 10万点とかなり膨大な数のロゴデータが登録されていますが、検索できるようになっていますので、使いたいロゴが決まっていればさほど迷わずお目当てのロゴを探し当てることができるかと思います。 当然の事ながら、企業公認、公式ではないので、商用で使用する場合は該当企業、団体に許可を得て使用してください。またトレースで制作しているのが多いからなのか、完全には一致していない場合があります。epsで配布してくれていま

先日「10万件以上のロゴのベクターデータがダウンロードできる「ロゴタンク」」という記事で企業ロゴを集めたサイトを紹介しましたが、今日紹介するのも国内企業のロゴをベクターデータで公開しているサイト「【ロゴ＆マーク大辞典！】」です。 開しているすべてのロゴに対して、JPGとイラストレーター形式のepsがダウンロードできるようになっています。 詳しくは以下 業種別で絞り込んだりはできませんが、企業名であいうえお順に完全に並んでいるので非常にわかりやすく、お目当てのロゴの企業名がわかっているならすぐに探し出すことができます。同じ企業でも色々とバージョン違いや旧ロゴも公開されていますので、実用面だけではなく非常に勉強になるサイトだと思います。 お約束ですが、ロゴ＆マークは収集・トレースしての公開になっているので商用で使用のする時には、各メーカー・団体の許可を得て使用してください。業務でロゴトレースな

Desingdevelopでは「404ページのデザイン集「49 Nice And Creative Error 404 Pages 」」や「コメント部分のデザイン集「30 Must See Comment Designs」」とWEBデザインの一部分に特化したデザイン集を今まで紹介してきましたが、今日紹介するのはそんなWEBデザインの特定の箇所のデザインを分類してまとめたデザイン集「Pattern Tap」です。 「404pages」「Calendars」「Buttons」などなどWEBデザインでは欠かせない部分のデザインが集められ、まとめられています。現在46のエレメントが公開されていて、それぞれ数十個のデザインサンプルが収録されています。今日は公開されている物の中から気になる物をいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Collection/404 Pages 割と

紙という素材は、加工の仕方、紙質、古さなどで、様々な表情を見せてくれるため、個性というか味がでる、素材感が生きる素材の一つですが、今日紹介する「 30 Great Free Paper Backgrounds and Textures」はそんな紙を中心にした無料で使える背景素材、テクスチャ集です。 段ボールのような紙から、古びたノートのようなもの又は柄が入った者と幅広いジャンルの紙素材が用意されています。今回はいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 上記の他にも沢山の紙を中心としたテクスチャが公開されています。管理人の好みでわりとシンプル目なのばかり選んでしまいましたが、実際にはかなり加工したテクスチャや文字が入っているものなどもありますので、紙のテクスチャを探している方は是非「 30 Great Free Paper Backgrounds and

黄金比とはもっとも安定し、美しい比率とされるもので、様々なデザインに用いられていたりしますが、今日紹介する「Golden Ratio Calculator」は黄金比をWEBデザインで簡単に利用できるWEBツールです。 使い方は非常に簡単で、制作したいWEBサイトのワイドの値を入力するだけで、黄金比に沿った比率でカラムの割合を示してくれるというものになっています。 詳しくは以下 解析はWEB全体のサイズを入力して求める「START WITH A CONTAINER」とカラム一つに対してのサイズからもう一方のサイズを求める「STARTWITHACOLUMN」が用意されています。使い勝手が良い方で試してみてください。 黄金比を定めた後の視覚的なデザインは自分次第なのですが、こうした裏付けがあるとなんだかできあがってきたものもよく見えたりするのでしょうか？今度実際に黄金比の比率でデザインしてみたい

WEBサイトの重要な要素の一つ背景。今日紹介する「DINPATTERN」はパターン背景に特化した素材配布サイトです。作り込まれた背景から、シンブルなものまでありとあらゆるパターン背景が公開されています。 背景画像は上記のようにサムネイルで表示されていて、サムネイル下の「Preview」を押すと背景がページに反映されるような作りになっています。 詳しくは以下 背景素材は基本的にはzipで圧縮して配布されていて、画像ファイルとRead meファイルが同封されています。配布されている背景素材は全て無料でダウンロードでき、商用利用、個人利用に関わらず、自由に使用できます。また利用規約には可能であればリンクとクレジット表記をしてくださいと添えられています。 ここまでのバリエーションで商用利用、個人利用に関わらず、自由にと言うのはありがたい限りですね。サイトに背景をと考えている人は一度じっくりと見てみ

皆さんはロゴデザインを考える時にどんな物を参考にしているでしょうか？今ある企業のロゴデザイン、昔のマーク、または全く関係のない物からと、作るロゴのテイストや使われる物の種類でも違ってくるとは思いますが、今回紹介するのはロゴデザインに役立つロゴで残を取り扱っているサイトをまとめた「105+ Logo Design Tuts And Resources」と言うエントリーを紹介したいと思います。 ロゴのリソースとなるようなサイトが集められています。かなりの数が紹介されていますが、その中からいくつか下記に紹介したいと思います。 詳しくは以下 ■Logo Design Trends – 2008 2008年のロゴのトレンドがまとめられているサイトこれは以前にも紹介しましたね。 ■LogoSauce ロゴ共有サイト。様々なロゴデザインがアップロードされています。 ■The Logos Of Web 2

TOP  >  WebDesign  >  長文に便利！滑らかに左右にスクロールできるjavascript「bookreader.js」 特殊な場面で効力を発揮しそうなのが今回紹介する滑らかなに横にスクロールできるjavascriptが今回紹介する「bookreader.js」です。 基本的にはWEBはほとんどが縦スクロールの構成になっていて、長文を読むにはあまり適しているとは言えないので、長い文章を見せるときなんかは有効なスクリプトだと思います。 詳しくは以下 bookreader.jsを導入したい部分のHTMLをDIVタグで囲み、そのIDを”bookreader”とするだけでOKみたいです。使用ライブラリはprototype.js scriptaculous.js cookiemanager.jsを利用しているみたいです。対応している環境は幅広く、ここ最近の環境ならほぼ動作します。また

最近は様々なライブラリが展開されていて、WEBの開発にも大きな影響を与えていますが、今日紹介する「Coda Slider Effect」もそんなライブラリの一つjQueryを使ったタブメニュー+エフェクトです。 「Coda Slider Effect」は非常に滑らかに動くスライダーエフェクトを実現するためのもので、上記のようなよく見るタブメニューにひと味違った動きを付加させてくれます。 詳しくは以下 実際のスライダーエフェクトのデモは「Better Coda Slider」から見ることができます。実装方法はものすごく簡単という感じではないが、それでもXHTMLとCSSが理解できる方なら、ソースを読めば大体理解できる範囲かなと思います。詳しい実装方法は「Coda Slider Effect」から見ることができます。 デザインはCSSで制御されていますので、カスタマイズして自身のWEBなどに埋

今までベクター素材については数多く取り上げてきましたが、今日紹介するのはそんな無料のベクター素材を収集してまとめたサイト「Quality Free Vector Graphics」です。 レーティングやコメント機能などもあり、カテゴリーも「Abstract」「Misc」「Swirl」「Illustration」「icons」「symbols」などとわけされていたり、サイト内検索もできるみたいですので、ベクター素材を探すのには便利な作りになっています。 詳しくは以下 珍しい物からよく見かける物、DesignDevelopでも取り上げた物など様々なベクター素材が登録されていて、現在集められたベクターデータは全部で31個となっています。、現在ユーザーからのベクターデータの情報投稿を受け付けているみたいで「Submit Vector Graphics to Qvector.com 」から送ることが