http://ift.tt/1qjwggP
2 comments
| 2 points
| by WazanovaNews
■ comment by Jshiike | 5日前
Wazanova Newsは、モノトーンでシンプルなサイトにしたいので、意識的に画像を全く使わないのですが（読みやすさとか、アクセスの喚起とかの法則には反するのですが、個人的な趣味でそういう方針にしてます。読みづらいと思ってる方はすみません。。）、もしグラフィックを使うなら、このNathan Barryのブログで紹介されてる一連のテクニックが多いに役立ちそうです。Mediumのブログのようにできますね。興味深いので、ブックマーク代わりにメモ残しておきます。
Nathanのような、効果的な画像コンテンツをつくれるようになるワークショップも、各地で開催しているようです。
1) フリーの写真素材
FreeImages.com
Unsplash: これだけのハイクオリティの写真が、Creative Commons Zero なので、フォトグラファーへのattributeの表記も必要なく、加工/配布/商用利用可。
flickr Creative Commons
2) Photoshop: テキスト追加と簡単な加工
1分52秒のYoutube Video
3) アイコン
The Noun Project: かなりの数ありますね。
4) Photoshop: アイコンの画像への取り込み
4分35秒のYoutube Video
5) Photoshop: テキスト/画像のカラー加工
3分56秒のYoutube Video
6) CSS3: テキスト装飾
DESIGNING WITH CSS3: 50分の無料ビデオコース
7) Photoshop: テキスト装飾
6分58秒のYoutube Video
8) 手描き（風）のコンテンツ
白いカードに記入した手描きのコンテンツをiPhoneで撮影（影を写さないように注意）。Photoshopに取り込み、Levelsを使いバッックグランドをwhiteに変更。それから、darken blend modeで、好みの色の背景に。
Kyle Websterのブラシで色を追加。サンプル1 サンプル2
手を汚したくなければ、iPadのPaper by 53アプリを使う。サンプル1 サンプル2
9) Photoshop: コメントやTweetの引用
基本編: 4分27秒のYoutube Video
ペーパー風のバックグランド編: 5分42秒のYoutube Video
写真を利用したバックグランド編: 4分31秒のYoutube Video
原文の最後のところで、メールを登録して、サンプル素材一式をPSDで入手することも可能です。
#デザイン
ワザノバTop200アクセスランキング
ブログのグラフィックデザインに便利なツール http://ift.tt/1CXhMav
