フォトショップで作るWebサイトレイアウトのチュートリアル 3
フォトショップを使ったサイトレイアウトのチュートリアルは本当に参考にするところが多いですね。例えば、ここの背景どうやって作ったんかなというのも、しっかりと解説してくれていますし、どういった素材を使ったかまでリンクを貼ってくれていたり、まさに痒いところに手が届くという感じです。
Creating Your Own Organic Textured Backgrounds
背景をどうやって作ったかの問い合わせが多かったので公開してくれたそうです。
実を言うと私もどうやって作ったのか気になって、いろいろと試してみたけど、遠く及ばず。。。素材の選定から色の出し具合まで、テクニックを真似ることは出来ても、センスを真似ることは難しいな～
Creating Your Own Organic Textured Backgrounds
Design an Attractive One-Page Portfolio Using Photoshop
こちらも背景のテクスチャー使いがなんともかっこいいチュートリアル。テクスチャーを使うとどうしてもサイズによっては境界線がでてしまうので、上手くグラデーションを使ったり、コンテナの切り替えをしたりしてボーダーレスにしています。
Design an Attractive One-Page Portfolio Using Photoshop
How to Design a Band Website Layout in Photoshop
なんともいえない質感です。複数の素材を組み合わせることで、写真やイラストとは違った質感を得ることが出来ます。
How to Design a Band Website Layout in Photoshop
どのチュートリアルもそうですが、テクスチャーを使う場合、全面的に入れるのではなく、ヘッダー部分であったり、コンテンツ部分であったり、ポイントを決めて使うのがミソのようです。
スクラップをやっていると、素材を組み合わせてブレンドするテクニックは一般的によく使われます。ただ、違うのは、スクラップは12inch四方の中で行うので全体的入れても待ったく問題ないですが、ウェブでそれをやるとかなりしつこい感じ。どの部分にどれだけテクスチャーを適応させるかでデザインの印象が全く違うものになります。
何度も調整してみて、一番いいところを選ぶのが大切ですよね。
ビジネスサイトに使えるレイアウトのチュートリアルいっぱい
最近のトレンドを踏襲したウェブサイトを作成するチュートリアル集
Leave a Reply