AD-Fox

課程:flash
軟體:Adobe Flash CS3 Professional
老師:張曼娜

錄影檔:
01.直線的繪製與拆解
02.鉛筆工具與平滑處理
03.線段切色塊
04.對齊.旋轉.線段切色塊
05.用Illu做娃娃車的把手
06.繪製娃娃車 車體
07.繪製娃娃車 蕾絲
08.     愛心
09.     娃娃車 腰帶
10.     娃娃車 點綴與輪子
11.     配色
12.魚 的繪製
13.Flash 動畫基本概念

01.一開始，先從介面開始
    1.開啟Flash CS3 Professional → 視窗 →工具列
           將 主工具列 ，控制器(處理時間軸)，編輯列 三項都勾選
       2. 屬性面板，在最下面

02. [直線]
    再來，從繪圖工具開始，畫直線 ，在屬性面板可以改顏色、粗細
    1.用shift +線段工具，就可以畫出直線
      或是 貼齊+線段工具
    2. 選取， 有 框選 & 點選 兩種
    3. 線段，不論顏色，只要彼此交會，就可以互相裁切

Normal 0 0 2 false false false MicrosoftInternetExplorer4

• 直線化
• 平滑化
• 墨水:不做任何整理動作

04. [橢圓形工具]

• 畫一個正圓，對齊(Ctrl + k)
• 接著，畫一條直線 → 變形(Ctrl + t)，旋轉30度，邊轉邊複製6次
  接下來，選取所有線段 → 對齊中央
• 就可以把正圓形畫分成12等分 ，且色塊可以裁切出來 

05. 畫娃娃車

• 把手: 用Illustrator的「旋轉工具」來畫，"基本RGB" , 單位選"pt"
          畫好後複製貼上(匯入)到flash，再Ctrl+b打散，要看到網格狀
• 車體:
  
  1. 畫一個正圓
  2. 畫一條直線，比圓的直徑長一點；轉90度,複製一條 => 變成十字
     
  3. 將十字對齊中之後，點一下旁邊空白的地方(就會等於確定)
  4. 確定之後，使用 橡皮擦工具 的 水龍頭 ，將多的線和右上角的1/4圓 拿掉
  5. 最後就完成了車體
     
• 蕾絲:
  
  1. 畫一個正圓
  2. 按住 ALT ，複製成5個正圓
  3. 框選這5個正圓，調整間距
  4. 框選這5個正圓的左邊半部，delete去掉
  5. 框選這5個正圓，使用 自由變形工具 ，按住Shift 鍵，(縮放時可以維持比例)縮放成圓的半徑
     
• 腰帶:
  
  1. 使用矩形工具，畫一個長方形
  2. 再畫一條直線，按住Alt 複製成數條
  3. 框選這些直線，整理間距，再群組
  4. 群組長方形
  5. 將 長方形 與 這些直線 重疊 ，再用橡皮擦工具的水龍頭 將多出來的地方擦掉
  6. 框選腰帶，使用 自由變形工具 縮放，置於車體的中央，再微調。
     
• 車飾:
  
  
• 車輪

製作一張圖片，固定放在網頁的右下角
1. 用photoshop，來改一張圖 (做出漸層的感覺), 圖層,橡皮擦

1.先縮圖 : PhotoShop -> 影像 -> 影像尺寸 ，縮成寬 300

2.開圖層 : PS -> 選取圖片 -> 建立新圖層 -> 確定

             選取新的圖層(圖層1)(像馬賽克)

-> Ctrl+a
-> Ctrl+Delete , 讓馬賽克變成全空白

3.回到圖層0 ，若要保留月亮，可先用橢圓選取畫面工具
-> 把月亮圈起來 -> 選取 -> 反轉


4.選取橡皮擦 -> 筆刷 (108) ; 硬度 -> 小一點 ; 流量 -> 小一點 ;不透明-> ?
如此，可以把左上半邊的圖用橡皮擦做出模糊的效果

2.PS -> 檔案 -> photomerge

Class08 - DreamWeaver設定(3)

1.樣式(CSS)

2.超連結

錨點(本頁連結) ，加 # 號 or 文字
ex:

 

 3. CSS進階

DW ->編輯 -> 偏好設定 -> 一般設定

使用 CSS 取代 HTML 標籤

• 有勾選，在DW裡，才會有CSS規則，來取代html
• 無勾選，在DW裡，則不會有CSS規則出現

• html語法: <hr color="#993300" align="center" size="8" width="80%" >
• 使用圖片檔來當水平線: 最好是使用 PNG檔 ,才能 去背
  來源:power point的 "插入美工圖案"，將圖片另存新檔為png檔 ; 或是 其他美工軟體

5. 字體

若要在DW使用 標楷體 or 新細明體 , 需要新增

本課重點:
1. CSS
【參考網站 】
CSS2.0中文手冊
網頁之翼
2. 換行(<br>),段落(<p>)

玩子說:

8點3法則: 開啟網頁最長為 8 秒 ，點3次沒內容就不會再來
SEO要素 -  網頁更新頻率，越高越好

開啟DW:

 1
   編輯 -> 偏好設定 -> 狀態列

1. 視窗大小(框頁) :760X420
                       (寬)X(高)
   若是要列印出來的話，則是740X420較保險 , 注意[寬]即可
   
2. 連線速度
   

2
   編輯 -> 偏好設定 -> 隱藏元素
        => 全選

3
   html語法:
           <p>:段落    , 相當於word的 [enter]
           <br>:換行   , 相當於word的 [shift]+[enter]

 4
   文字處理
      格式 : 標題，段落
      CSS

Class06 - IIS設定,DreamWeaver設定(!!)

1.enable http

1.新增Myweb資料夾 in  c:

2.更改主目錄的本機路徑為c:\Myweb

 

 3.更改防火牆設定值，將http打開

 

 2.enable FTP

同上

 3.開始使用DreamWeaver

 DW CS4 官方網站使用說明

 PDF文件下載 官方  local

使用軟體:會聲會影 10(Ulead VideoStudio)

素材:

四寶:文字，聲音，圖片，影片

會聲會影 -> 編輯程式

先將要編輯的素材，載入到"素材管理員"

接下來，介紹三大重點:

1.腳本:可控制角色的出場順序，也可以改變時間的長短,平移及縮放(設錨點), 照片與照片中間可以用"轉場" , 影片檔的話，可用"多重修剪視訊" 直接編輯

2.時間軸:可以改變時間的長短，也可以改變語音的位置

視訊軌

覆疊軌:可以加入特效(flash動畫),etc...

標題軌

語音軌:可以改變語音的位置(->對嘴)

音樂軌: 載入背景音樂

3. 音訊檢視:編輯音波波紋(音量大小，混音)

 2009.10.02(中秋節前夕) - 音訊編輯(gold wave)

1. 全球華文網blog操作講解   老師的示範網頁 : [按我]
   tips:照片寬度大約是400，(只限寬度)
   
   
2. MS Cartoon Maker - 將大頭照轉成卡通格式 , 若為icon，大小為100乘100
   

   ---

   
   
3. Gold Wave - 數位音訊編輯 ,可將音訊複製、音量放大、混音...,etc.
   
   • 複製 - 將同一段音訊複製在同一個音軌，把1變成1111
     ex: 爺爺~   -> 爺爺~爺爺~爺爺~爺爺~
   • 效果 -> 音量 -> 可將音訊改大小聲
     ex: 爺爺~   -> 爺爺~爺爺~爺爺~爺爺~
   • 效果 -> 音量 -> 淡出 : 將聲音從大而小，漸漸變沒有......54321
   • 混音 -> 可將 爺爺*4  , 與54321   混合
   • 儲存格式: 1.儲存時不要改格式   2.PPT(PPS)只能內嵌 .wav檔
     

     ---

     
     
4. 接續3，用PPT製作EDM(PPS)
   準備多張圖片，開啟PPT , 關閉檔案 -> 插入 -> 圖片 -> 新相簿
   
   注意:音樂只能內嵌 wav檔
   

使用photoshop修圖-

1. 色階
2. 色相飽合
3. 亮度/對比
4. 濾鏡=>銳利

使用ACD See修圖-

• 修改圖片
  • 工具 -> 曝光
  • 選項:保留最近修改日期(這樣就不會改到圖片的原始日期)
• 批次檔更名
  • 選擇 -> 編輯 -> 更名批次檔
• 縮圖，比例約75~85
  • 工具 -> 調整大小
  • ppt :800X600
  • 網頁:400X僅限寬度(維持外觀比例)

使用ACD FotoSlate列印照片-

• 版面設計稿

使用ACD FotoAngel製作螢保(為執行檔.exe 或 螢保程式.scr)

1. 先準備 圖片 & 音樂
2. 選取 "轉場效果"