TOP  >  Photoshop  >  SNSへの投稿もお洒落なデザインを Instagramなどで使えるフォトフレーム素材「Animated Social Media Pack」 SNSを活用し情報発信をする人が増える中、いかに魅力的に投稿を見せるのかが鍵となってきています。今回はそんなSNSへの投稿をお洒落にデザインしてくれるフォトフレーム素材「Animated Social Media Pack」を紹介します。 Instagramベースの正方形のフォトフレームが、12種類セットになった使いやすい素材集です。 詳しくは以下 フォトフレームは白とゴールドを基調に、テクスチャーや抽象的なイラストなどを組み合わせたハイセンスなデザインで、女性ユーザーの多いInstagramに合わせた可愛らしく繊細なテイスト。流行のランダム性のある歪んだ円は自作するとなると中々手間が掛かるので、こうした素

TOP  >  Design , vector , WebDesign  >  最新の高品質なフリーグラフィックスまとめ「28 Free Vector Graphics Free Download for Commercial Use」 デザイナーにとって最新のフリー素材は常にチェックしておきたいもの。今回は、そんな方におすすめできる「28 Free Vector Graphics Free Download for Commercial Use」を今回はご紹介していきたいと思います。 Freebie: Vintage Barber Shop Logo Templates (PSD) on Behance デザイン制作のシーンで非常に便利な高品質素材ばかりがまとめられています。いくつか気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 Vector Vint

TOP  >  WebDesign  >  さまざまなテイストが揃う 医療向けアイコンまとめ「30 Free Medical Icon Sets You Can Download」 医療関係のデザインは、専門的な内容も多いだけに、できるだけわかりやすくユーザーに視覚的に伝えることが重要にもなってきます。そんなときに知っておくと便利なまとめ「30 Free Medical Icon Sets You Can Download」をご紹介していきたいと思います。 Vector Medic – Download Free Vector Art, Stock Graphics & Images 医療向けのアイコンに特化してさまざまな種類・テイストのものがまとめられています。以下にいくつかピックアップいたしましたので、ご覧ください。 詳しくは以下 Iconset:dental-premium-colo

木の表現力がアップする!手軽に利用できるPhotoshopブラシまとめ「12 A Collection of Useful Tree Brushes for Photoshop」 効率的なデザイン制作には欠かせないPhotoshopブラシ、特にクオリティの高いブラシは豊富にストックしておきたいもの。そんな中今回紹介するのが、さまざまな木を表現できるPhotoshopブラシをまとめた「12 A Collection of Useful Tree Brushes for Photoshop」です。 （Tree-Brushes V.1 by ~King-Billy on deviantART） 美しいシルエットが印象的なブラシからリアルな風景を再現できるブラシまで、豊富なPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳

最近ではすっかりおなじみになりつつあるHTML5。ブラウザの問題もあり、まだ広くは利用されていませんが、徐々にその範囲を拡大しつつあります。今日紹介するのはHTML5でコーディングするときに役立つ10のオンラインツールをまとめたエントリー「10 online tools to simplify HTML5 coding」です。 Initializr 様々なHTML5コーディングに役立つWEBサービス、チートシートなどが集められていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 HTML5 Demos and Examples HTML5の独自機能のDemoを試せるサイトIE、firefox、opera、safari、Chromeとそれぞれのブラウザの対応状況をチェックできます。 HTML5 Canvas Cheat Sheet – Nih

TOP  >  Design , vector  >  ベクターデータのグランジ素材「15 Free High-Quality Subtle Grunge Vectors」 海外の素材系では定番のグランジを表現する素材。テクスチャやphotoshopブラシ等様々な素材が展開されていますが、今日紹介するのはベクターデータで使えるグランジ素材「15 Free High-Quality Subtle Grunge Vectors」を紹介したいと思います。 全部で15のグランジ表現に使えるベクターデータが公開されています。一部収録されているベクターデータが公開されていましたので下記に紹介したいと思います。 詳しくは以下 ベクターデータはzipで配布されていて、原文下部の「Download」からまとめてダウンロードすることが可能です。質感などは写真のテクスチャやブラシには劣る部分あるかもしれませんが

ベクターデータを探すならココ！ベクターデータ配信サイトをまとめたダウンロードサイト32選「32 Places to Find High-Quality Vectors」 制作の現場では一般的なベクターデータ形式。拡大縮小が自由自在で、色の変化なども自由にでき、汎用性が効くデータ形式として広くデザインには利用されています。今回紹介するのはそんなベクターデータで制作された素材データをダウンロードできるサイトを集めたエントリー「32 Places to Find High-Quality Vectors」を紹介したいと思います。 Vector RSS どのサイトも数多くのベクターがデータが無料でダウンロードすることができます。今日はまとめられているベクターデータサイトの中から、今までDesigndevelopで紹介したことが無いサイトを中心にいくつかピックアップして紹介したいと思います。 詳しく

様々な機能や可能性を秘めたHTML5。各所で取り上げられ、様々なチュートリアルやデモが公開されてはじめて来ていますが、今回紹介するのはHTML5の可能性を伝えるデモを集めたエントリー「5 awesome HTML5 demos」です。 いままでHTMLでは出来なかった様々な機能が実現されています。今日はその一つ一つを簡単にご紹介したいと思います。 詳しくは以下 ■APIrocks HTML5 slideshow 位置情報を取得させたり、ドラッグでソースコードを表示させたり、様々なHTML５の機能をスライドショーにまとめたページ。色々な可能性を提示してくれます。 ■Jilion – SublimeVideo プラグインを必要としないHTML5で作る動画プレイヤー。一般的な動画プレイヤーにできることは備わっています。 ■Blowing up HTML5 video 動画を3Dオブジェクトにテク

TOP  >  WebDesign  >  最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」 軽量で非常に高機能なjavascriptプラグイン。豊富な機能に加えて、デザイナーでも何とかわかる範囲の言語として最近さらに人気を集めていますが、今回紹介するのは最新の使えるjQueryプラグインを集めた「25 Amazing and Fresh jQuery Plugins」というエントリー。 Meerkat 最近リリーされた使えるjQueryプラグインが集められています。様々な機能のものがありますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Brosho Plugin – Example CSSをブラウザ上から編集できるjQueryプラグイン。使うシーンはかなり断定されてきますが、面白いですね。

何かと便利な紙のテクスチャセット集「158 Paper Textures For Kickstarting Your Backgrounds & Designs」 デザインのクオリティを引き上げてくれる何かと便利な紙のテクスチャ。使い方によっては様々なデザインシーンで利用できる優れものですが、今回紹介するのはそんな紙のテクスチャを多数あつめたエントリー「158 Paper Textures For Kickstarting Your Backgrounds & Designs」です。 4 Retro Old Dirty Paper Textures – Download From ベーシックなものから、破れや汚れを表現したグランジっぽいものまで様々なテクスチャが公開されています。今日はその中から気になったものをいくつか紹介したいと思います。 詳しくは以下 ■13 HQ Old Paper

ユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」 タブやフォーム、ラジオボタンにチェックボックス、ページングとWEB特有のデザインや昨日はいくつもありますが、WEBデザインを起こす時、それを一つ一つデータを起こしているとかなり大変です。今日紹介するのはユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」です。 Flex Stencil Kit 様々なインターフェイスに対応した素材がまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Free Sketching & W

TOP  >  Design , Photoshop  >  美しい花のフリーphotoshopブラシセット集「250+ Floral Photoshop Brushes」 季節感、華やかさ、美しさ、女性らしさなど様々な印象を演出できるモチーフの一つ花。それだけにデザインをしていても非常に便利で使いやすい素材だと思います。今回紹介するのはそんな花を表現してくれるフリーphotoshopブラシセットを集めたエントリー「250+ Floral Photoshop Brushes」です。 Floral Photoshop Brushes(66 brushes) 全部で250もの、花を表現する為のphotoshopブラシが集められています。今日はそのなかからいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Floral Brush (5 brushes) ビンテージ感も演出できる、ブ

TOP  >  Design , Photoshop , WebDesign  >  商用可！定番シンプルなアイコンセット「108 Mono Icons: Huge Set of Minimal Icons」 WEBサイトのユーザーインターフェイスには欠かせないアイコン。グラフィカルに表現されたアイコンはそれ一つで様々な意味をユーザー与えてくれます。今日紹介するのはどんなWEBサイトでも利用できそうな汎用性のある定番シンプルなアイコンセット「108 Mono Icons: Huge Set of Minimal Icons」です。 全部で108個のアイコンが収録されており、メールアイコン、ユーザーアイコン、ダウンロードアイコンなどなど、WEBで必要なものは一式揃っているといった感じです。収録アイコンの一覧は以下の通りです。 詳しくは以下 配布形式は32×32pxの透過pngとなっています。

TOP  >  Design , Photoshop , WebDesign  >  WEBのクオリティを上げてくれるメッシュ表現「Create An Airforce Inspired Mesh Pattern Overlay」 WEBデザインについて細かな部分での作り込みがクオリティにつながってきたりしますが、今回紹介するのはWEB制作のクオリティーを上げてくれるphotoshopによるメッシュ表現のチュートリアル「Create An Airforce Inspired Mesh Pattern Overlay」を紹介したいと思います。 通常の画像にドットのメッシュのトーンをかけるというだけですが、その細かい描写は作り込みにつながるときがあります。チュートリアルは以下から 詳しくは以下 ■STEP1 まずはphotoshopで新規ファイルを3×3pxでつくり1600%まで拡大します。こ

クリスマスデザインのためのフリーベクターデータ「Over 500 Free Vector Art for Creating Christmas Designs 2009」 あと一月するとクリスマス。デザインの現場ではもうすでにクリスマスのお仕事をされている、もすでにしたという方も多いかと思いますが、今日紹介するのはクリスマスを演出してくれるクリスマスデザインのためのフリーベクターデータ「Over 500 Free Vector Art for Creating Christmas Designs 2009」です。 19 awesome Christmas vectors | LordofDesign.com ツリーやサンタクロースはもちろん、クリスマスのモチーフのパターンやそのままメッセージカードに使えそうなものから色々と用意されています。沢山のフリーベクターデータが集められていますが、今

TOP  >  Design , Font  >  2009年を代表するフリーフォントを集めた「The Best Free Fonts of 2009」 デザインを行う上で、かなり重要な要素を締めるフォント。様々なフリーフォントが配布され、Designdevelopでも様々なを紹介してきましたが、今回紹介するのは2009年にリリースされたフリーフォントのなかから特にクオリティが高いフォントを集めたエントリー「The Best Free Fonts of 2009」です。 Chunk 海外のサイトなので、欧文書体ばかりですが、The Best Free Fontsと言うだけあってどれも素晴らしいクオリティのフォントが揃っています。今日はその中からさらに気になったものをいくつか紹介したいと思います。 詳しくは以下 ■Vegur 細身で柔らかい洗練されたアルファベットの書体。小見出しなどにはキレ

TOP  >  WebService  >  だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」 WEBデザインの印象を決定付ける大きな一つの要素の一つに背景があります。様々な背景素材やジェネレーターがWEB上で公開されていますが、今日紹介するのはだんだん小さくなるドット柄の背景パターンを制作してくれる背景ジェネレーター「Dotted Background Generator」です。 上記のように上部から下部に向ってだんだんと小さくなっていくような背景を簡単に作る事ができます。 詳しくは以下 使い方は至って簡単でドットのカラーと、背景色、そして高さを指定すればOKです。色はカラースライダーなどは実装されていませんので、指定する必要があります。また選べるカラーはドット、背景ともに2色までとなっています。背景色は2色選んだ場合はA

TOP  >  Design , Font  >  ラフなイメージを演出できるフリーコミックフォント「30 Free Comic Fonts」 柔らかいイメージを作りたい。そんなデザインもあるかと思います。そんな時に役立つのが、POPで面白い印象を与えてくれるコミックフォント。今日はそんなフリーコミックフォントを集めたエントリー「30 Free Comic Fonts」を紹介したいと思います。 Font: JL QUIXS by ~jelloween on deviantART 手書き風なモノから、立体的なモノまで、様々なフォントが紹介されています。今日はその中からいくつ描きになったモノをピックアップして紹介したいと思います。 詳しくは以下 ■Go Boom 2.0 by ~Mgl-23 on deviantART 手書き風の可愛らしいフォント。見本のように紙の上からとか相性が良さそう