光源や1ピクのラインや透過を使ったウェブレイアウトのPhotoshopのチュートリアル集

光源やライトやシャドウ、グラデーション、1pxのライン、透過などを巧みに使用したウェブレイアウトのPhotoshopのチュートリアルを紹介します。

レイアウトのキャプチャ

How to Make a Light and Sleek Web Layout
960pxベースに、光を使ったレイアウト。

レイアウトのキャプチャ

Design a Transparent Website Layout
繊細な光と透過を使用したレイアウト。

レイアウトのキャプチャ

How to Create a Unique Colorful Site Layout
ビビッドなピンクが印象的なレイアウト、光源。

レイアウトのキャプチャ

Portfolio Layout #11
グラデや1ピクのラインを活用したレイアウト。

レイアウトのキャプチャ

Website Design Tips
1ピクのラインやホワイトスペースなど活用したTips。

レイアウトのキャプチャ

Web Site Design Tutorial: Wellknown.as Case
印象的な光を背景に使用したグリッドレイアウト。

レイアウトのキャプチャ

Design a Premium Theme Marketplace Layout
今風の光源やタイポグラフィを使用したレイアウト。

レイアウトのキャプチャ

Shopping Cart Design Mockup
淡いグレーをベースに1ピクのラインを随所に利用したレイアウト。

レイアウトのキャプチャ

Design Studio Layout
オーソドックスなグラデーションを使用したレイアウト。

レイアウトのキャプチャ

Create a clean PSD layout with a 3D look
ライトとシャドウを使用して3Dに見せたレイアウト。

レイアウトのキャプチャ

Create a Web Layout with 3D Elements
3Dのエレメントを活用したレイアウト。

レイアウトのキャプチャ

How to Make a Green & Sleek Web Layout
3Dのエレメントとカラースキームが特徴的なレイアウト。

レイアウトのキャプチャ

How to Create a Clean Blog Design
クリーンなイメージのブログのレイアウト。

レイアウトのキャプチャ

How to Design a One-Page Portfolio
グランジ風の微妙な背景と1ピクラインが効果的なレイアウト。

レイアウトのキャプチャ

How to Create a Dark and Sleek Blog Design
車をモチーフにしたダークなレイアウト、この背景はいい。

レイアウトのキャプチャ

Design a Sleek and Modern Hosting Layout
ブラックベースのモダンテイストのレイアウト。

レイアウトのキャプチャ

Creative Studio Web Page
微妙に異なるブラックを使い分けたレイアウト。

レイアウトのキャプチャ

Creating A Professional Magazine Web Layout
960pxベースのマガジンスタイルのレイアウト。

レイアウトのキャプチャ

Design a Textured Portfolio Site Layout
グランジ風のテクスチャを使用したポートフォリオ。

レイアウトのキャプチャ

Making your own portfolio web page
写真を大胆に使用しアクセントカラーが特徴的なレイアウト。

レイアウトのキャプチャ

Create a grunge photographer layout
エレメントもパネルもくるっとしているグランジ風レイアウト。

レイアウトのキャプチャ

Design a creative cosmetics layout
矩形に捕らわれないコスメティック用のレイアウト、スワール。

レイアウトのキャプチャ

Hand drawn layouts
スワール素材を使った、手書き風レイアウト。

sponsors

top of page

©2018 coliss