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

Browse By

Tag Archives: Tutorial

[TUTORIAL] How to Create a Clean Web 2.0 Style Web Design in Photoshop – Web 2.0スタイルのデザインをフォトショップを使って作る

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

Web 2.0デザインというと、最近では「もうそんなの古いよ」みたいな印象もないわけじゃありませんが、ここで紹介されているフォトショップを使ったチュートリアルはわりと勉強になりそうな感じがします。グラデーション、ボーダー背景などのお約束のパーツ製作はもちろん、グリッドレイアウトを導入してるあたり最近の手法だな、って感じがします。

[LOGO DESIGN] 60+ Beautiful Logo Design Tutorials And Resource – ロゴデザインのチュートリアルやリソース

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

ロゴデザインのチュートリアルやリソース60選。WindowsやBMW、トランスフォーマーやクローンウォーズなどの、いわゆる既存の企業やコンテンツのロゴをどうやって作るか、という話あたり勉強になります。模倣から学べる事って多いっスからね。エヘヘエヘエヘ。

[GRAPHIC DESIGN] 50 Totally Free Lessons in Graphic Design Theory – グラフィックデザインのセオリー

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

グラフィックデザインに関するセオリーが、カテゴリごとにまとめられてます。タイポグラフィー、グリッドベースのレイアウト、カラーパレット、ユーザーインターフェースやユーザビリティーについてなどなど、グラフィックデザインに関わる仕事をしてる人なら「もう知ってるYO!」的な内容ではありますが、まぁたまにはこういう勉強も悪くないもんっすよね。

[PHOTOSHOP] PV-like effect – フォトショップを使って、ティルトレンズを使ったPV風の加工を行うチュートリアル

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

フォトショップを使って、わりとありふれた風景写真をPV風にするというチュートリアル。マスクのかけかた次第では、ティルトレンズ(例えばPC-E NIKKOR 24mm F3.5 D ED等)を使ったような独特のボケ味を出す事もできます。個人的に好きな加工で、手作業が必要な部分の手前まではアクションとして登録してあります。エントリ下部よりアクションファイル(拡張子は“.atn”)もダウンロードできるようにしておきましたので、気に入った方はご自由にお使いください。

(さらに…)