Nutspress

こんな幻想的な夜の風景が描いてみたいと思っていたので嬉しいチュートリアルです。『45 Step-by-Step Tutorials on Web Design with Photoshop』で紹介されていた1つなんですが、これが本当に素晴らしい！

テクスチャーとパターンを背景やヘッダーなどの各コンポーネントに利用することで、サイトデザインに奥行きが出て本当にユニークなものが出来上がります。ということで、『20 Useful Websites for Graphic Design Textures and Patterns』を覚書。

仕事の効率化を図る上でもアクションは積極的に使うといいかも。好みのエフェクト効果が得られない場合は自分でレイヤー重ねて一からやるしかないけど、出来れば楽したいところ。

デザインの上で白を使う、これって結構鉄板なのですが、このスペースの扱いというのが以外と難しい。単純に白い部分を残しておくというのとは違って空間をデザインすることが必要になります。

スクラップをやりだすと、Webデザインを作ってただけのときに比べて明らかに画像ストックが必要になる。ましや12inchにおさまるような画像なんて、素材集で持ってないし。。。自分で写すとなるとしんどいな。

とても上品で高品質なフリーフォント30選ということで『30 high-quality free fonts for professional designs』で紹介されています。グランジ系、手書き風、といろいろ使ってみて、最終的に行き着くのはこういったシンプルで美しいフォントですよね。

最近、スクラップをやる上でよくやってる手法をひとつ。普通にデザイン用の画像加工なんかにも利用できるし、簡単な操作だけでかなりくっきりと見せることができるので覚えておくと便利。

これまたすごいまとめ！『40 Useful Photoshop Web Layout Tutorials』ってことでフォトショップを使って美しいウェブレイアウトが作れるチュートリアルをSix Revisionsで紹介していたので覚書。中でも気に入ったのがグランジ系のチュートリアル。

レトロでヴィンテージなものが好きな人にはたまらないヴィンテージ柄のテクスチャーを集めた『30 Most Incredible Textures for Vintage Style Design』、ストックしておくと便利です。

テーマ変更したばかりでまた変更！？クリスマスまでの期間限定でスタイルシートを変更しただけ。.pngで作った背景画像を使ってパララックス効果なんての取り入れてみたり、久しぶりにCSSハックやJavascriptなんて小技を使ってます。