ビジネス向けからポートフォリオまで今時のウェブデザインのチュートリアル集

ビジネスサイトをはじめ、女性や子供をターゲットにしたサイト、ポートフォリオやブログの個人サイトなど今時のウェブデザインを踏襲したPhotoshopのチュートリアルを紹介します。

チュートリアルのキャプチャ

Design a Clean Web Layout with the 960 Grid
960 Grid Systemを利用したクリーンなデザイン。

チュートリアルのキャプチャ

How to create a web hosting layout
コンテンツスライダーを取り入れたデザイン。

チュートリアルのキャプチャ

Learn how to create an ecommerce theme for Magento or Prestashop using Photoshop
女性向けショップのデザイン。Eコマース用ソフトウェア「Magento」「Prestashop」のテーマ。

チュートリアルのキャプチャ

Create a glossy hosting layout
光沢感のあるデザインが印象的。

チュートリアルのキャプチャ

Design an impresive blog layout
フューチャーポストに対応したブログ。

チュートリアルのキャプチャ

Create a business web layout in Photoshop
紙を折ったようなデザインが面白いビジネス向け。

チュートリアルのキャプチャ

Mobile App Layout
モバイルアプリ用のダークなデザイン。

チュートリアルのキャプチャ

Portfolio web layout #2 in Photoshop
優しい感じのポートフォリオ用デザイン。

チュートリアルのキャプチャ

Create a classy web template in Photoshop
繊細な色使いに高級感があるデザイン。

チュートリアルのキャプチャ

How to create a clean blue web layout using Photoshop
960 Grid Systemを利用したコンテンツスライダーを取り入れたデザイン。

チュートリアルのキャプチャ

Create a Kids Oriented Web Layout Using Photoshop
紙をモチーフにした子供向けデザイン。

チュートリアルのキャプチャ

How To Create a Rockin' Website Layout In Photoshop
大きなタイポグラフィ、木のテクスチャを取り入れたデザイン。

チュートリアルのキャプチャ

Create a Wooden Grunge Portfolio Web Layout in Photoshop
木のテクスチャを使用したグランジ風のデザイン。

チュートリアルのキャプチャ

Design a dark business layout
ダーク系のビジネス向けのデザイン。

チュートリアルのキャプチャ

Creative 3D Layout
3Dの立体的な面白いデザイン。

チュートリアルのキャプチャ

Create a business web template
汎用性のあるビジネス向けテンプレート。

チュートリアルのキャプチャ

Design a Clean Business Layout
充分に余白を確保したコンテンツが読みやすいデザイン。

チュートリアルのキャプチャ

Create A Killer Chrome Weblayout
ライトを巧みに使用したデザイン。

チュートリアルのキャプチャ

How to create a software web layout
カラーの関連付けと目立つダウンロードボタンが印象的なデザイン。

チュートリアルのキャプチャ

Light and Colorful Grunge Portfolio Layout in Photoshop
繊細で明るいグランジ風のデザイン。

チュートリアルのキャプチャ

Create a simple yet attractive web layout
1pxのラインを効果的に利用したデザイン。

sponsors

top of page

©2018 coliss