デザインを開発するという視点でお伝えするクリエイティブBLOG
背景を透過することができたり、フルカラーで保存すれば劣化が少ないなどのメリットがあるPNG画像。WEBデザインに使用する機会も多いものですが、フルカラー保存となると、画像サイズが大きくなってしまって困ることも少なくありません。そんなときに役立つ「UPNG」を今回はご紹介していきます。
簡単な操作でソフトのダウンロードも不要。便利なオンラインの圧縮サイトになります。
詳しくは以下
デザインの素材として世界観を創るのに便利なパターン素材。イラストレーターやフォトショップを利用している人であれば簡単に制作もできますが、それでも少しは時間がかかります。今日紹介するのはオンライン上で簡単にイラストレーションの組み合わせて独自のパターンが生成できる「patterninja」です。
基本的にベースのカラーを選び、そこにイラストレーションを重ねていくという方法でパターンを生成していきます。元々セットされているイラストレーションから生成もできますし、自分で用意した画像をアップロードして利用することも可能です。幾つかパターンを制作してみましたので以下からご覧ください。
詳しくは以下
シームレスな背景素材は解像度が多様化しているWEBサイト制作においては非常に役立つ素材の一つです。今日紹介するのは暖かくて柔らかな印象を与えてくれる水彩で描かれたオシャレなシームレスなパターンセット「Watercolor Seamless Patterns」です。
パターンは非常に実用的で、ドットから幾何学的な模様、破線のボーダーまで全部で8つのパターンが収録されています。全パターンは以下からご覧ください。
詳しくは以下
2月14日は年に一度の甘いイベント、バレンタイン。webサイトのデザインなどにもバレンタイン仕様が取り入れられる事が多くなる季節です。そんなシーンに利用したいフリー素材「16 Valentine’s Day Design Freebies」を今回は紹介したいと思います。
（Valentine's Day Retro Set | Download free Vector）
いろいろな種類の、バレンタインをイメージさせる素材が16種まとめられています。
詳しくは以下
WEBやアプリを製作する上で便利なアイコン。それだけに素材としても非常に多くのアイコン素材が配布されていますが、今回紹介するのは海外のデザイン事務所が運営するフリーアイコンが日々公開されるWEBサイト「Endless Icons」です。
配布されているアイコンは現在100個ほどで、「Kitchen、Food、Sport、Sport Gear、Doodle、Drink」といくつかのカテゴリーに分類されており、ジャンル別にソートすることもできます。
詳しくは以下
デザインの素材として欠かせないものの一つとして取り上げられる写真。しかし時には撮影の予算がなく、ストックフォトから写真を選ばなくてはならないことも。今回はそんなシーンにおすすめな、ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」を紹介したいと思います。
Skitterphoto | Free to use public domain (CC0) photographs
デザイン性の高い写真を多数収録したストックフォトサイトが10種、紹介されています。気になったサイトをピックアップしましたので、下記よりご覧ください。
詳しくは以下
ステッカーやタグなどを利用して動きのあるデザインを表現することも多いと思いますが、そんなステッカーやタグを一つ一つ制作していくには時間もかかります。そんな中今回紹介するのが、コラージュやワンポイントデザインに使いやすい、ステッカーやタグをモチーフにしたPSD素材「40 Beautifully Designed Stickers, Tags And Badges In PSD Files」です。
可愛らしい素材からシーンを問わず使いやすい素材まで、さまざまなPSD素材が紹介されています。中でも気になったのをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
新芽が芽吹く春が近づいてくると、自然を意識したデザイン制作も多くなってくるのではないでしょうか？今回は、そんな自然な雰囲気を感じられるデザイン制作にぴったりな、葉をモチーフにしたパターン素材をまとめた「70+ Leaves Pattern for Nature Inspired Designs」を紹介したいと思います。
グリーンの葉はもちろん、さまざまな季節を感じられるパターンが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
Photosnopにはさまざまなツールが用意されていますが、その中でも”アクション”は、手軽に思い通りの写真補正ができるツールとして非常に便利な存在。今回はそんなアクションセットと写真加工のチュートリアルをまとめた「20 Free Effective Photoshop Action Tutorials and Resources」を紹介したいと思います。
actions 1 by ~allthebesthere on deviantART
ヴィンテージな古い写真を思わせる補正や、はっきりと綺麗に見せる補正まで、たくさんのアクションがまとめられています。中でも気になったものをピックアップしたので下記よりご覧ください。
詳しくは以下
豊富なテーマが展開されており、誰もが手軽にwebサイトを持つことができるWordPressは、一般の方からプロのWEBサイト制作者にまで、幅広く利用されています。そんなWordPressのテーマの中から今回は、比較的最近発表されたシンプルで使いやすい、フリーのテーマをまとめた「20 New and Free Minimal WordPress Themes」を紹介したいと思います。
（Free HTML 5 Responsive WordPress Theme for Photographers）
誰にでも使いやすい、シンプルながら内容の伝わるテーマが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、まずは下記よりご覧ください。
詳しくは以下
写真加工ソフトとして活用されているPhotoshop。いろいろな表現が可能ですが、機能が多いゆえに使いこなせていないというデザイナーの方も多いのではないでしょうか。今回はそんな方におすすめしたい、魅力的なチュートリアル20選「Post-Processing Photoshop Tutorials: 20 PS Tutorials for All Designers」を紹介したいと思います。
Add quick effects to your personal photos – 300+ free Photoshop Tutorials
Photoshopでの画像加工にバリエーションを出すことができる、トレンド感を押さえた表現ができるチュートリアルが紹介されています。
詳しくは以下
アイコンをインターネット上で探すと、非常に膨大な量が検索されると思います。それゆえにどれを使用したら良いのか迷ってしまうこともあるのでは？今回はそんなときに参考にしたい、多目的なフリーアイコンまとめ「20 Free, Multi-Purpose Iconsets You Should Bookmark」を紹介したいと思います。
100 Free iOS Vector Icons. SKETCH, AI, PNG, SVG files.
定番として利用できそうなアイコンが豊富に揃っているので、ストックしておけばいろいろなシーンで活用できそうです。
詳しくは以下
今現在Macで作業する事が多くFTPクライアントは無料で使える「Cyberdack」を使っていますインターフェイスも良く、日本語版もあり機能的にも不自由していませんが、基本的にブラウズしながら使う事が多くブラウザとFTPクライアントの切り替えが面倒な時があります。そんな悩みを解決してくれるのが、今回紹介する「FireFTP」です。
この拡張機能はFireFox上でFTPクライアントを動作させるというものです。Firefox上で起動するので普通のWEBページのようにタブで管理できるようになっています。そのため上記のように複数ページを開きながら起動させる事ができます。
インストール方法は「FireFTP – The Free FTP Client for Mozilla Firefox」の「Download FireFTP」をクリックすればFirefoxの拡張機能のインストールウィザードが始まりますのでそれに従って下さい。
FireFoxの拡張機能なんでMacでも動作します。フリーのFTPクライアントが少ないMacユーザーには嬉しいところです。FTPアカウントの設定はFireFTP右上の「Manage Accounts」から設定できます。言語は英語ですが特に難解な所はなく実際使ってみましたが気軽に使える感じです。ブラウザとFTPの連携は良いアイデアだと思います。今後色々試しながら使っていきたいと思っています。
Photoshopを使えばいろいろなグラフィック表現が可能になりますが、機能が豊富に備わっているためなかなか使いこなせていないという方も多いのでは？今回はそんな時に参考にしたいPhotoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」を紹介します。
（Photoshop tutorial: Stylise photos using colourful shapes – Digital Arts）
グラフィカルな加工方法を学ぶことができるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
adobeのデザインソフト・イラストレーター。バージョンのアップと共に機能性も非常に充実し、これまで表現できなかったグラフィック表現も可能になってきています。そんな中今回紹介するのは、イラストレーターを使った非常にクオリティの高いデザインのチュートリアル集「40+ Fresh And Useful Adobe Illustrator Tutorials」です。
（Create a Magical Vector Landscape Using Illustrator – Vector Premium Tutorial | Vectortuts+）
物やアイコン、ボタンなど、イラストレーターで表現したとは思えない程リアルな質感をどのような操作でデザインしたのか？を、このまとめで知ることができます。いくつか事例をピックアップしましたので、下記よりご覧ください。
詳しくは以下
