デザインを開発するという視点でお伝えするクリエイティブBLOG
ベクター素材は非常に使い勝手が良く、制作にはとても便利なデータ形式ですが、一から描くのは一苦労。WEBで探していもなかなかイメージ通りのものが見つからない時は困ってしまいますよね。今回はそんな時のために是非ご覧頂きたい、フリーベクター素材セットとIllustratorのチュートリアル「20 Fresh Free Vector Sets and 5 Illustrator Tutorials」を紹介致します。
可愛らしいものやリアルで高級感あるイラスト素材、またその作り方が幅広くまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
世界中に多種多様な種類があるノリモノ。車、バイク、船、飛行機など、パッと思い浮かべるだけでも数種類でてきます。それだけに、制作の中で、ノリモノを表現する機会もあると思います。今日紹介するのは、様々なノリモノの形をベクターで描いたグラフィック素材「Free Vector Vehicles」です。
上記のようにベクターデータで表現されており、シンプルなデザイン感なので、比較的利用しやすく、加工なども行いやすくなっております。
詳しくは以下
スマートフォンの操作は独特で、普段利用している方であれば、当たり前のように利用できますが、スマートフォンを購入した手のユーザーにとっては用語で説明しても伝わりにくく、「スワイプ」「ティルト」などなかなか言葉からは想像しにくいものもあります。今日紹介するのはスマートフォンの操作をアイコン的に伝えられる、ジェスチャーベクターデータ「IPHONE GESTURES」です。
スワイプ、タップ、ピンチ、ズーム、ティルト、シェイク、マルチタッチといった基本的な操作が手の動きやスマートフォンの動きとともに表現されています。
詳しくは以下
WEBを制作する上でユーザーエクスペリエンスを左右する。アイコンのデザイン。意図したとおりに作用すれば、言いたいこと、伝えたいことがかなりわかりやすく伝わります。今日紹介するのは、ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」です。
このアイコンセットはECサイト用ということで、支払いから、セール案内まで、幅広くECで重宝しそうなアイコンがまとめられています。
詳しくは以下
制作に便利なベクターグラフィック、どんなサイズにも対応し、編集もしやすくクリエイティブの素材としては非常に使いやすいものですが、今回紹介するのは
フリーで使えるベクターデータを集めたエントリー「35 Free Vector Illustrations Sets」です。
全部で35のベクターデータがまとめられていますが、今日はその中からいくつか気になったベクターデータをピックアップして紹介したいと思います。
詳しくは以下
WEBデザインにおいて便利な素材アイコン。アイコン自体のテイストにもよりますが、汎用性が高く、比較的どんなデザインでも活躍してくれます。今回紹介するのはフリーで利用できる650個以上のシンプルアイコンセット「defaulticon」です。
非常にシンプルなアイコンですが使い勝手がよく、使いやすいアイコンセット。全部で650以上のアイコンが公開されています。
詳しくは以下
データは16×16、32×32、48×48、64×64の、128 × 128、256 × 256のpngデータと編集可能なepsとなっていて、epsで配布されていますので、自由にカスタマイズ可能です。
このアイコンのライセンスは「Creative Commons Attribution-No Derivative Works 3.0 」となっていて、ライセンスに則った形であれば商用、非商用問わず無料で利用でき、WEBから、紙媒体などなど様々なものに利用することが可能です。詳しいライセンスについてはサイト下部に明記してありましたので、ご利用されるかたはご確認ください。
デザイン制作の中で非常に便利なPhotoshoのブラシ。デザインの幅が広がる、クオリティの高いブラシは非常に心強い味方です。今回は、そんなブラシのパックを集めた「20 Subtle and Soft Textured Photoshop Brush Packs (225 Brushes)」をご紹介します。
（Dribbble – Speckle Brushes made of Cocoa (free download) by Maleika E. A.）
穀物や、錆、ウッドなど、用途や仕様によって活躍するブラシが豊富にまとめられています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインの雰囲気を決定付ける大きな要素の一つフォント。今日はその中でもアナログ感溢れる手書きフォントを集めたエントリー「45+ Most Wanted Beautiful Free Hand Drawn Fonts」を紹介したいと思います。
手書きのフォントに関してはDesigndevelopでも何度かとりあげてきましたので、お馴染みのフォントもありますが、今日はその中でも今まで紹介した事が無く、気になったフォントをいくつか紹介したいと思います。
詳しくは以下
WEBデザインならではのエフェクトは、私たちの目を楽しませてくれたり、あっと驚かせてくれたりします。今回ご紹介する「WebGL Distortion Hover Effects | Codrops」は、WEBの中でもよく目にするホバーアクションのエフェクト集になります。
歪みの効果を与え、滑らかに動くスタイリッシュなホバーアクションです。
詳しくは以下
背景やパターンはデザインに世界観を与えてくれる便利なものです。適材なパターンを上手く使えれば一気にクオリティを上げてくれます。今日紹介するのはイラストレーターで使える便利なパターンを集めたエントリー「450+ Adobe Illustrator Patterns」です。
5 Seamless Vector Patterns (5 patterns)
全部で450ものパターンがまとめられており、全てベクターデータでフリーで取得可能です。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
Photosnopにはさまざまなツールが用意されていますが、その中でも”アクション”は、手軽に思い通りの写真補正ができるツールとして非常に便利な存在。今回はそんなアクションセットと写真加工のチュートリアルをまとめた「20 Free Effective Photoshop Action Tutorials and Resources」を紹介したいと思います。
actions 1 by ~allthebesthere on deviantART
ヴィンテージな古い写真を思わせる補正や、はっきりと綺麗に見せる補正まで、たくさんのアクションがまとめられています。中でも気になったものをピックアップしたので下記よりご覧ください。
詳しくは以下
アクションスクリプト3.0が導入されて、さらに敷居が高くなったと周囲で噂のFLASHですが、今回紹介するのは様々なFLASHの処理やアクションをビデオでまなべるチュートリアルサイト「gotoAndLearn()」です。
かなり高解像度の動画で一つ一つ丁寧に詳細なビデオによるチュートリアルを閲覧することができます。英語サイトになりますので、音声による解説は日本語ではありませんが、かなり詳細な動画のため言葉のカベがあってもなんとかなる感じです。
詳しくは以下
WEB制作にとどまらず、様々な場所で利用されるアイコン。素材としては非常に優秀で、いろいろな趣旨のアイコンセットが世界中で公開されていますが、今日紹介するのは、施設からファイル形式まで、様々なアイコンを網羅したアイコンセット「Eldorado mini free」です。
こちらのアイコンセットは、単純にUI的なものではなく、マトリューシカやハンバーガーなどなど多種多様なアイコンがまとめられています。全部で1262種類ものアイコンがセットになっていますが、今日はその一部を紹介したいと思います。
詳しくは以下
アナログ感のあるデザインは人間味がしてベクターで描かれた、グラフィカルな作品とはまた違った魅力があります。今日紹介する「Creative Doodles Photoshop Brushes」はアナログ感溢れる落書きのようなブラシです。
スキャナで取り込んで、加工してと手書きをデザインに手間がかなりかかりますので、こういったブラシが使えるのであれば上手く使いたいですね。実際収録されているブラシのスクリーンショットを下記に貼り付けておきます。
詳しくは以下
アンティークな雰囲気を演出する際やコラージュなどにも良く利用される古い本などの素材は、自分で手に入れることが難しく、テクスチャ素材を利用されている方も多いのではないでしょうか？そんな中今回紹介するのが、古い本をさまざまな角度から楽しめるテクスチャをまとめた「40+ Free High Resolution Old Book Textures For Designers」です。
Old Books Pack – 17 Free Images | Media Militia
古い本の表紙から中面まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
6月のウェディング繁忙期に向けて、すでにデザインを手がけているという方もいらっしゃるのではないでしょうか？今回はそんなシーンに活用できるアイコンまとめ「Free Wedding Icons For Your Design Projects」を紹介したいと思います。
Wedding and Love +50 free icons (SVG, EPS, PSD, PNG files)
厳選された数ではありますが、どれも使いやすそうな種類が揃ったアイコンセットがピックアップされています。
詳しくは以下
