[ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! グラフィックリファレンス 閲覧チェック 動画タイトル 時間 ( 計 20 時 10 分 ) Step1 Illustratorの基本操作 Illustratorの起動と基

Transcription

1 [ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! Step1 Illustratorの基本操作 Illustratorの起動と基本画面についてツールパネルやパネルの使い方作業画面を拡大 縮小する / 表示位置を変更する表示方法を変更するオブジェクトを選択 移動するオブジェクトを削除する / 作業の取り消しとやり直しドキュメントの保存と閉じ方 Step2 描画ツールでの描画新規ドキュメントを作成する 塗り と 線 を設定する長方形を描く角丸長方形を描く楕円形を描く多角形を描くスターを描く 塗り と 線 の設定を変更するスマートガイドやバウンディングボックスを使用するオブジェクトを複製するオブジェクトを整列するパスファインダーを使用するオブジェクトをグループ化するオブジェクトの重なり順を変更するオブジェクトを拡大 縮小する Step3 ペンツールでの描画グリッドを使用するペンツールで直線を描くペンツールで曲線を描く直線と曲線をつなげて描くダイレクト選択ツールを使用するパスを編集するパスの連結を行うスウォッチパネルを使用するグラデーションの塗りを付ける 約 63 分約 13 分約 12 分約 11 分約 05 分約 07 分約 06 分約 09 分約 148 分約 07 分約 10 分約 07 分約 07 分約 07 分約 07 分約 08 分約 14 分約 13 分約 12 分約 12 分約 12 分約 13 分約 09 分約 10 分約 101 分約 11 分約 12 分約 12 分約 11 分約 09 分約 15 分約 07 分約 12 分約 12 分 Step4 レイヤー 約 29 分 レイヤーについて 約 04 分 レイヤーを操作する 約 11 分 レイヤーパネルについて 約 07 分 [ レイヤーオプション ] ダイアログボックスについて 約 07 分 1 / 4 ページ

2 Step5 文字の入力アートボードを作成 編集するトリムマークを作成する定規を表示するガイドを設定する文字ツールで文字を入力する (1) 文字ツールで文字を入力する (2) 文字ツールで文字を入力する (3) パス上文字ツールで文字を入力するエリア内文字ツールで文字を入力する段落を使用するテキストファイルからコピーするテキストの回りこみを設定する文字のアウトライン化を行うクリッピングマスクを使用する Step6 オブジェクトの変形拡大 縮小ツールを使用する回転ツールを使用するリフレクトツールを使用する自由変形ツールを使用する (1) 自由変形ツールを使用する (2) 変形ツールを使用する複数オブジェクトの一括変形変形の繰り返しを行うパスの変形を使用するアピアランスを分割するシンボルパネルを使用するオブジェクトを立体化する Step7 線の設定とアピアランス線の単位設定を行う直線ツールなどを使用する線の形状を変更する破線を描く鉛筆ツールを使用するブラシツールを使用する (1) ブラシツールを使用する (2) 新規ブラシを登録するアピアランスを使用する袋文字を作成するパスに変換する透明パネルを使用する写真を配置する 約 145 分約 12 分約 13 分約 07 分約 10 分約 09 分約 13 分約 13 分約 14 分約 10 分約 09 分約 10 分約 08 分約 07 分約 10 分約 108 分約 09 分約 07 分約 08 分約 09 分約 11 分約 08 分約 09 分約 09 分約 12 分約 06 分約 09 分約 11 分約 117 分約 03 分約 09 分約 11 分約 07 分約 07 分約 08 分約 07 分約 11 分約 14 分約 10 分約 07 分約 09 分約 14 分 2 / 4 ページ

3 Step8 Photoshopの基本操作 Photoshopの起動と基本画面についてツールパネルとパネルの使い方作業画面を拡大 縮小する / 表示位置を変更するブラシツールでペイントするヒストリーパネルを使用するドキュメントの保存と閉じ方 Step9 画像の補正描画色と背景色を理解する選択範囲の作成 解除を行う自動選択ツール ( クイック選択ツール ) を使用するクイックマスクを使用する選択とマスクを使用するペンツールを使用するレベル補正を使用するトーンカーブを使用するアンシャープマスクを使用する覆い焼きツールと焼き込みツールを使用するモノクロ画像へ変更するものさしツールで傾きを修正する / 切り抜きツールを使用するレイヤーとレイヤーパネルについて別ファイルのデータを複製するコピースタンプツールを使用する (1) コピースタンプツールを使用する (2) 画像修復する新規調整レイヤーを使用する画像のサイズ調整をするコンテンツに応じた塗りつぶし 移動する 約 56 分約 11 分約 09 分約 10 分約 08 分約 11 分約 07 分約 206 分約 14 分約 11 分約 15 分約 16 分約 15 分約 14 分約 07 分約 09 分約 05 分約 06 分約 05 分約 09 分約 14 分約 12 分約 09 分約 09 分約 08 分約 10 分約 09 分約 09 分 3 / 4 ページ

4 Step10 画像の加工アルファチャンネルを使用するレイヤーのオブジェクトで選択範囲を作成する描画モードを使用するレイヤーを結合するフィルターを使用する新規ドキュメントを作成する / 長方形ツールを使用する角丸長方形 / 楕円形 / 多角形ツールを使用するラインツールを使用するカスタムシェイプを使用するグループレイヤーを使用するラスタライズを行うレイヤースタイルを使って加工するレイヤーを整列するグラデーションツールを使用するレイヤーマスクを使用するクリッピングマスクを使用する Illustratorデータ読込 Step11 文字の入力定規を使用するガイド グリッドを設定する横書き文字ツールで文字を入力する (1) 横書き文字ツールで文字を入力する (2) テキストボックスに文字を入力する段落を使用するテキストレイヤーをラスタライズする 約 180 分約 10 分約 09 分約 09 分約 05 分約 08 分約 13 分約 12 分約 07 分約 15 分約 09 分約 09 分約 15 分約 10 分約 14 分約 12 分約 12 分約 11 分約 57 分約 06 分約 08 分約 12 分約 09 分約 10 分約 05 分約 07 分 4 / 4 ページ

5 [ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! HTML/CSS リファレンス ( 計 14 時 07 分 ) Dreamweaverでの学習準備 Dreamweaverでの学習準備 Step1 オリエンテーションはじめに HTML5の概要 (1) HTML5の概要 (2) 準備物テキストエディタ Step2 HTMLの文法 HTMLの基礎 (1) HTMLの基礎 (2) htmlファイルの構造 約 17 分約 17 分約 56 分約 06 分約 08 分約 13 分約 15 分約 14 分約 31 分約 10 分約 07 分約 14 分 Step3 メタデータの要素 head 要素 (1) 文字コード タイトル 要約 head 要素 (1) 外部 CSSの読み込み head 要素 (2) Step4 コンテンツの要素ヘッダとフッタ (1) ヘッダとフッタ (2) ナビゲーションとメインコンテンツセクション Step5 テキストの要素 (1) 行内の要素リンクの要素 (1) リンクの要素 (2) 箇条書きマルチメディア (1) マルチメディア (2) Step6 テキストの要素 (2) 引用の要素その他の要素 (1) その他の要素 (2) pre 要素 code 要素その他の要素 (2) 改行 テーマの変わり目その他の要素 (3) Step7 アプリケーションの要素フォームの部品 (1) 一行入力フォームの部品 (1) 複数行入力 ラジオボタンフォームの部品 (2) input 要素のtype 属性その他の要素 (1) 進捗 計測その他の要素 (2) 描画の要素 約 32 分約 11 分約 08 分約 13 分約 46 分約 10 分約 10 分約 13 分約 13 分約 69 分約 12 分約 08 分約 09 分約 16 分約 09 分約 15 分約 66 分約 14 分約 16 分約 11 分約 12 分約 13 分約 78 分約 11 分約 14 分約 16 分約 18 分約 13 分約 06 分 1 / 2 ページ

6 HTML/CSS リファレンス ( 計 14 時 07 分 ) Step8 CSSの文法 CSSの書き方の基本 (1) CSSの書き方の基本 (2) セレクタ (1) 要素セレクタ classセレクタセレクタ (1) idセレクタセレクタ (2) ユニバーサルセレクタセレクタ (2) 優先順位セレクタ (3) 結合子セレクタ (3) グループ化 Step9 テキストのスタイルテキストのスタイル行のスタイル Step10 ボックスのスタイルボックスのスタイル (1) ボックスのスタイル (2) 背景のスタイル表示 Step11 リッチなスタイルリッチなスタイル影リッチなスタイル角丸 グラデーション変形回転 伸縮変形移動 歪み 基点 Step12 アニメーショントランジション (1) トランジション (2) CSSアニメーション三次元の表示 Step13 疑似クラスと疑似要素疑似クラス (1) 疑似クラス (2) 属性セレクタ疑似要素 Step14 高度なスタイルボックスの配置 (1) ボックスの配置 (2) フレキシブルボックスレイアウトボックスの配置 (2) グリッドレイアウトモジュールレスポンシブWebデザイン Step15 JavaScript JavaScriptとはコンテンツの操作スタイルの操作 HTML5の可能性本講義を終えるにあたって 約 80 分約 12 分約 11 分約 11 分約 08 分約 09 分約 10 分約 14 分約 05 分約 34 分約 21 分約 13 分約 45 分約 08 分約 17 分約 11 分約 09 分約 52 分約 12 分約 15 分約 13 分約 12 分約 68 分約 19 分約 19 分約 17 分約 13 分約 47 分約 09 分約 12 分約 13 分約 13 分約 76 分約 14 分約 24 分約 24 分約 14 分約 50 分約 11 分約 12 分約 06 分約 14 分約 07 分 2 / 2 ページ