Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Tutrial

[WEB DESIGN] 10 Creative & Rich UI & How to Create Them – クリエイティブでリッチなUIと、その作り方

  • Pocket
  • このエントリーをはてなブックマークに追加

クリエイティブでリッチなユーザーインターフェースの紹介と、そのチュートリアル。XBOX360のインターフェースを模した、いわゆるAccordionと呼ばれるスライドメニューとかアツいっす。ウェブのUIってのも、考えてみれば一昔前に比べてグっと進歩したというか、多様性が出てきましたよね。

[PHOTOSHOP] 43 Really Useful Photoshop Tutorials For Excellent 3d Effects – フォトショップで行う3Dエフェクトのチュートリアル

  • Pocket
  • このエントリーをはてなブックマークに追加

43 Really Useful Photoshop Tutorials For Excellent 3d Effects - フォトショップで行う3Dエフェクトのチュートリアル

フォトショップを使って立体物を描く際のチュートリアル。結構多くの数が紹介されてます。3Dモデリングアプリ以外で立体物を描くと言ったら、まず最初にイラレが思い浮かぶんだけど、フォトショでもそれなりのものは描けるんですね。と言っても、多くの場合はイラレのメッシュ機能のような独自の機能を使うわけでなく、グラデーションツールの重ねがけみたいな印象なので、わりと簡単にできそうな感じ。

[TWITTER] Twitter Background Design How-To and Best Practices – Twitterの背景デザインで優れている作例とチュートリアル

  • Pocket
  • このエントリーをはてなブックマークに追加

なんか今日Twitter関係のエントリが多いっすね。そんなワケでTwitterのマイページカスタマイズの好例が紹介されてます。Twitterのマイページって、基本的に背景画像とテキスト周りの色くらいしかカスタマイズできないんだけど、だからこそMyspaceみたいにカオスな状態にならないという利点もあります。言ってみりゃクールさを演出するには壁紙だけ押さえればイイということで、かっこ良くデザインされてる作例は参考になりますな。後半はフォトショップを使って「こんな風に作るとイイ感じだYO!」というチュートリアルの紹介。それにしてもここ最近Twitter周りがなんだかアツいですな。

[PHOTOSHOP] 22 Photoshop Videos To Turn You Into An Expert – フォトショップのエキスパートになるためのチュートリアルビデオ

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショップのエキスパートになるための、ビデオチュートリアルがたくさん紹介されてます。テキストエフェクト関係、iPhoneを作る、合成、映画のポスターを作る、Web2.0っぽいボタン制作、煙の表現、グランジ表現などなど、ものによっては結構アツいお勉強タイムとなるでしょう。それにしてもVimeoばかりですな。最近よく見ますなこのビデオ共有サービス。

[PHOTOSHOP] 33 Photoshop Tutorials for Designing Amazing Posters and Ads – ポスター広告向けの、フォトショップ用チュートリアルまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

ポスター広告をデザインする時のネタと、そのチュートリアルが多数紹介されてます。映画のポスターやガジェットの宣伝ポスターなどでよく見る類のアレです。こうして見ると、映画ではクレジット類の小文字の羅列が「あぁ映画のポスターだ」と見る側に分からせるためのアイコンとして機能してるんだなぁ、なんて事を思いました。

[ICON] 50 Excellent Icon Design Tutorials – アイコンデザインのチュートリアルまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

アイコンデザインのチュートリアルたくさん。ウェブにもデスクトップアイコンにも応用できそうな感じの作例が結構あります。アイコンって結構需要多いしね。けどこうして見ると、最近のアイコンデザインって、MacOS Xの影響を強く感じるという印象。アイコンデザイナーを目指す人は是非これひとつ。

[PHOTOSHOP] Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it! – フォトショップで作るペーパーテクスチャ

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショップで作るグランジーなペーパーテクスチャ。素材からではなくフォトショップ単体でテクスチャを作る時には毎度お馴染みの、雲模様フィルタから始めます。雲模様万能っスからね。ブラッシュメタルとかよく作りました。紙の質感を出すためのノイズの入れ方や、紙のエッジ部分の加工がとっても丁寧。勉強になります。

[PHOTOSHOP] AWESOME DIGITAL BOKEH EFFECT IN PHOTOSHOP – クールなデジタルボケエフェクト

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショップを使って、クールなブラーエフェクトを作るというチュートリアル。作例がかっこイイとついつい「おぉっ」っとなりますな。記事末尾にビデオによる解説もあるので、なかなか楽しめます。ところで記事とは直接関係ないけど、このVimeoって動画共有サイト、最近よく見ます。HD画質で配信でき、Embedもできるのがイイっすね。