デザインスキルを向上させ、構築していく最善の方法のひとつとして、テクニックを教授してくれる簡単な指導書などのチュートリアルの使用が挙げられます。これにより、すばらしいデザインを作り上げることができます。

今回さまざまなウェブサイトからデザインスキルを磨くのに役立つ25個のお気に入りのチュートリアルを集めました。ここで学ぶスキルの内容をご紹介します。

  • プログラム:Adobe Photoshop、Illustrator、InDesign
  • カテゴリー:ロゴ、ウェブ、アプリ、アイコン、プリントとパッケージ、Tシャツ
  • スキル:タイポグラフィ、グリッド、3-D、不透明度、グラデーション、マスク、パターン、レイアウト、カラーマネジメント、ブラシ、メッシュ、テクスチャ、裁ち落としとマージン、など。

ロゴ

等角のグリッドをベースとした3D文字を作成する

等角のグリッドをベースとした3D文字を作成する

プログラム: Illustrator
レベル: 中級
スキル: タイポグラフィ、グリッド、3Dオブジェクトの作成

シンプルなオーガニックシェイプをIllustratorで作成する方法

シンプルなオーガニックシェイプをIllustratorで作成する方法

プログラム: Illustrator
レベル: 初級
スキル: 不透明度、複製、マスク

Adobe Illustratorできれいなレトロバッジを作成する

Adobe Illustratorできれいなレトロバッジを作成する

プログラム: Illustrator
レベル: 中級
スキル: タイポグラフィ、パターンブラシ、効果、カラーマネジメント

ウェブ

水彩画デザインスタジオのブログ用レイアウト

水彩画デザインスタジオのブログ用レイアウト

プログラム: Photoshop
レベル: 中級
スキル: 不透明度、タイポグラフィ、ボタン、レイアウト

スタイリッシュなポートフォリオウェブデザインコンセプトの作り方

スタイリッシュなポートフォリオウェブデザインコンセプトの作り方

プログラム: Photoshop
レベル: 初級
スキル: カラーマネジメント、ボタン、シャドウ

Photoshopで自然にインスパイアされ描かれた背景画を作成する

Photoshopで自然にインスパイアされ描かれた背景画を作成する

プログラム: Photoshop
レベル: 初級
スキル: ブラシ、ノイズ、カラーマネジメント、テクスチャ
注意: どのブラシでもスタンプとして使用した場合、デザインを納品する際にストックアートワークとして言明する必要があります。

アプリ

携帯用新アプリの発売宣伝メールをデザインする

携帯用新アプリの発売宣伝メールをデザインする

プログラム: Photoshop
レベル: 中級
スキル: スマートオブジェクト、クリッピングマスク、ワープテキスト、ボタン、シャドウ、フッター

iPadアプリUIをデザインする

iPadアプリUIをデザインする

プログラム: Photoshop
レベル: 中級
スキル: グリッドの構造、ワイヤーフレーム、UI/UX デザイン、選択ツール、マスキング

アイコン

クイックチュートリアル:光沢のあるベベルスタイルのアイコンを作る

クイックチュートリアル:光沢のあるベベルスタイルのアイコンを作る

プログラム: Illustrator
レベル: 初級
スキル: ボタン、奥行き、陰影

アイコンデザインチュートリアル:鉛筆アイコンを描く

アイコンデザインチュートリアル:鉛筆アイコンを描く

プログラム: Illustrator
レベル: 中級
スキル: スケッチ、パス、シェイプ、グラデーション、カラーマネジメント

Adobe Illustratorを使ってトマトを描く方法

Adobe Illustratorを使ってトマトを描く方法

プログラム: Illustrator
レベル: 上級
スキル: メッシュ、グラデーション、ブレンド、パス、陰影

プリント

プロの雑誌のレイアウトの作り方

プロの雑誌のレイアウトの作り方

プログラム: InDesign
レベル: 初級
スキル: 整列、グリッド、テキスト、余白

Photoshopでいつでもプリントできるカタログをデザインする

Photoshopでいつでもプリントできるカタログをデザインする

プログラム: Photoshop
レベル: 中級
スキル: 下書き、裁ち落としと余白、テクスチャ、カラー、シャドウ、自由変形

Photoshopでグランジ・ヴィンテージ・ポスターをデザインする

Photoshopでグランジ・ヴィンテージ・ポスターをデザインする

プログラム: Photoshop
レベル: 初級
スキル: パターン、ガイド、シェイプ、レイヤー、カラー、テクスチャ、色相・彩度

パッケージ

IllustratorでZeeのヴィンテージ・ラベルを作成する

IllustratorでZeeのヴィンテージ・ラベルを作成する

プログラム: Illustrator、Photoshop
レベル: 中級
スキル: タイポグラフィ、レイアウト、マスク、レイヤー、テクスチャ

スマートオブジェクトを使ってスタイリッシュなコーヒーカップを作る

スマートオブジェクトを使ってスタイリッシュなコーヒーカップを作る

プログラム: Photoshop
レベル: 上級
スキル: パス、自由変形、シャドウ、グラデーションオーバーレイ、レイヤー、不透明度、ぼかし、ハイライト、マスク

Tシャツ

抽象的なキャラクターを作成する

抽象的なキャラクターを作成する

プログラム: Illustrator
レベル: 中級
スキル: スケッチ、カラーマネジメント、奥行き、ブラシ

スマートオブジェクトを使ってベクターにテクスチャを加える

スマートオブジェクトを使ってベクターにテクスチャを加える

プログラム: Illustrator、Photoshop
レベル: 中級
スキル: カラー、スマートオブジェクト、テクスチャ

ユニークな効果でベクターのレイヤーを重ねる

ユニークな効果でベクターのレイヤーを重ねる

プログラム: Illustrator
レベル: 上級
スキル: ペンツール、カラーマネジメント、レイヤー、陰影

スクリーンプリント効果をシミュレーションする

スクリーンプリント効果をシミュレーションする

プログラム: InDesign, Photoshop
レベル: 初級
スキル: 写真、ファイルの変換、ビットマップ、ラスター

使用してみた中でよかったチュートリアルがあれば、ぜひコメントして教えてください。

本記事は、2011年12月26日に掲載された記事を翻訳・再編集したものです。
[ 翻訳:shunichi shiga ]