情報リテラシーのシラバス 2009-01-27T00:54:01Z 長岡が担当する情報リテラシーのシラバスを授業の前日までには載せたいと思っているブログ tag:www.edu.meisei-u.ac.jp,2009:/mt/hide-literacy/2 Movable Type Copyright (c) 2009, hide 第29回 課題作成日「Flash」 2009-01-27T00:54:01Z 2009-01-22T00:00:00Z tag:www.edu.meisei-u.ac.jp,2009:/mt/hide-literacy/2.9470 2009-01-22T00:00:00Z 課題について「Adobe Flashでアニメーションをつくろう！｣ 内容はな... hide hide@cc.meisei-u.ac.jp 2008b
  • 内容はなんでもかまいませんし、テーマもフリーです
  • 出来ばえによって、評価の点数に大きく差をつけます
  • Adobe Flashで作成すること
  • 作成したら、Flashドキュメントファイル(*.fla)とFlashファイル(*.swf)の両方で保存すること
  • ファイル名は、Flashドキュメントで[ユーザID].flaとして保存してパブリッシュすれば、Flashファイルの方も[ユーザID].swfになるでしょう
  • 保存した両方のファイルをガレージフォルダにコピーして提出になります
  • 提出先は次の通りです
    • Flashドキュメントファイル([ユーザID].fla)は、「ガレージ」→「授業用フォルダ」→「情報リテラシー(長岡クラス)」→「Flash課題提出用(FLAファイル専用)」
    • Flashファイル([ユーザID].swf)は、「ガレージ」→「授業用フォルダ」→「情報リテラシー(長岡クラス)」→「Flash課題提出用(SWFファイル専用)」
  • 必ず、両方のファイルをそれぞれのフォルダにコピーしてください。どちらかのみの場合は減点します。
  • 長編アニメを作成して、複数ファイルに渡る場合は、ファイル名に[ユーザID]-[N].[拡張子]としてすべてのFlashドキュメントファイルとFlashファイルを提出してください
  • 提出は、1/31(土)の午後3時まで(時間厳守!)
  • 出来栄えによって、評価点数が異なります
    • ]]> 今後の長岡の予定
    〜1/22(木)青梅校勤務
    1/23(金)〜16:00まで青梅校勤務
    1/24(土)お休み
    1/26(月)午後から青梅校勤務
    1/27(火)〜14:00まで青梅校勤務
    1/28(水)〜29(木)出張のため不在
    1/30(金)終日、日野校勤務
    1/31(土)青梅校勤務
    ]]>     第28回 Flash(8) 2009-01-20T03:53:19Z 2009-01-20T03:55:00Z tag:www.edu.meisei-u.ac.jp,2009:/mt/hide-literacy/2.9469 2009-01-20T03:55:00Z 音入れ まずは、音素材を仕入れる 効果音の入れ方 BGM Flas... hide hide@cc.meisei-u.ac.jp 2008b 音入れ
    • まずは、音素材を仕入れる
    • 効果音の入れ方
    • BGM

    Flashの技(長編アニメ作成編)

    • シーン操作
    • 別のFlashファイルの読み込み

    ボタンシンボル

    • ボタンシンボルのタイムライン

    ]]>

    フリーソフトの紹介

    ParaFla!
    suzuka

    ]]>     第27回 Flash(7) 2009-01-13T10:17:49Z 2009-01-15T07:25:00Z tag:www.edu.meisei-u.ac.jp,2009:/mt/hide-literacy/2.9468 2009-01-15T07:25:00Z モーショントゥイーン応用編 モーションガイド イージング Flashの... hide hide@cc.meisei-u.ac.jp 2008b モーショントゥイーン応用編
    • モーションガイド
    • イージング

    Flashの技(動きながら、動くアニメ)

    • 回転するタイヤを持つ自動車
    • バウンドしながら遠くに行くボール

    アクションスクリプト(AS)でプログラミングに挑戦！

    • アニメーション停止

    ]]>     第26回 Flash(6) 2009-01-13T09:42:44Z 2009-01-13T03:55:00Z tag:www.edu.meisei-u.ac.jp,2009:/mt/hide-literacy/2.9467 2009-01-13T03:55:00Z モーショントゥイーン 位置の変化 大きさの変化(自由変形) 回転 ... hide hide@cc.meisei-u.ac.jp 2008b モーショントゥイーン
    • 位置の変化
    • 大きさの変化(自由変形)
    • 回転
    • 色の変化

    ]]> 第25回 今までのFlash復習編 2009-01-08T05:24:07Z 2009-01-08T07:25:00Z tag:www.edu.meisei-u.ac.jp,2009:/mt/hide-literacy/2.9466 2009-01-08T07:25:00Z

    シェイプを描くツール プロパティインスペクタで色や線種の選択 矩形ツー... hide hide@cc.meisei-u.ac.jp 2008b シェイプを描くツール
    • プロパティインスペクタで色や線種の選択
    • 矩形ツール、楕円形ツール
    • 多角形ツール
    • 線ツール

    シェイプの変形などのツール

    • 鉛筆ツール、ブラシツール
    • 自由変形ツール
    • インクボトルツール、バケツツール
    • 消しゴムツール

    ]]> シェイプを描く
    • シェイプとシェイプの重なり
    • シェイプの分解
    • 線を面にする

    アニメーション

    • タイムライン操作
      • レイヤー操作
      • フレーム操作
      • オニオンスキン操作
    • シンボルの作成
      • 絵(パーツ)を描くなら、グラフィックシンボル
      • 動きのある絵(アニメ)なら、ムービークリップシンボル

    アニメ再生

    • 簡易再生
    • パブリッシュプレビュー
    • パブリッシュ

    ]]>     第24回 Flash(4) 2008-12-19T07:09:59Z 2008-12-18T07:25:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9429 2008-12-18T07:25:00Z hide hide@cc.meisei-u.ac.jp 2008b
      Flashアニメーションは、前期のImageReadyによるGIFアニメーションをより高機能にして、画像フォーマットがビットマップファイルではなく、ベクトルフォーマットにしか感じと云えば、想像がつきますか？
      高機能ゆえに、機能が豊富なため、そのための用語もたくさんあります。この授業だけでそのすべてを教えることは難しいので、ポイントを解説しながら、操作を覚えていきましょう。]]>
    Flashアニメーションの種類
    • パラパラアニメ
      • フレームアニメ(コマアニメ)
    • トゥイーンアニメ
      • モーショントゥイーン
      • シェイプトゥイーン
    用語解説
    • シェイプ
      　ステージ上に配置したパスやオブジェクト
    • グループ
      　重ね順を変更するために合体したシェイプ群
    • シンボル
      　アニメーションのパーツで3種類ある
    • インスタンス
      　ステージ上にドラッグ＆ドロップしたシンボルのこと
    シンボルの種類
    • グラフィックシンボル
      　独自のタイムラインを持つシンボルで、ASから制御不可
    • ムービーシンボル
      　独自のタイムラインを持つシンボルで、ASから制御可能
    • ボタンシンボル
      　タイムラインを持たず、マウスイベントに応答する特殊シンボル
    タイムラインについて
    • レイヤー
    • アニメーションの滑らかさ(FPS)
    • キーフレーム
    • 空白のキーフレーム
    • フレーム
    • トゥイーンフレーム
    ]]>     第23回 Flash(3) 2008-12-12T02:05:02Z 2008-12-16T03:55:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9393 2008-12-16T03:55:00Z さまざまなツールの使い方 自由変形ツール 色について ツー... hide hide@cc.meisei-u.ac.jp 2008b
  • 自由変形ツール
  • 色について
    • ツールの「線の色」と「塗りの色」
    • 線を面にする
  • グラデーションツール
  • テキストツール
  • 消しゴムツール
  • 矩形と多角形ツール
    • ]]>     第22回 Flash(2) 2008-12-10T04:59:26Z 2008-12-11T07:25:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9370 2008-12-11T07:25:00Z Flashで描いてみよう！ 線と面 イラレと異なり、矩形ツールな... hide hide@cc.meisei-u.ac.jp 2008b
  • 線と面
    イラレと異なり、矩形ツールなどで描いた図形は線と面で分解できる。線もまた、コーナーで分解できる。
  • 図形と図形
    図形と図形を重ねると属性が異なる場合(塗りの色が異なる等)、図形を図形で切り取ることになる。属性が同じ場合(塗りの色が同じ)は合体する。イラレのパスファインダと同様な動きをする。
  • 重ね順
    図形(シェイプ)が重なると、切り抜かれたり合体する。また、シェイプの作成順に重なるため、シェイプの重なる順番を変更したいりすることができない。そのため、シェイプはグループ化することで重ね順を変更することができるようになり、重ねても合体したり、切り抜かれたりしなくなる。
  • 線と図形
    図形を変形するには、シェイプの辺を選択ツールでドラッグすることで可能だが、一部分を切り取ったりするのであれば、線ツールなどでシェイプを切るように描き、それぞれを移動させて切り取る。
  • えんぴつとブラシツール
    えんぴつツールは線で描き、ブラシツールは塗りで描くということを覚えておくこと(色の話)。えんぴつツールの線はプロパティインスペクタで変更できる。ブラシはツール下部のオプション欄にブラシの太さ、種類などを変更でき、ペンタブレットを使う場合には、筆圧感知/傾き感知の機能などもオプションにある。また、線を描いてから修正するには、選択ツールで選択後、ツール下部のオプションにて、[スムーズ]と[ストレート}ボタンをクリックしていくことで修正可。
    • ]]>     第21回 Flash(1) 2008-12-04T09:33:47Z 2008-12-09T03:55:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9321 2008-12-09T03:55:00Z スケジュール 12/9(火)第1回Flashの基本 12/11(木)第2... hide hide@cc.meisei-u.ac.jp 2008b 12/9(火)第1回Flashの基本 12/11(木)第2回描画 12/16(火)第3回色、消しゴム、テキストなどのツール 12/18(木)第4回アニメーション 1/8(木)第5回いままでの復習 1/13(火)第6回オニオンスキン、モーショントゥイーン 1/15(木)第7回モーションガイド、イージングなど 1/20(火)第8回アニメ操作のいろいろ、効果音 1/22(木)第9回課題作成日 1/27(火)---予備日

    Flashとは？
      Illustratorと同様のベクトル系ドローツールで、Illustratorと比較すると初心者でも敷居が高くなく(ベジェ曲線の複雑さがない)割と簡単に誰でも絵が描けるツール。Illustratorが印刷物を出力媒体としているのに対して、flashはwebをターゲットに絞っている。主に、アニメーション、webアプリケーション(ゲームなども)やインターフェイスを中心に使われることが多い。]]>
    FlashとIllustrator
    目的物IllustratorFlash
    ポスター○×
    本や雑誌の編集○×
    Webアプリ×○
    アニメーション×○

    Flashでできること(プロとか達人のFlash作品を見てみよう) Flashのファイルについて
    • [ファイル名].flaというファイル
    • [ファイル名].swfというファイル
    Flashを起動してみよう
    • 画面構成
    • ツール
    ]]>     第20回 課題作成日「Illustrator」 2008-12-04T07:56:16Z 2008-12-04T07:25:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9302 2008-12-04T07:25:00Z 課題について「Adobe Illustratorで絵本をつくろう！｣ 内容は... hide hide@cc.meisei-u.ac.jp 2008b
  • 内容はなんでもかまいませんし、テーマもフリーです
  • Adobe Illustratorで作成すること
  • 表紙に学籍番号と氏名を書くこと(鉛筆でもペンでもPCで書いてもよい)
  • ものがたりは、オリジナルor既存のものでも可(できればオリジナルが望ましい)
  • カラーまたは白黒印刷をして、ホチキスで留めて提出すること
  • 各ページには絵とテキストを入れること(ただし、ものがたりの構成上、テキストのみや絵のみのページがあっても構わないが、絵本と呼ばれるものを作成すること)
  • ネタが思い浮かばない人は４コマ漫画なんてどうでしょうか？
  • 提出は、12/22(月)まで
  • 提出は長岡に直接、手渡しすること(青梅教学課や情報センターのスタッフに渡しても、長岡は受け取りません)
  • 出来栄えによって、評価点数が異なります
    • そして、macでの印刷方法を教えていなかったので、説明します。だから、必ず出席して、印刷の仕方を理解すること。]]> 印刷方法
    • 授業教室のJ-405は、モノクロレーザのみ
    • 自習教室のJ-406は、プリンタなし
    • プリントルームのJ-402なら、カラーレーザプリンタやインクジェットプリンタがあるので、印刷時にそれぞれのプリンタを選択すること
    • 印刷は、[ファイル]⇒[プリント]を選択し、適切な設定を[プリンタ]欄と[用紙]欄から選択し、[プリント]ボタンをクリックすると印刷される
    • レーザプリンタの使用は、ポイントの残量に気をつけること
    • ポイント残量がゼロの人は、インクジェット使いなさい
    複数ページの作成方法
    • 基本は、1ページ＝１アートボード
      • 複数ページという概念がないIllustratorなので、1ページにつき1アートボードにする。なので、5ページなら、5つのファイルに分割することになる。一番シンプルで確実。
    • １つのアートボードに収める方法
      • 面倒だけど、不可能ではない。
      1. [表示]⇒[ページ分割を表示]
      2. [ファイル]⇒[ドキュメント設定]から、サイズ[カスタム]、幅と高さを適当な値を入力(大きめにする)
      3. [ファイル]⇒[プリント]で[セットアップ]を選択し、タイル[用紙サイズで区分ける]にして、[完了]ボタンをクリック
    ]]>     第19回 Illustrator(7) 2008-12-04T07:51:22Z 2008-12-02T03:55:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9263 2008-12-02T03:55:00Z 整列パレットの練習問題 ビル群 ... 文字パレット パレット内ボタ... hide hide@cc.meisei-u.ac.jp 2008b
  • ビル群
  • ...
    • 文字パレット
    • パレット内ボタンの説明
    • アウトライン化
    ツールボックス
    • エリア内文字ツール
    • パス上文字ツール
    色について
    • ツールボックスの色ツール
    • カラーガイドパレット
    • スウォッチパレット
    • グラデーションツール
    • グラデーションパレット
    ]]> 文字パレットについて
    • パレットの表示は、[ウィンドウ]⇒[書式]⇒[文字]
    • 文字タブの左脇にある小さな上下の矢印ボタンをクリックすると、パレットのメニューが[省略]⇒[普通]⇒[詳細]に変化する。通常は[普通]にしておくと良い
    • 文字パレット[普通]モードで設定できる項目は次の通り
      • [フォントの種類]
      • [フォントファミリー(同じフォントでも太さなどの違いがある)]
      • [フォントサイズ]
      • [行間隔]
      • [フォントの横幅]
      • [フォントの縦幅]
    ツールボックス内の文字ツール
    • [文字]ツール
      • 普通に文字をアートボード上に入力したい場合
    • [エリア内文字]ツール
      • パス(通常はクローズパス)内に文字列を収めたい場合に使用する
      • 新聞など文章文字列のように段落幅が決まっている場合
      • マンガのセリフ吹き出しの場合
      • 予めパスを描き、[エリア内文字]ツールを選択したら、パスの線の上でクリックして入力開始
    • [パス上文字]ツール
      • パス(オープンでもクローズでも)の線の上に沿って文字列を配置する際に使用
      • 予めパスを描き、[パス上文字]ツールを選択したら、パスの線の上でクリックして入力開始
    フォントのアウトライン化
    • アウトライン化は、[書式]⇒[アウトラインを作成]
    • アウトライン化しないと、データファイル上、フォントは文字情報として保持され、パスとは異なる
      • アウトライン化すると、文字列はパスになる
    • アウトライン化しないと、ファイルの受け渡しをする際に送り側と受け側で同じフォントを持っていないと、受け側でファイルを開いた際に「フォントがない」というエラーが表示される
      • アウトライン化すると、受け側が同じフォントも持っていなくても只のパスなので大丈夫
    • アウトライン化しないと、１文字づつ文字色を変更することができない
      • アウトライン化すると、１文字単位だけじゃなく、漢字を篇とつくりにも分解できる
    • アウトライン化しないと、ファイルサイズは小さくコンパクトにまとまる
      • アウトライン化すると、ファイルサイズはかなり大きくなるので、容量オーバーに注意。印刷時にやたら時間が掛かる
    ]]>     第18回 Illustrator(6) 2008-11-25T05:35:54Z 2008-11-27T07:25:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9229 2008-11-27T07:25:00Z 練習問題の作成例 花 太陽 木 オバケ 練習問題その２ パッ... hide hide@cc.meisei-u.ac.jp 2008b
  • 花
  • 太陽
  • 木
  • オバケ
    • 練習問題その２
    • パックマン
    • チューリップ
    • Tシャツ
    • 桜の花びら
    • ハート
    整列パレット
    • 整列
    • 分布
    ]]>     第17回 Illustrator(5) 2008-11-27T09:43:41Z 2008-11-25T03:55:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9224 2008-11-25T03:55:00Z パスファインダパレット 形状モード 形状エリアに追加 形状エリアから前面... hide hide@cc.meisei-u.ac.jp 2008b
    形状モード
    • 形状エリアに追加
    • 形状エリアから前面オブジェクトで型抜き
    • 形状エリアを交差
    • 重なり合う形状エリアを除外
    パスファインダ
    • 分割
    • 刈り込み
    • 合流
    • 切り抜き
    • アウトライン
    • 背面オブジェクトで型抜き
    ]]>     第16回 Illustrator(4) 2008-11-23T06:18:01Z 2008-11-20T07:25:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9177 2008-11-20T07:25:00Z 「Illustratorよくわからん」「授業の進みが早すぎ」という声にお答えし... hide hide@cc.meisei-u.ac.jp 2008b 「Illustratorよくわからん」「授業の進みが早すぎ」という声にお答えして、今回はここまでの復習編＋時間があれば新しいところをちょこっとだけやりたいと思います。

    今までの復習

    • パスを描く
      • クローズパスとオープンパス
      • アンカーポイント、方向線、方向点
      • コーナーポイント、スムーズポイント
      • 直線と曲線、曲線と曲線
    • 線種の変更
    • えんぴつツール
    • 基本図形
    • 変形
      • 拡大・縮小
      • ナナメ変形、辺の変形
      • 回転
    • コピー
    ]]>     第15回 Illustrator(3) 2008-11-18T03:49:07Z 2008-11-18T03:55:00Z tag:www.edu.meisei-u.ac.jp,2008:/mt/hide-literacy/2.9120 2008-11-18T03:55:00Z 先週の復習(曲線を描く) 曲線の描画 直線から曲線 曲線から直線 ... hide hide@cc.meisei-u.ac.jp 2008b
  • 曲線の描画
  • 直線から曲線
  • 曲線から直線
  • コーナー連結の曲線
  • スムーズポイントとコーナーポイント
  • 方向線と方向点
    • 今日のお題
    • 線種の変更
    • えんぴつツール
    • 基本図形
    • 変形
      • 拡大・縮小
      • ナナメ変形、辺の変形
      • 回転
    • コピー
    ]]>