[ 学 習 動 画 ] 一 覧 学 習 の 閲 覧 や 質 問 の 際 にご 利 用 ください 閲 覧 が 終 了 した 動 画 をして 学 習 の 進 行 状 況 を 確 認 しましょう! 閲 覧 Step1 チュートリアル Illustratorの 基 本 操 作 約 48 分 Illustratorの 起 動 と 基 本 画 面 について ツールパネルやパネルの 使 い 方 作 業 画 面 を 拡 大 縮 小 する / 表 示 位 置 を 変 更 する 表 示 方 法 を 変 更 する オブジェクトを 選 択 移 動 する オブジェクトを 削 除 する / 作 業 の 取 り 消 しとやり 直 しを 行 う ドキュメントの 保 存 と 閉 じ 方 Step2 チュートリアル 描 画 ツールでの 描 画 約 105 分 新 規 ドキュメントを 作 成 する 塗 り と 線 を 設 定 する 描 画 ツールで 図 形 を 描 く(1) 描 画 ツールで 図 形 を 描 く(2) 塗 り と 線 を 設 定 を 変 更 する スマートガイドを 使 用 する オブジェクトを 複 製 する オブジェクトを 整 列 する パスファインダーを 使 用 する オブジェクトをグループ 化 する オブジェクトの 重 なり 順 を 変 更 する オブジェクトを 拡 大 縮 小 する Step3 チュートリアル ペンツールでの 描 画 約 77 分 ペンツールを 使 用 する グリッドを 使 用 する ペンツールで 曲 線 を 描 く 直 線 と 曲 線 をつなげて 描 く ダイレクト 選 択 ツールを 使 用 する ペンツールを 活 用 する はさみツールとナイフツールを 使 用 する パスの 連 結 を 行 う スウォッチパネルを 使 用 する グラデーションの 塗 りを 付 ける メッシュツールを 使 用 する Step4 ワーク 様 々なアイコン 作 成 (Webアイコン/ 標 識 など) 約 50 分 ビデオカメラアイコンの 作 成 (1) ビデオカメラアイコンの 作 成 (2) 小 鳥 アイコンの 作 成 (1) 小 鳥 アイコンの 作 成 (2) 立 方 体 アイコンの 作 成 立 方 体 ロゴの 作 成
Step5 チュートリアル レイヤー 約 25 分 レイヤーを 操 作 する(1) レイヤーを 操 作 する(2) レイヤーパネルについて [レイヤーオプション]ダイアログボックスについて Step6 チュートリアル 文 字 の 入 力 約 103 分 アートボードを 作 成 編 集 する トリムマークを 作 成 する 定 規 を 表 示 する ガイドを 設 定 する 文 字 ツールで 文 字 を 入 力 する(1) 文 字 ツールで 文 字 を 入 力 する(2) 文 字 ツールで 文 字 を 入 力 する(3) パス 上 文 字 ツールで 文 字 を 入 力 する エリア 内 文 字 ツールで 文 字 を 入 力 する 段 落 を 使 用 する テキストファイルからコピーする テキストの 回 り 込 みを 設 定 する 文 字 のアウトライン 化 を 行 う クリッピングマスクを 使 用 する Step7 ワーク 名 刺 作 成 約 31 分 横 書 き 名 刺 の 作 成 (1) 横 書 き 名 刺 の 作 成 (2) 縦 書 き 名 刺 の 作 成 Step8 チュートリアル オブジェクトの 変 形 約 89 分 拡 大 縮 小 ツールを 使 用 する 回 転 ツールを 使 用 する リフレクトツールを 使 用 する シアーツールを 使 用 する 自 由 変 形 ツールを 使 用 する 変 形 パネルを 使 用 する 複 数 オブジェクトの 一 括 変 形 変 形 の 繰 り 返 しを 行 う パスの 変 形 を 使 用 する アピアランスを 分 割 する シンボルパネルを 使 用 する オブジェクトを 立 体 化 する ブレンドを 行 う
Step9 チュートリアル 線 の 設 定 とアピアランス 約 86 分 線 の 単 位 設 定 を 行 う 直 線 ツールなどを 使 用 する 線 の 形 状 を 変 更 する 破 線 を 描 く 鉛 筆 ツールを 使 用 する ブラシツールを 使 用 する(1) ブラシツールを 使 用 する(2) 新 規 ブラシを 登 録 する 線 のアウトライン 化 を 行 う アピアランスを 使 用 する 袋 文 字 を 作 成 する パスに 変 換 する 透 明 パネルを 使 用 する 写 真 を 配 置 する 約 02 分 Step10 ワーク フライヤーの 作 成 約 70 分 フライヤーの 表 面 の 作 成 (1) フライヤーの 表 面 の 作 成 (2) フライヤー 用 の 地 図 の 作 成 (1) フライヤー 用 の 地 図 の 作 成 (2) フライヤー 用 の 地 図 の 作 成 (3) フライヤーの 裏 面 の 作 成 (1) フライヤーの 裏 面 の 作 成 (2) Step11 チュートリアル Photoshopの 基 本 操 作 約 50 分 Photoshopの 起 動 と 基 本 画 面 について ツールパネルやパネルの 使 い 方 作 業 画 面 を 拡 大 縮 小 する / 表 示 位 置 を 変 更 する ブラシツールでペイントする ヒストリーパネルを 使 用 する ドキュメントの 保 存 と 閉 じ 方
Step12 チュートリアル 画 像 の 補 正 約 176 分 描 画 色 と 背 景 色 を 理 解 する 選 択 範 囲 の 作 成 解 除 を 行 う 楕 円 形 選 択 ツールを 使 用 する / 色 相 彩 度 自 動 選 択 ツール(クイック 選 択 ツール)を 使 用 する クイックマスクを 使 用 する カラーバランスを 調 整 する ペンツールを 使 用 する 自 然 な 彩 度 に 調 整 する レベル 補 正 自 動 トーン 補 正 / 自 動 コントラスト トーンカーブ 明 るさ コントラスト アンシャープマスクを 使 用 する 覆 い 焼 きツールと 焼 き 込 みツール / モノクロ 画 像 への 変 換 ものさしツールで 傾 きを 修 正 する / 画 像 の 切 り 抜 き レイヤーとレイヤーパネルについて 別 ファイルのデータを 複 製 する コピースタンプツールを 使 用 する(1) コピースタンプツールを 使 用 する(2) 画 像 を 修 復 する 新 規 調 整 レイヤーを 使 用 する 画 像 のサイズ 調 整 コンテンツに 応 じた 塗 りつぶし 移 動 約 13 分 Step13 チュートリアル 画 像 の 加 工 約 140 分 アルファチャンネルを 使 用 する レイヤーのオブジェクトで 選 択 範 囲 を 作 成 する Vanishing Pointを 使 用 する 描 画 モードを 使 用 する レイヤーを 結 合 する フィルターを 使 用 する 描 画 ツールを 使 用 する(1) 描 画 ツールを 使 用 する(2) ラインツールを 使 用 する カスタムシェイプツールを 使 用 する グループレイヤーを 使 用 する ラスタライズを 行 なう レイヤースタイルを 使 って 加 工 する レイヤーを 整 列 する グラデーションツールを 使 用 する レイヤーマスクを 作 成 する Illustratorデータ 読 込
Step14 チュートリアル 文 字 の 入 力 約 50 分 定 規 を 表 示 する ガイド グリッドを 設 定 する 横 書 き 文 字 ツールで 文 字 を 入 力 する(1) 横 書 き 文 字 ツールで 文 字 を 入 力 する(2) テキストボックスに 文 字 を 入 力 する 段 落 を 使 用 する テキストレイヤーをラスタライズする Step15 ワーク シンプルなWebサイトのデザイン 約 133 分 完 成 デザインの 確 認 ウェブデザインをする 上 での 設 定 の 確 認 とグリッドについて(1) ウェブデザインをする 上 での 設 定 の 確 認 とグリッドについて(2) ウェブデザインをする 上 での 設 定 の 確 認 とグリッドについて(3) ヘッダーの 作 成 (1) ヘッダーの 作 成 (2) ナビゲーションの 作 成 (1) ナビゲーションの 作 成 (2) メインビジュアルの 作 成 (1) メインビジュアルの 作 成 (2) RECOMMENDED ITEMS の 作 成 (1) RECOMMENDED ITEMS の 作 成 (2) What's new の 作 成 フッターの 作 成 と 全 体 デザインの 調 整 下 層 ページの 作 成 約 13 分 Step16 ワーク 情 報 量 のあるWebサイトのデザイン (キッズ 向 け 英 語 教 室 サイト) 約 212 分 完 成 デザインの 確 認 とPhotoshopの 設 定 背 景 の 作 成 ( 雲 ) 背 景 の 作 成 (ノート1) 背 景 の 作 成 (ノート2) ヘッダーの 作 成 (1) ヘッダーの 作 成 (2) ナビゲーションの 作 成 (1) ナビゲーションの 作 成 (2) メインビジュアルの 作 成 (1) メインビジュアルの 作 成 (2) サブナビゲーションの 作 成 (1) サブナビゲーションの 作 成 (2) 英 語 教 室 の 特 徴 部 分 の 作 成 (1) 英 語 教 室 の 特 徴 部 分 の 作 成 (2) 英 語 教 室 の 特 徴 部 分 の 作 成 (3) 英 語 教 室 の 特 徴 部 分 の 作 成 (4) 英 語 教 室 の 特 徴 部 分 の 作 成 (5) NEWS 部 分 の 作 成 (1) NEWS 部 分 の 作 成 (2) バナーとフッターの 作 成 約 13 分 teacherページ ベースとメインビジュアルの 作 成 講 師 紹 介 部 分 の 作 成 (1) 講 師 紹 介 部 分 の 作 成 (2)
Step17 ワーク コーポレートサイトのデザイン 約 235 分 トップページ 完 成 デザインの 確 認 /Photoshop 新 規 ファイルの 作 成 設 定 確 認 背 景 ヘッダーロゴの 作 成 ヘッダー 検 索 エリア SNSアイコンの 作 成 キービジュアル 背 景 の 作 成 キービジュアル 左 側 写 真 の 作 成 キービジュアル 右 側 キャッチコピーの 作 成 ナビゲーション 背 景 の 作 成 ナビゲーション 項 目 一 つの 作 成 ナビゲーションを 完 成 させる 新 着 実 績 枠 の 作 成 (1) 新 着 実 績 枠 の 作 成 (2) 新 着 実 績 枠 の 作 成 (3) 新 着 実 績 枠 の 作 成 (4) 新 着 実 績 枠 を 完 成 させる 新 着 情 報 枠 の 作 成 フッターの 作 成 フッター 会 社 情 報 の 作 成 フッター フッターリンクの 作 成 フッター コピーライトの 作 成 約 02 分 お 問 い 合 わせページ ベースの 作 成 リード 文 タイトルの 作 成 現 在 位 置 部 分 の 作 成 (1) 現 在 位 置 部 分 の 作 成 (2) フォーム 枠 - ベース 背 景 の 作 成 フォーム 枠 - 項 目 一 つの 完 成 フォーム 枠 - 残 りの 項 目 の 作 成 カンバスサイズ 項 目 の 高 さの 変 更 確 認 ボタンの 作 成 最 下 部 の 注 意 文 の 作 成 お 問 い 合 わせページ 完 成 Step18 チュートリアル スライス 約 43 分 画 像 をスライスする 画 像 を 最 適 化 して 書 き 出 す 必 要 な 画 像 を 絞 って 書 き 出 す Fireworksでのスライス 方 法