DesignDevelop
サイバーな印象や技術の先端をイメージさせてくれる、デジタル系の計器グラフィック。シンプルそうでありふれていないのか、自分で制作するとかなり大変な部分もあり、非常に手間です。今日紹介するのはそんなデジタルインターフェイスが簡単に作れる「Interface Photoshop Brushes 」です。 上記のように様々な計器のデザインがphotoshopブラシになって収録されています。 詳しくは以下 かなりクオリティーが高く、様々なインターフェイスが収録されています。原文によれば、こちらのブラシをつくるのに3ヶ月、150時間物時間を費やしたとのことです。これからこういったデザインをしようと思っていた方には素材としてもインスピレーション集としてもオススメです。 ブラシは.abr形式で配布されており、ダウンロードは「Z-DESIGN Tech Brushes Set v5 by ~z-design
商用可！鮮やかな水彩テクスチャ「Free Watercolor Textures By Outlaw Design」
アナログで描いたものはデジタルで制作したグラフィックとはまた違った魅力がありますが、今日紹介する「Free Watercolor Textures By Outlaw Design」は水彩で描かれた背景画像で、アナログの魅力をデザインに盛り込めるフリーテクスチャです。 水彩絵の具で描かれているみたいで、全部で11の水彩によるテクスチャがしょうかいされていますが、フリーで公開されているのは上記を含む残念ながら2種類のみみたいです。ただし、ライセンスは商用、非商用を問わず自由に利用できるようになっていて、再販などを除きますが、使用については制限無しで使えるようです。 詳しくは以下 有料版に収録されているテクスチャ 本体セットには全部11種類のテクスチャが収録されていて、すべてを利用するためには10ドルかかるみたいです。実際自分で作るのは非常に大変ですし、道具もいりますので10ドルなら制作に必要
日本の伝統的な柄のベクターデータ集「125 Vector Japanese Patterns」
TOP > Design , vector > 日本の伝統的な柄のベクターデータ集「125 Vector Japanese Patterns」 日本には様々な伝統的な紋様があり、基本的なものは皆さんも良く目にしたことがあると思います。そういったものはデザインで和、和風を表現するのに非常に便利に使えますが、1から作るのは非常に手間がかかります。そこで今回紹介するのは日本の伝統的な柄を集めたベクターデータ集「125 Vector Japanese Patterns」です。 全部で125の和柄が公開されていますが、今回は収録されているなかからいくつか紹介したいと思います。 詳しくは以下 カラーの複雑な柄からモノクロのパターン的なものまで幅広いジャンルの和柄がベクターデータで収録されています。データの形式はeps、aiで配布されていてダウンロードは無料です。ライセンスは「free for
商用可も有り！150ほどのフリーベクターデータがダウンロードできる「I Heart Vector」
TOP > Design , vector > 商用可も有り！150ほどのフリーベクターデータがダウンロードできる「I Heart Vector」 制作にとてても便利なベクターデータ。クオリティが高いモノを自分で書いていたりするとものすごく時間が取られたりします。そんな時に便利なのがベクターデータ集ですが、今回紹介するのはフリーのベクターデータセットが150あまり公開している「I Heart Vector: Vector stock resource for graphic designers who love all things vector」です。 今回は公開されているベクターデータセットの中からいくつ描きになったモノをピックアップして紹介したいと思います。 詳しくは以下 ■Antique Iron Ornament Vector Pack License:Royalty f
Designの考え方から、プロセスまで「デザインする」をまとめた「[Beta] How do you design?」
TOP > Design > Designの考え方から、プロセスまで「デザインする」をまとめた「[Beta] How do you design?」 皆様はデザインをする時、何を思い、どのような手順でデザインｗお行っているでしょうか？今日紹介するのはデザインの考え方やプロセスなどを分かりやすく図説で解説してくれる「[Beta] How do you design?」です。 デザインといってもその意味は広く、ジャンルは多岐にわたりますが、この「[Beta] How do you design?」では様々なジャンルのデザインプロセスがまとめられています。現在PDFで全ページ閲覧できるようになっています。 詳しくは以下 収録されているデザインのプロセス例：デザインプロセスの原型 海外で配布されているものなので内容はすべて英語になりますが、内容も細かく分けられていて、図説も多く、単語も限ら
![Designの考え方から、プロセスまで「デザインする」をまとめた「[Beta] How do you design?」](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b054798c607677d46dfbde311a69c03cdf311bf/height=288;version=1;width=512/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2009%2F01%2Fdesignprocces01.jpg)
Mac環境でwindowsで解凍しても文字化けしないzipファイルを作る「MacZip4Win」
クリエイティブ系の仕事だと、Macを使って業務をしていると言う方は多いかと思います。クライアントがWindowsで環境の違いで問題がなんてことは最近ではなくなってきたとは思いますが、まだまだあるかと思います。 windowsでの文字化け例Macの手書き説明書(さんより) 環境の違いで起きる問題の一つとして、Macではファイル名の文字コードにUnicodeが使われていて、Windowsとの文字コードに違いから解凍した圧縮ファイルの中身が文字化けしてしまうと言う事象が起きます。今日はそんな問題を解決してくれるツール「MacZip4Win」を紹介したいと思います。 詳しくは以下 これは非常に便利ですね。文字化け防止の他、パスワード付きのZIPを生成したり、「.DS_Storeファイル」を削除も行う機能が拭かされています。 ダウンロードは「Ranaとの日々: MacZip4Win」からどうぞ。ライ
ロゴデザインをする際の10のTips「Logo design tips」
グラフィックデザインといっても様々なデザインがあり、紙面のデザインから、ロゴマーク、タイプなど様々ですが、今日紹介する「Logo design tips」はロゴのデザインについてのTipsを10個紹介するエントリーです。 ロゴマークはたまに作らせていただいたりしますので、せっかくなので、紹介しながら学んで行きたいと思います。簡単に下記に記しておきます。 詳しくは以下 1.Work with vectors ベクターデータで制作 2.Don’t use more than 2 fonts 2以上のフォントは使わない 3.Keep it readable 読める文字で作る。 4.Test sizes 様々な大きさで試す。 5.Adapt it for dark backgrounds 黒背景の場合もチェック。 6.Make sure it works well in black and whi
商用可！なんでもそろう1006個のアイコンセット「Fugue Icons 」
サイトを構築する際のグラフィカルインターフェイスとして活躍するアイコン。今までDesigndevelopでは様々なフリーアイコンを紹介してきましたが、今回紹介するのは1000種類以上のアイコンを収録したフリーアイコンセット「Fugue Icons」です。 アイコンのデザイン感は統一されて制作されていますので統一して使えばデザインのクオリティは高まるかと思います。コレだけの数が揃っていて種類も豊富なので、どんなサイトでも対応できるはずです。 詳しくは以下 Fugue Iconsの一部 ライセンスは「Creative Commons Attribution 3.0 license.」で保護されていて、「原著作者のクレジット」を表示さえすれば、商用、非商用問わず自由に利用できるみたいです。どうしてもクレジットを表記したくない人向けに、クレジット表記義務を取ったライセンスも50USDで販売されてい
ECサイトのデザインリソース「50 Inspirational E-Commerce Website Designs」
WEB上で買い物を楽しめるサイトはもはや当たり前の存在で、Amazon、楽天など大手を初めとして、個人、WEBにお店を展開しているという方は多いかと思います。 Urban Originals 現在ではレンタルカートやオープンソース系のシステムでは素晴らしいテンプレートが揃ってデザインするのも手軽にはなっていますが、もっとこだわりたいと言う方のために、今日紹介するのは海外の素晴らしいEコマースのWEBサイトデザインを50集めたエントリー「50 Inspirational E-Commerce Website Designs | Vandelay Website Design」を紹介したいと思います。かなりの数が紹介されていますが、今日はその中から気になったデザインをピックアップして紹介したいと思います。 詳しくは以下 morphica Little Catwalk Bored Composi
商用可！ボール紙のテクスチャ素材パック「Cardboard Textures and Objects: High Resolution Pack」
商用可！ボール紙のテクスチャ素材パック「Cardboard Textures and Objects: High Resolution Pack」 今までDesigndevelopでは様々なテクスチャをとりあげてきましたが、今回紹介するのは2896×1944ピクセルという高解像度の段ボールのテクスチャ素材集「Cardboard Textures and Objects: High Resolution Pack」です。 タイトルの通り、20種類のボール紙のテクスチャが収録されています。収録されているテクスチャはFlickrにてアップロードされていましたので、下記にスライドショーを貼り付けておきます。 詳しくは以下 Created with Admarket’s flickrSLiDR. きれいめなものだけではなくて、破れていたり、剥がれていたりと質感のあるものも収録されていました。Flic
羽ばたく鳥のベクターデータセット「BB Free Vectors: Birds in Flight」
様々なデザインでもグラフィックでもポイントもしくはメインとして使われる羽ばたく鳥のイメージ。未来とかスタートとかそういった前向きな印象を与えてくれるモチーフですが、今回紹介するのはそんな羽ばたく鳥のシルエットのベクターデータを集めたセット「BB Free Vectors: Birds in Flight」です。 上記のような様々なシルエットの鳥のベクターデータが全部で12種類収められています。 詳しくは以下 全体的にシンプルですし、商業デザインにもグラフィカルな作品にも様々な応用が利きそうな比較的使いベクターデータセットになりそうです。こういったベースになるようなベクターデータは自分でも作れますが、いざ作るとなると時間をとられるので、このような形で配布してくれるのはデザインをしている者にとっては非常にありがたいことです。 ベクターデータの配布形式は2種類でepsとsvgの2種類のデータがダ
230本収録！マーカーのベクターデータ集「230 Marker Illustrator Brushes」
TOP > Design , vector > 230本収録！マーカーのベクターデータ集「230 Marker Illustrator Brushes」 以前Designdevelopの「商用化！106+105の水彩イラストレーターブラシ「Delicious Water Color Illustrator Brushes」」という記事で、水彩のイラストレーターブラシを紹介しましたが、今日紹介する「230 Marker Illustrator Brushes」はマーカーを再現したイラストレーターブラシを230本収録したイラストレーターのブラシセットです。 様々なマーカーが準備されていますので、かなりコアなブラシかも知れませんが、探していた人にとってはこの上無いものだと思います。サンプルを下記に貼り付けておきます。 詳しくは以下 収録されているマーカーブラシの一部 ラフな感じやか、すれ
花をそのままブラシ化したphotoshopブラシセット「30 Free High-Res Floral Brushes (Clean & Grunge)」 | DesignDevelop
TOP > Design , Photoshop , Tool , WordPress > 花をそのままブラシ化したphotoshopブラシセット「30 Free High-Res Floral Brushes (Clean & Grunge)」 デザインの飾り付けとして重宝するモチーフの一つ花。今回紹介する「30 Free High-Res Floral Brushes (Clean & Grunge)」はリアルな花をそのままブラシ化したphotoshopブラシセットです。 ブラシに使われている花は実際に撮影された花を使っているためブラシはリアルに表現されています。ブラシのため濃淡だけで表現されていますので、シンプルで洗練されたデザインなんかに力を発揮してくれそうなブラシセットです。 詳しくは以下 30 Free High-Res Floral Brushes-Clean 30
雪の結晶を色々集めたベクターデータ集「Snow Flakes Vector Set」 | DesignDevelop
もうそろそろ寒くなり始めてきて、冬の足跡が聞こえてきていますが、広告・デザイン業界ではもうすっかり冬モードだとおもいます。そこで今回紹介するのは冬を演出してくれるデザイン素材、雪の結晶を集めたベクターデータ集「Snow Flakes Vector Set」です。 ベーシックな物から少し変わったものまで全部で、24個のベクターデータが紹介されています。配布されているファイルの形式はeps,pdf.svgとなっていて300dpi (4167×4167)のpngデータも同封されています。 詳しくは以下 ベクターデータで配布されていますので、クリスマスカードからポスターまで様々なデザイン制作物で使うことができるかと思います。そのまま使うのも良いですが、photoshopで加工して、質感や光を与えて使っても良さそうですね。 ライセンスは「Creative Commons Attribution-No
商用化！様々なグラフを収録したフリーグラフアイコン集「The Graphs: A Free Icon Set」 | DesignDevelop
統計などのデータを表す際、使われるグラフ。グラフと一口に言っても棒グラフ、折れ線グラフ、円グラフなど様々なグラフが存在しますが、今日紹介するのはそんなグラフのアイコンを集めたフリーアイコンセット「The Graphs: A Free Icon Set」を紹介したいと思います。 アイコンは32px〜512pxまでのpngデータが収録されていて、それとは別に、3D Studio Maxのソースファイルも合わせて配布されています。収録されているアイコンは全部で18種類で、様々なグラフアイコンが収録されています。 詳しくは以下 収録されているグラフアイコン一覧 アイコンセットのライセンスはフリーとなっていて、ソフトウェア、オンラインサービス、テンプレートなどを含む、個人、商業的なプロジェクト問わず利用することができ、ほぼ自由に利用することができるようになっています。データや統計などを示すインターフ
JavaScript, Ajax、CSSで実現するツールチップ集「30+ Tooltips Scripts」 | DesignDevelop
TOP > WebDesign > JavaScript, Ajax、CSSで実現するツールチップ集「30+ Tooltips Scripts」 カーソルを合わせるとぴょんと飛び出すツールチップ。以前「javascript不要のCSSで制御するツールチップ「Easy CSS Tooltip」」や「半透明・角丸のツールチップを表示するJavaScript 「CoolTips」」といくつかDesigndevelopでも紹介してきましたが、今日紹介するのはそんなツールチップのスクリプトを集めたエントリー「30+ Tooltips Scripts」です。 Tooltip.js 主にJavaScript, Ajax、CSSを使って実現しています。沢山のToolTipsが紹介されていますが、今日はその中から気になったToolTipsが公開されていますので下記に貼り付けておきます。 詳しくは以下
ソース付！実用的なページナビゲーション集「24 Web 2.0 Navigation」
TOP > WebDesign > ソース付！実用的なページナビゲーション集「24 Web 2.0 Navigation」 ブログが一般的になってきて、ご自身のブログにページナビゲーションをつけている方も多数いるかと思います。今回紹介するのはページナビゲーションのデザイン例を集めた「24 Web 2.0 Navigation」です。 オリジナルのデザインもありますが、「24 Web 2.0 Navigation」ではFlickrやDigg、yahooなど人気ページのページナビゲーションも収録されていて、CSSも見ることができます。 詳しくは以下 ただ見本としてデザインが掲載されているだけではなく、HTMLとCSSファイルが配布されていますので、そちらを参考に自分のサイトのページナビゲーションにデザインを反映させることが可能です。ちなみに一部画像を利用しているものもありますが、配布し
秋を演出する葉っぱのベクターデータ「Autumn Leaves Vector」 | DesignDevelop
ようやく秋らしくなってきた昨今ですが、それに伴いデザインでも秋らしさを求められたりもするかと思います。そこで今回紹介するのはそんな秋を表現してくれるのにピッタリなベクターデータ「Autumn Leaves Vector」です。 全部で17枚の葉っぱのベクターデータが収録されており、上記のような色で使えば落ち葉の雰囲気を作れます。 詳しくは以下 上記は素材として合わせて収録されている物ですが、上記画像のようにワンポイントでモチーフ的に使っても色味などにもよるかと思います。秋らしさを演出することができます。意外と複雑な形で、アールも多いので一から作るとかなり面倒なだけにありがたいベクターデータだとお思います。 サイズは5.5Mで配布データはzipに圧縮されて配布されています。ベクターデータはeps/svgで配布され、併せてpngが同封されています。ベクターデータのライセンスは「Creative
商用利用化！クオリティの高いフリーベクターデータ配布サイト「GoMediaZine」 | DesignDevelop
TOP > Design , vector > 商用利用化！クオリティの高いフリーベクターデータ配布サイト「GoMediaZine」 今まで様々なベクターデータ、ベクターデータを配布しているサイトを取り上げてきましたが、今回は商用利用可能で、尚かつクオリティも高いフリーベクターデータ配布サイト「GoMediaZine 」を紹介したいと思います。 いくつかフリーベクターデータが公開されていますが、今日はその中から気になった物を少しだけ紹介したいと思います。 詳しくは以下 ■Vector Freebie from jimiyo: Animals リアルな動物たちのベクターデータ。色々なグラフィックで使えそうです。 ■Vector Freebie: Fingerprints 以前指紋などのブラシセットを紹介しましたが、これはベクターデータで配布されています。 ■Vector Freebi
手形、足形、指紋を集めたフリーphotoshopブラシセット「Fingerprints and Footprints」 | DesignDevelop
一般的なモチーフのブラシやシェイプは少し探せばすぐ見つかりますが、ピンポイントなもので、自分にピッタリ合うものは、なかなか見つけるのが難しいです。今回紹介するブラシセットはどちらかというとかなりニッチなもので、手形、足跡、指紋集められたフリーのPhotoShopブラシ「Fingerprints and Footprints」です。 なかなか商業デザインでは使いどころが難しいところですが、グラフィカルな作品やホラーな雰囲気をだしたりするのには便利そうなブラシセットです。 詳しくは以下 収録されているブラシセット ブラシサイズは3.4MBでphotoshoCS以上対応。フォーマットabrで配布されています。高解像のデータですので、様々なデザインに使える用になっています。ある人にはまったく興味を持たれなさそうですが、探していた人にはこの上ないブラシセットだと思います。 ライセンスはロイヤリティ1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
