ブログのグラフィックデザインに便利なツール

http://nathanbarry.com/design-graphics-blog-posts/

2 comments | 0 points | by WazanovaNews 3年弱前 edited


Jshiike 3年弱前 edited | ▲upvoteする | link

Wazanova Newsは、モノトーンでシンプルなサイトにしたいので、意識的に画像を全く使わないのですが(読みやすさとか、アクセスの喚起とかの法則には反するのですが、個人的な趣味でそういう方針にしてます。読みづらいと思ってる方はすみません。。)、もしグラフィックを使うなら、このNathan Barryのブログで紹介されてる一連のテクニックが多いに役立ちそうです。Mediumのブログのようにできますね。興味深いので、ブックマーク代わりにメモ残しておきます。

Nathanのような、効果的な画像コンテンツをつくれるようになるワークショップも、各地で開催しているようです。

1) フリーの写真素材

2) Photoshop: テキスト追加と簡単な加工

3) アイコン

4) Photoshop: アイコンの画像への取り込み

5) Photoshop: テキスト/画像のカラー加工

6) CSS3: テキスト装飾

7) Photoshop: テキスト装飾

8) 手描き(風)のコンテンツ

  • 白いカードに記入した手描きのコンテンツをiPhoneで撮影(影を写さないように注意)。Photoshopに取り込み、Levelsを使いバッックグランドをwhiteに変更。それから、darken blend modeで、好みの色の背景に。
  • Kyle Websterのブラシで色を追加。サンプル1 サンプル2
  • 手を汚したくなければ、iPadのPaper by 53アプリを使う。サンプル1 サンプル2

9) Photoshop: コメントやTweetの引用

原文の最後のところで、メールを登録して、サンプル素材一式をPSDで入手することも可能です。

#デザイン


ワザノバTop200アクセスランキング


Jshiike 3年弱前 | ▲upvoteする | link

ちょっと話はそれますが、このiOSの無料テンプレも内容充実してますね。

http://www.invisionapp.com/tethr

Back