グラフィック＆Webデザイン Illustrator & Photoshop CS6

グラフィック&Webデザイン Illustrator&Photoshop CS6 (デジタルハリウッドの本)
デジタルハリウッド
技術評論社 2013-05-08

クリエイター養成スクール「デジタルハリウッド」で使用されているテキストをそのまま書籍化したシリーズ「デジタルハリウッドの本シリーズ」のIllustrator，PhotoshopのバージョンCS6対応させた書籍です。今バージョンから，内容を一新させました。ロゴデザインや名刺デザイン，チラシ，Webサイトなどを作成しながら，各アプリケーションの使い方を学んでいきます。デジタルハリウッドの監修のもと，初心者から読めるレベルになっており，この書籍を一冊読めば，PhotoshopとIllustratorの基礎を習得できる内容になっています。

■目次
はじめに
目次
本書の使い方
知っておきたい基礎知識

Step1　Illustratorの基本操作
1　Illustratorの起動
2　ファイルの開き方
3　ツールパネルの操作方法
4　パネルの操作方法
5　作業画面を拡大・縮小
6　画面位置の変更
7　表示の切り替え
8　オブジェクトを選択方法
9　オブジェクトの移動方法
10　オブジェクトの削除方法
11　作業の取り消しとやり直し
12　ドキュメントの保存方法
13　ドキュメントの閉じ方
14　Illustratorの終了

Step2　図形の描画
1　「塗り」と「線」の設定方法
2　オブジェクトの作成
3　オブジェクトの複製
4　オブジェクトの整列
5　オブジェクトのグループ化
6　オブジェクトの合成・分割
7　オブジェクトのロック
8　オブジェクトの拡大･縮小
9　オブジェクトの色を流用する
10　バウンディングボックス
11　グリッド

Step3　線の描画
1　パスを描く
2　パスの編集
3　パスを切る
4　パスをつなげる
5　パスの選択と削除
6　スウォッチの設定
7　グラデーションの設定

Step4　アイコン・ロゴをつくろう
ビデオカメラアイコンの作成
1　制作の準備
小鳥アイコンの作成
1　制作の準備
2　制作
立方体の作成
1　制作の準備
2　制作
立方体ロゴの作成
1　立方体を複製して作成

Step5　レイヤー
1　レイヤーの編集
2　サブレイヤーについて
3　［レイヤーオプション］ダイアログボックスについて

Step6　文字の入力
1　アートボードについて
2　トリムマークの作成
3　定規について
4　ガイドについて
5　テキストについて
6　クリッピングマスクの作成

Step7　名刺をつくろう
名刺の作成
1　制作の準備
2　横向き名刺の作成
3　縦向き名刺の作成

Step8　オブジェクトの変形
1　オブジェクトの変形
2　オブジェクトに効果をかける
3　オブジェクトのブレンド

Step9　線の設定とアピアランス
1　線の作成
2　［線］パネルの使用

Step10　フライヤーをつくろう
オモテ面の作成
1　制作の準備
2　オモテ面のデザイン作成
ウラ面の作成
1　ウラ面のデザイン作成
2　地図の作成

Step11　Photoshopの基本操作
1　Photoshopの起動
2　ファイルの開き方
3　ツールパネルの操作方法
4　パネルの操作方法
5　作業画面の拡大・縮小
6　画面位置の変更
7　作業の取り消しとやり直し
8　ドキュメントの保存方法
9　ドキュメントの閉じ方
10　Photoshopの終了

Step12　画像の補正
1　描画色と背景色
2　選択範囲の作成
3　クイックマスクについて
4　色調補正
5　パスの作成
6　色調補正
7　傾きの修正
8　レイヤーとレイヤーパネルについて
9　データの複製
10　画像の修復
11　調整レイヤーの使用
12　画像解像度の変更
13　カラーモードの変更
14　コンテンツに応じた修正

Step13　画像の加工
1　アルファチャンネルの使用
2　Vanishing Pointの使用
3　描画モードの使用
4　レイヤーの結合
5　フィルターの使用
6　描画ツールの使用
7　グループレイヤーの使用
8　ラスタライズ
9　レイヤースタイルの使用
10　レイヤーの整列
11　レイヤーのリンク
12　グラデーションの使用
13　レイヤーマスクの使用
14　Illustratorデータの読み込み

Step14　文字の入力
1　定規の設定
2　ガイド・グリッドの設定
3　テキストについて
4　テキストのラスタライズ

Step15　シンプルなWebサイトのデザイン
TOPページのヘッダー・ナビゲーションの作成
1　制作の準備
2　ヘッダーの作成
3　ナビゲーションの作成
TOPページのメインビジュアル・コンテンツ部分の作成
1　メインビジュアルの作成
2　「RECOMMENDED ITEMS」の作成
3　「WHAT'S NEW」の作成
4　フッターの作成
ITEMページの作成
1　ITEMページの作成

Step16　情報量のあるWebサイトのデザイン
TOPページのベース・ヘッダー・ナビゲーションの作成
1　制作の準備
2　背景の作成
3　ノート地の作成
4　ヘッダーの作成
5　ナビゲーションの作成
TOPページのメインビジュアル・コンテンツ部分の作成
1　メインビジュアルの作成
2　サブナビゲーションの作成
3　「KIDS CLUBってどんな英語教室なの？」欄の作成
4　「KIDS CLUB NEWS」欄の作成
5　バナーの作成
6　フッターの作成
TEACHERページの作成
1　TEACHERページの作成

Step17　コーポレートサイトのデザイン
TOPページのヘッダー・キービジュアルの作成
1　制作の準備
2　ヘッダーの作成
3　キービジュアルの作成
TOPページのナビゲーション・コンテンツ部分の作成
1　ナビゲーションの作成
2　「新着実績」の作成
3　トピックスの作成
4　フッターの作成
5　会社情報の作成
CONTACTページの作成
1　CONTACTページの作成
2　入力フォームの作成

Step18　スライス
1　スライスの作成
2　スライスした画像の保存

付録
Webサイト（ページ）のインターフェースデザインの流れ
Webサイトインターフェイスの構成要素（ワイヤーフレーム）
色に関する基礎知識
画像データに関する基礎知識
Webサイト（ページ）で利用する画像ファイル形式
Illustrator効果一覧
Photoshopフィルタ一覧
Illustrator・Photoshop描画モード一覧