デザインを開発するという視点でお伝えするクリエイティブBLOG
デザインの背景に使用することで、より魅力的なデザインに仕上げることができるバックグラウンド素材。持っていると非常に便利に活用できるもの。そんな中今回紹介するのは、雰囲気・ニュアンス感のあるバックグラウンド背景集「Free 50 Retro Dotted Blurred Backgrounds」です。
50種の、柔らかくどこかレトロな雰囲気も感じさせてくれるバックグラウンド素材がまとめダウンロードできるようになっています。
詳しくは以下
デザインを華やかに彩ってくれるバックグラウンド素材。種類豊富にストックしておけば、いろいろなテーマに対応することができます。今回はそんなときに役立つフリーベクターバックグラウンド集「Vector Background Download: 30 Free Backgrounds」を紹介したいと思います。
Grungy gradient background Vector | Free Download
30種の、ベクター形式バックグラウンドがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
背景に利用することでデザインをより魅力的に見せてくれる効果を発揮するパターン素材。すでに用意されているものを使用するのも良いのですが、時には自身で作成したものでデザインを完成させたい時もあるのではないでしょうか？今回はそんな時に参考にしたい背景パターンチュートリアル集「Pattern Tutorials: 25 Background Pattern Design Tutorials & Free Patterns」を紹介したいと思います。
Create a Wallpaper with Vector Geometric Blurred Shapes in Illustrator and Photoshop
豊富なバリエーションを揃えたチュートリアル集で、ソフトのいろいろな技術等も参考にすることができそうです。
詳しくは以下
背景として利用できるバックグラウンド素材はとても便利で、さまざまな使い方で活用することができます。そんな中今回は、ぼやけ感のあるフリーバックグラウンド「260+ High-Res Free Blurred Backgrounds for Websites, Apps & Wallpapers」を紹介したいと思います。
（EvanAlmighty – Blurred Images）
高解像度が嬉しい、絶妙なニュアンス表現が可能なバックグラウンド素材が集められています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
さまざまなデザインに活用できる背景素材。配布されている種類も非常に豊富なので、デザイン制作の為にいろいろ集めてストックされている方もいらっしゃるかと思います。今回はそんなストックに是非プラスしたい、グラデーションの効いた30種のフリーバックグラウンド素材「30 Free Backgrounds」を紹介したいと思います。
色合いのバリエーションが豊かなバックグラウンド素材30枚が、サイズ800x600pxの大きさでまとめられています。
詳しくは以下
デザインソフトを駆使することで、現実世界にはないグラフィカルな世界観を作り上げることができますが、デザインソフトを上手く活用するには、多くの制作知識が必要になります。今回はそんな時に是非参考にしたい、光感のある背景を制作できるチュートリアルをまとめた「20 Wonderful Abstract Backgrounds Tutorials」です。
Hexagon Bokeh Effect in Photoshop | Abduzeedo Design Inspiration & Tutorials
曲線や直線、図形などを組み合わせた美しいバックグラウンド素材の作り方が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
写真補正から、グラフィック制作まで幅広い用途で利用されているphotoshop。多くの方が利用しているソフトだけに、素材やブラシ等も豊富で、質の高いものが数多くリリースされています。今日紹介するのは、そんなphotoshopで利用できる花火を簡単に再現できるphotoshopブラシセットを集めたエントリー「30 Brilliant Photoshop Fireworks Brushes」です。
あ
Firework Brushes by DoaC-Res – 8 firework brushes compatible with PS 7 and CS.
全部で30もの花火ブラシが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
今まで数多くのテクスチャや背景素材を紹介してきましたが、今日紹介するのは1009枚ものフリーテクスチャ&背景を集めたエントリー「Massive List of 1009 Hi-Res Free Textures and Background」です。
様々な種類のテクスチャ、背景のセットが公開されておりその数もさることながらバリエーションも豊富で定番のグランジペーパーからブロック、パターン、ビンテージなどなど様々な素材のダウンロード先が集められています。今日はその中から今までDesigndevelopで紹介した事が無く気になったセットをいくつかピックアップして紹介したいと思います。
詳しくは以下
webサイトやスマートフォンアプリなどのデザインを制作する際、実際の見た目を確認するために実際の機種に当てはめた状態をチェックすることも多いはず。今回はそんなシーンで活用できるモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」を紹介したいと思います。
（Free Responsive Screen Mock Up – iMock Up Free Edtion on Behance）
フラットでミニマルなシンプルテイストなので、デザインに影響を与えることなく利用することができます。
詳しくは以下
文字を美しく見せるための技法が用いられ作成されたカリグラフィーフォントは、デザインに柔らかさや洗練された雰囲気を与えてくれます。そんなカリグラフィーフォントをまとめた「15 Free Calligraphy Fonts for Designers」を今回は紹介したいと思います。
（Billion Stars Font | dafont.com）
15種の、デザインに彩りを添えるカリグラフィーフォントが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
現在のタスクがどれだけ進行しているかを視覚的に表示してくれるプログレスバー。webサイトの読み込みやダウンロード状況などを知る際には欠かすことができない存在となっています。今回はそんなプログレスバーのフリーで使用できるものを集めた「26 Free Progress Bar Interface PSDs」を紹介したいと思います。
Eye Candy Percentage Bar PSD Freebie | The Finished Box
デザイン演出がされていないことが多いプログレスバーをグラフィカルに表現したpsd素材がまとめられています。
詳しくは以下
次世代の言語として期待されているHTML5、すでにスマートフォン関係の標準ブラウザで対応し始めていることもあり、利用したことが有るという方もWEB制作者であれば多いのではないでしょうか？今日紹介するのはそんなHTML5で作られたビデオプレイヤーをまとめたエントリー「10 Best HTML5 Video Player」です。
FryPlayer – HTML5 Video Player
全部で10種類のHTML5で作られたビデオプレイヤーがまとめられていましたが、今日はその中から幾つか気になったものを紹介したいと思います。
詳しくは以下
スマートフォンやタブレット端末が普及した今日では、毎日 Webサイトを閲覧するという人も随分多くなったのではないでしょうか。そんな中今回紹介するのは、日々変化していくWebサイトを制作するWEBデザイナーのための6つのオンラインツール「6 Essential Open Source Tools for Web Designers」です。
Krita | Digital Painting. Creative Freedom.
デザインの手助けをしてくれるアイテムはとても便利で、より良いものを作る事ができる優れものです。その中でも、気になったものをいくつかピックアップしてみました。
詳しくは以下
普段何気なく閲覧しているサイトですが、UIデザインや背景の処理など様々な部分に工夫が凝らされています。そんな中今回は、javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」を紹介したいと思います。
様々なバブル背景が簡単な手順で制作することができるようになっています。
詳しくは以下
デザインをする上でちょっとした加工や、グラフィックに彩りを与えるのに便利なphotoshopカスタムシェイプ。様々なデザインが公開されていますが、今日紹介するのはフリーで使えるphotoshopカスタムシェイプを集めたエントリー「30+ Useful Photoshop Custom Shapes Set」を紹介したいと思います。
樹木、グラフィック、シルエットなどなど様々なphotoshopカスタムシェイプが集められています。今日はその中からいくつか気になった物をピックアップして紹介したいと思います。
詳しくは以下
グラフィックデザインをする上で非常に便利なベクターデータ。様々な現場で活躍していますが、今日紹介するのはそんな便利なベクターデータの素材がダウンロードできるWEBサイト「Vectors on Fire」です。
バックグラウンドやイラストレーションから超リアルに表現された金魚といったかわったものまで様々なベクターデータが用意されています。いくつか公開されていますが、今日はそのなかからいくつか気になったものを紹介したいと思います。
詳しくは以下
