FC2ブログ

スポンサーサイト

  1. トップ
  2. スポンサー広告
  3. スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告 | コメントを書いてくれる人はこちら(-) | トラックバック(-) | [編集]
このページのトップへ移動する。

職業訓練WEBクリエーター科24日目

  1. トップ
  2. FLASHのソフトの使い方の勉強
  3. 職業訓練WEBクリエーター科24日目

職業訓練WEBクリエーター科24日目

使用ソフト・・・FLASH

使用教科書・・・FLASHトレーニングブック

授業の内容

1コマ目

FLASH

今日から新しいソフト・・・FLASHの勉強に移る

テキストのサンプルデータをダウンロードする。 トレーニングブック P8ページ

FLASHについて・・・

トレーニングブック P10~

FLASHとは

アニメーションを作ったり、インタラクティブなコンテンツを作ることができるグラフィックソフトです。

簡単なバナーアニメーションから、複雑な構造を持ったアプリケーションまで、じつに幅広い用途に使われています。

FLASHのファイル形式

FLA形式で保存される。

書き出しファイル(WEBページで見ることができる拡張子)・・・SWFで保存されている。

よく使うツール

ステージ

画面の真ん中の白い部分レイアウトを作画を行う場所

タイムライン

横時間軸・縦レイアー 画面の上の部分

各コマの部分

ツールバー

画面左側で、様々な道具が入っている場所だいたいFireworksと同様

パネル

画面右側と下側に並んでいるパネル

よく使うパネル

プロパティインスペクタ・・・画面下側にあり、様々な設定をするときに使用するパネル

カラーミキサー・・・画面右側にあり、色を変更する時にいようする。

変形パネル・整列パネル・・・画面右側にないので、ウィンドウから出す。

ライブラリパネル・・・情報を管理するパネル

基本図形の作成

トレーニングブック P28~31

直線を描く・・・Fireworksと同様

ツールバーの線ツールを選択する。

マウスをドラック&ドロップすると線が書ける

Shiftキーを押しながら各と、水平・垂直・45度線を各ことができる。

ALTキーを押すと、両幅に線が描ける。

四角形を描く・・・Fireworksと同様

矩形ツールを選択する。

マウスを四角形の対角線上にドラック&ドロップをする。

SHIFTキーを押すと正方形が描ける。

ALTキーを押すと中心から四角形が描ける。

円を描く・・・Fireworksと同様

楕円ツールを選択する。

マウスを円の大きさの対角線上にドラック&ドロップする。

SHIFTキーを押しながら描くと正円が描ける。

角丸四角形を描く

矩形ツールを選択して、ツールバーの下にオプションツールがあるので、そこの角丸半径を指定して矩形を描く。

ドラック中にキーボードの↑↓の矢印キーで角の丸みを調整できる。

三角形を描く

矩形ツールを押しっぱなしにして、多角形ツールを選択する。

プロパティインスペクタのオプション設定から変の数を指定して描く

星を描く

多角形ツールからプロパティインスペクタからスタイルを星に変更して頂点を選択して描く

2コマ目

移動する際の注意事項

FLASHは塗りと線(枠の部分)が分かれて表示されているので注意する。

塗りの移動

塗られている部分の内部をクリックして移動したいところまでドラック&ドロップすると、塗られた部分だけ移動される。

線の移動

線の部分にマウスを持ってくとマウスの形が変わるので、そのまま選択して移動したい部分にドラック&ドロップをすると移動できる。

ダブルクリックをすると線が全部選択される。

塗り・線の両方の移動

塗りの部分でダブルクリックすると、塗りと線の両方が選択することができる。

線で塗りを分断する

いままで描かれた図形の上に図形をのせると、今まで描かれた図形が分断される。

3コマ目

バケツツールの使い方

トレーニングブック P38

塗りを変更したい塗られた部分にバケツツールを使って、色を変更する。

バケツのアイコンの形で液がこぼれている先の部分が塗りたい部分の先端

スポイトツールの使いかた

トレーニングブック P39

ある図形でしようした塗りの色と同じ塗りの色で塗りたい場合にこのスポイトツールを使って色を設定場合に使用する。

選択ツールから色を変更する。

トレーニングブック P40

複数の塗りの色を同時に同じ色に変更したい場合の時に使用すると便利

塗りが設定されている部分を選択ツールで選択して、プロパティインスペクタで色の塗りを変更する。

グラデーション

トレーニングブック P41~44

線状のグラデーションのかけ方

トレーニングブック P41

カラーミキサーパネルを使用してグラデーションを設定する。

グラデーションを調整しよう

トレーニングブック P42

ツールボックスの「塗りの変更」ツールを使用する。

グラーデーションの塗りの部分を選択すると、変更するための選択項目がでてくる。

放射状のグラデーションのかけ方

トレーニングブック P43

カラーミキサーパネルの塗りのスタイルを「放射状」を選択する。

放射状グラデーションの調整

トレーニングブック P43~44

ツールボックスの「塗りの変更ツール」を使用

グラデーションの色数を増やしてみよう

トレーニングブック P44

カラーミキサーパネルのグラデーション定義バー上でクリックする。

演習・・・描画の練習

トレーニングブック P35~37ページにあるイラストを描画してみよう。

描画の練習課題の成果

4コマ目

線のタイプを変更してみよう。

トレーニングブック P45~48

線の種類を変更してみよう。

トレーニングブック P45

ツールボックスの「インクボトルツール」を使用して線の種類を変更する。

線の種類の変更は、プロパティインスペクタで変更する。

線の種類は、太さ・線の形状が変更できる。

極細線と実線の違い

極細線は拡大しても1pxで表示される線なので、拡大してもつねに1pxで表示する。

破線のカスタマイズ

トレーニングブック P46~47

プロパティインスペクタのカスタムから変更する。

選択ツールで線を変更する。

線を「選択ツール」で選択するとプロパティインスペクタで線おスタイルを変更することができる。

インクボトルツールでは、

塗りの設定がされた部分に新たに線を追加することもできる。

図形の変更と複製

トレーニングブック P49~57

同じ図形の複製

トレーニングブック P49

コピーして、ペーストをすると図形の複製ができる。

「選択ツール」で角を移動しよう

トレーニングブック P50

「選択ツール」で頂点にポインタを持っていくとポインタの形が変わるので、変わったらドラック&ドロップする。

「選択ツール」で直線を曲線にする

「選択ツール」で辺にポインタを当てるとポインタの形が変わるので、変わったらドラックする。

「ダイレクト選択ツール」の使い方

トレーニングブック P51

fireworksと同様の使い方ができる。

図形の台形に変形してみよう

トレーニングブック P51~52

「自由変形ツール」を使用して変更する。

オプションで歪曲を選択する。

平行に変更してみよう

トレーニングブック P52

「自由変形ツール」を使用して変更する。

オプションで回転と傾斜を選択する。

図形を膨らませてみよう

トレーニングブック P53

「自由変形ツール」を使用して変更する。

オプションで、エンペローブを選択

課題の練習

魅力的なキャラクターに仕上げる。

変形ツールを使用して、魅力的なキャラクターに仕上げる。

変形ツールの練習の課題

5コマ目

いままで学習したものを生かして、イラストを描いてみよう。

イラストの描画の課題

6コマ目

鉛筆ツールとペンツール

トレーニングブック P58~62

鉛筆ツールで描く

トレーニングブック P58~59

鉛筆ツールを使用して線を描く

オプション設定で、ストレート・スムーズ・インクがある。

ペンツールで描く

トレーニングブック P60~62

Fireworksと同様の使い方

ブラシツールと消しゴムツール

トレーニングブック P63~68

ブラシツール

トレーニングブック P63~64

塗りには5種類のペイントの種類がある。

標準・・・上に描かれてペイントされる。線も塗りも両方ペイントされてしまう。

塗りをペイント・・・塗りの部分だけペイントされる。

背面をペイント・・・線と塗りのない部分だけペイントされる。

選択範囲をペイント・・・選択された部分だけペイントされる。

内側をペイント・・・塗りを開始した部分だけがペイントされる。

下の画像が各ブラシの特性

ブラシの特性の画像

塗りの固定とグラデーション

トレーニングブック P65

塗りが固定されると、グラデーションを描けるときに、全体でかけるか、個別にかけるかの違い。

グラデーションの違いの画像

スポンサーサイト
このページのトップへ移動する。

評価・感想を書いてくれた人の内容

この記事に対する評価・感想を投稿

管理者にだけメッセージを送る

トラックバック トラックバックURL:
http://hamacom.blog4.fc2.com/tb.php/46-a44de7b3
サイズ変更ボタン サイズ縮小ボタン サイズ拡大ボタン サイズリセットボタン
RSSフィード

ブロとも申請フォーム
ブログ内検索

最近のエントリ
ユーザータグ
カレンダー

07 | 2018/08 | 09
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

ハマーにメールを送る

私ハマーにご意見・ご感想・調べてほしい事・オススメサイト等ありましたら気軽にメールしてください。

最近のコメント
全ての記事を表示する
カテゴリー
QRコード

QRコード

覗いてくれた人

月別アーカイブ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。