[WEB DESIGN] 10 Creative & Rich UI & How to Create Them – クリエイティブでリッチなUIと、その作り方
クリエイティブでリッチなユーザーインターフェースの紹介と、そのチュートリアル。XBOX360のインターフェースを模した、いわゆるAccordionと呼ばれるスライドメニューとかアツいっす。ウェブのUIってのも、考えてみれば一昔前に比べてグっと進歩したというか、多様性が出てきましたよね。
クリエイティブでリッチなユーザーインターフェースの紹介と、そのチュートリアル。XBOX360のインターフェースを模した、いわゆるAccordionと呼ばれるスライドメニューとかアツいっす。ウェブのUIってのも、考えてみれば一昔前に比べてグっと進歩したというか、多様性が出てきましたよね。
フォトショップを使って立体物を描く際のチュートリアル。結構多くの数が紹介されてます。3Dモデリングアプリ以外で立体物を描くと言ったら、まず最初にイラレが思い浮かぶんだけど、フォトショでもそれなりのものは描けるんですね。と言っても、多くの場合はイラレのメッシュ機能のような独自の機能を使うわけでなく、グラデーションツールの重ねがけみたいな印象なので、わりと簡単にできそうな感じ。
43 Really Useful Photoshop Tutorials For Excellent 3d Effects >>
フォトショップのエキスパートになるための、ビデオチュートリアルがたくさん紹介されてます。テキストエフェクト関係、iPhoneを作る、合成、映画のポスターを作る、Web2.0っぽいボタン制作、煙の表現、グランジ表現などなど、ものによっては結構アツいお勉強タイムとなるでしょう。それにしてもVimeoばかりですな。最近よく見ますなこのビデオ共有サービス。
ポスター広告をデザインする時のネタと、そのチュートリアルが多数紹介されてます。映画のポスターやガジェットの宣伝ポスターなどでよく見る類のアレです。こうして見ると、映画ではクレジット類の小文字の羅列が「あぁ映画のポスターだ」と見る側に分からせるためのアイコンとして機能してるんだなぁ、なんて事を思いました。
33 Photoshop Tutorials for Designing Amazing Posters and Ads >>
アイコンデザインのチュートリアルたくさん。ウェブにもデスクトップアイコンにも応用できそうな感じの作例が結構あります。アイコンって結構需要多いしね。けどこうして見ると、最近のアイコンデザインって、MacOS Xの影響を強く感じるという印象。アイコンデザイナーを目指す人は是非これひとつ。
フォトショップで作るグランジーなペーパーテクスチャ。素材からではなくフォトショップ単体でテクスチャを作る時には毎度お馴染みの、雲模様フィルタから始めます。雲模様万能っスからね。ブラッシュメタルとかよく作りました。紙の質感を出すためのノイズの入れ方や、紙のエッジ部分の加工がとっても丁寧。勉強になります。
Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it! >>
フォトショップを使って、クールなブラーエフェクトを作るというチュートリアル。作例がかっこイイとついつい「おぉっ」っとなりますな。記事末尾にビデオによる解説もあるので、なかなか楽しめます。ところで記事とは直接関係ないけど、このVimeoって動画共有サイト、最近よく見ます。HD画質で配信でき、Embedもできるのがイイっすね。