《網絡信息編輯實務》項目四課件

《網絡信息編輯實務》項目四課件網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例任務描述隨著網絡技術的不斷發(fā)展，圖片已經成為媒體傳播信息中的一種重要形式。好的圖片不但可以為報道增姿添彩，還常常能取得事半功倍的效果。任務描述（一）網絡圖片的類型

（二）網絡圖片的格式一、網絡圖片的類型及格式（一）網絡圖片的類型（二）網絡圖片的格式一、網絡圖片的類型（一）網絡圖片的類型1．照片照片是網絡新聞中最常見的圖片類型。照片通常分為新聞照片和非新聞照片兩大類。新聞照片就是以新聞事件、新聞人物為拍攝對象，再現新聞現場情景的照片，其可以作為獨立的新聞報道出現在版面上，也可以配合文字報道一同編發(fā)。（一）網絡圖片的類型1．照片（一）網絡圖片的類型2．圖示網絡新聞中的圖示一般可分為兩大類：一類是新聞圖表，主要有折線圖、餅圖、柱狀圖、架構圖另一類是新聞圖示，多為對事件發(fā)生的時間、地點、路線等的描述。（一）網絡圖片的類型2．圖示（一）網絡圖片的類型3．漫畫漫畫是用簡單而夸張的手法來描繪生活或時事的一種藝術形式。4．圖飾圖飾是指僅作為版面裝飾的圖片，它不傳播任何新聞要素信息。（一）網絡圖片的類型3．漫畫1．JPEG格式JPEG（JointPhotographicExpertsGroup）圖像是網頁中最常用的圖像格式，其采用的有損壓縮算法能夠在提供良好壓縮性能的同時，展現十分豐富生動的圖像。缺點：對圖像壓縮越多，信息丟失就越多，從而導致圖像變得模糊、朦朧、無法看清。所以在將文件保存為JPEG格式時，需要在壓縮率與質量之間有一個平衡。（二）網絡圖片的格式1．JPEG格式（二）網絡圖片的格式2．GIF格式GIF（GraphicsInterchangeFormat）格式采用無損壓縮技術，只要圖像不多于256種顏色（8位顏色），就可既減小文件大小，又保持成像質量。GIF格式普遍適用于圖表、按鈕、剪貼畫等只需要少量顏色或相對簡單的圖像。另外，GIF格式支持透明功能和動畫效果。其動畫效果的實現是通過在一個GIF文件中保存多幅圖像，把存于該文件中的多幅圖像數據逐幅讀出并顯示到屏幕上，即構成一種最簡單的動畫。（二）網絡圖片的格式2．GIF格式（二）網絡圖片的格式3．PNG格式PNG（PortableNetworkGraphicFormat）圖像文件格式，其設計目的是試圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。PNG格式支持24位全彩色，其采用非破壞性壓縮，可以完整和精確地保存圖像的亮度和彩度，同時提供比GIF和JPEG格式還快的交錯格式及更好的透明背景。缺點：其采用無損壓縮方式，因此文件通常比JPEG大，但小于GIF格式文件。（二）網絡圖片的格式3．PNG格式（二）網絡圖片的格式（一）網絡圖片的編排（二）網絡圖片的原則二、網絡圖片的編排與應用原則（一）網絡圖片的編排（二）網絡圖片的原則二、網絡圖片的編排與1．圖片放在頁面左上方將圖片放在頁面左上方符合人們從左到右的視覺和閱讀習慣，一般左上方是人們閱讀和瀏覽的視覺起點。許多網站的首頁、頻道或欄目首頁都采用這種方式，如新浪網“新聞”頻道便采用了這種編排方式。（一）網絡圖片的編排1．圖片放在頁面左上方（一）網絡圖片的編排2．圖片放在頁面右上方這種編排方式相對于將圖片放在頁面左上方來說要少一些，所以往往能在視覺和閱讀感受上給受眾以突破的感覺。Tom新聞中心便采用了這種方式（一）網絡圖片的編排2．圖片放在頁面右上方（一）網絡圖片的編排3．采用多個小圖縱向或橫向排列通過水平、垂直線分割，將多幅圖像在頁面上整齊有序地排列成塊狀，這種結構使得頁面生動活潑，具有強烈的整體感和秩序美感，如圖4-7所示的搜狐網“讀書”頻道便采用了這種編排方式。（一）網絡圖片的編排3．采用多個小圖縱向或橫向排列（一）網絡圖片的編排4．放置在消息正文的正上方一般在新聞正文的報道頁面中，圖片放置在正文的正上方；有時也會將圖片插入到正文中，從而起到調節(jié)版面的作用。（一）網絡圖片的編排4．放置在消息正文的正上方（一）網絡圖片的編排在編輯圖片過程中，必須對圖片的真實性進行判斷，這樣才能維護新聞的真實性。同時圖片的使用必須恰當，要避免誤導受眾。真實性思想性是指圖片要能突出文章的重點，圖文搭配要合理，另外要審核圖片有沒有脫節(jié)或偏離主題的現象。尤其為新聞報道配發(fā)的圖片，更要注意圖片的選用。思想性藝術性好的圖片不僅僅能簡單地圖解文字，還是在報道文章內容的前提下進行的藝術再創(chuàng)作。（二）網絡圖片的原則實用性在滿足真實性、思想性、藝術性原則的基礎上，從編輯的角度來講，圖片還應便于排版，這一點對網頁的整體美觀也是非常重要的。在編輯圖片過程中，必須對圖片的真實性進行判斷，這樣才能維護新（一）Photoshop的工作界面面

（二）文檔的新建、打開及保存三、常用圖片編輯軟件Photoshop的使用

（三）圖像基本操作（一）Photoshop的工作界面面（二）文檔的新建、打開啟動PhotoshopCS6，打開文檔后進入其工作界面，如圖4-8所示。界面最上方是菜單欄和程序窗口控制按鈕，下面為工具屬性欄，左側為工具箱，中間為文檔窗口，右側有各種功能面板。（一）Photoshop的工作界面啟動PhotoshopCS6，打開文檔后進入其工作界面，如菜單欄和程序窗口控制按鈕：

PhotoshopCS6的菜單欄分為兩部分。左邊顯示了Photoshop程序圖標，右擊該圖標可打開一個快捷菜單；右邊是各種菜單，Photoshop的大部分功能、命令分門別類地放在這些菜單中，只要單擊某一菜單，便會彈出其下拉菜單。菜單欄的右邊是程序窗口控制按鈕，分別單擊這3個按鈕，可以最小化、最大化和關閉程序窗口。（一）Photoshop的工作界面菜單欄和程序窗口控制按鈕： 工具屬性欄：當用戶從工具箱中選擇某種工具后，在菜單欄下方的工具屬性欄中就可以設置相應工具的屬性和參數，如圖4-11所示。而工具屬性欄也會隨著所選工具的不同而變化。（一）Photoshop的工作界面工具屬性欄：（一）Photoshop的工作界面工具箱：PhotoshopCS6的工具箱中包含70余種工具。這些工具大致可分為選區(qū)制作工具、繪畫工具、修飾工具、顏色設置工具及顯示控制工具等幾類，可以使用這些工具方便地編輯圖像、繪制圖形等。要使用某種工具，單擊該工具即可。部分工具的右下角帶有黑色小三角。在該按鈕上按住鼠標左鍵不放，可從彈出的工具列表中選擇所需工具。（一）Photoshop的工作界面工具箱：（一）Photoshop的工作界面文檔窗口：文檔窗口是顯示和瀏覽圖像文件的區(qū)域，也是繪制、編輯和處理圖像的區(qū)域。文檔窗口帶有自己的標題欄；當打開多個文檔時各個標題欄將并列顯示，通過單擊標題欄名可在各文檔之間切換。單擊并拖動某個標題欄可使該文檔脫離文檔窗口，變?yōu)楦訝顟B(tài)，此時也叫圖像窗口。（一）Photoshop的工作界面文檔窗口：（一）Photoshop的工作界面1．新建文檔步驟1選擇“文件”>“新建”菜單，彈出“新建”對話框；步驟2在“新建”對話框中設置文件名稱、寬度、高度、分辨率、顏色模式、背景顏色及高級選項等設置。設置完成后，單擊“確定”按鈕，即可創(chuàng)建一個新文檔。（二）文檔的新建、打開及保存1．新建文檔（二）文檔的新建、打開及保存2．打開圖像文件步驟1選擇“文件”>“打開”菜單，彈出“打開”對話框步驟2在“打開”對話框的“查找范圍”下拉列表中選擇文件所在目錄，在文件列表中找到要打開的文件并單擊選中，然后單擊“打開”按鈕即可打開文件。（二）文檔的新建、打開及保存2．打開圖像文件（二）文檔的新建、打開及保存3．保存圖像文件步驟1如果要保存的圖像為新建文件，選擇“文件”>“存儲”菜單（或按下【Ctrl+S】組合鍵）。步驟2在“保存在”下拉列表中選擇文件要存放的位置（磁盤/文件夾），在“文件名”文本框中輸入文件的名稱，在“格式”下拉列表中選擇所需保存的文件格式。步驟3設置完成后，單擊“保存”按鈕，即可將文件保存在指定的文件夾中。在編輯圖像時，如果不希望對源圖像文件進行更改，可選擇“文件”>“存儲為”菜單，或按【Ctrl+Shift+S】組合鍵，將編輯后的圖像文件以其他名稱保存。（二）文檔的新建、打開及保存3．保存圖像文件（二）文檔的新建、打開及保存1．調整圖像大小步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾中的“小花.jpg”文件。選擇“圖像”>“圖像大小”菜單，打開“圖像大小”對話框。步驟2在對話框中“像素大小”選項區(qū)的“寬度”或“高度”文本框中輸入值。圖像的高度、寬度和分辨率變小的同時，在對話框的上方可看到圖像大小也由之前的7.66M，減小到1.23M，單擊“確定”按鈕，關閉對話框，可調整圖像的大小與分辨率。（三）圖像基本操作1．調整圖像大?。ㄈ﹫D像基本操作2．裁剪圖像步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾中的“外國美女.jpg”文件。在工具箱中選擇“裁剪工具”，在圖像中按住鼠標左鍵不放并拖動以繪制裁切區(qū)域，釋放鼠標后，將出現一個裁剪框，裁剪框外是被裁剪掉的圖像區(qū)域。步驟2裁剪框可以移動、縮放、旋轉或移動旋轉支點。根據需要設置好裁剪框后，按【Enter】鍵可確認裁切操作。創(chuàng)建裁剪框后，若要取消裁切，可按【Esc】鍵。（三）圖像基本操作2．裁剪圖像（三）圖像基本操作（三）圖像基本操作3．調整圖像顏色PhotoshopCS6中的色彩和色調調整命令都位于“圖像”>“調整”菜單下，利用它們可以輕而易舉地調整出色彩鮮艷絢麗的圖像。步驟1打開本書配套素材“素材與實”>“Ph4”文件夾中的“門.jpg”文件。（三）圖像基本操作3．調整圖像顏色步驟2選擇“圖像”>“調整”>“色階”菜單，或按【Ctrl+L】組合鍵，打開“色階”對話框。從“色階”直方圖中可以看出，該照片的像素基本上分布在中等亮度和暗部區(qū)域，對話框的中間部分稱為直方圖，其橫軸代表亮度范圍（從左到右為由全黑過渡到全白），縱軸代表處于某個亮度范圍內的像素數量。調整圖像的色調就是通過移動“色階”對話框中“直方圖”下方幾個滑塊的位置，重新為圖像設定正確的黑白場和中間亮度值來實現的。（三）圖像基本操作步驟2選擇“圖像”>“調整”>“色階”菜單，或按【Ct步驟3將“輸入色階”左側的黑色滑塊稍微向右移動，可以看到照片變暗了。拖動中間的灰色滑塊和右側的白色滑塊可看到圖像亮度的變化。（三）圖像基本操作步驟3將“輸入色階”左側的黑色滑塊稍微向右移動，可以步驟4按住【Alt】鍵，“色階”對話框中的“取消”按鈕變成“復位”按鈕，單擊“復位”按鈕，使各項參數恢復到初始狀態(tài)。步驟5將“輸入色階”的灰色滑塊稍向左移動提亮部分黑色像素區(qū)域。將白色滑塊向左移動，確定該點為圖像最亮的點，也稱為“白場”。將“輸入色階”的黑色滑塊稍微向右移動一點，確定該點為圖像最暗的點，也稱為“黑場”，如圖4-24a所示。（三）圖像基本操作步驟4按住【Alt】鍵，“色階”對話框中的“取消”按鈕步驟6這樣，圖像有了最暗和最亮的像素，色調就基本正常了。最后單擊“確定”按鈕，關閉對話框。除自己調整色階外，還可以使用“圖像”菜單下的“自動色調”“自動對比度”等命令，讓系統(tǒng)自動調整圖像色調和對比度。限于篇幅原因，此處不做詳細介紹。（三）圖像基本操作步驟6這樣，圖像有了最暗和最亮的像素，色調就基本正常了4．創(chuàng)建選區(qū)創(chuàng)建圖像選區(qū)的工具有許多種，其中“矩形選框工具”、“橢圓選框工具”、“單行選框工具”和“單列選框工具”主要用來創(chuàng)建規(guī)則選區(qū)。除規(guī)則選區(qū)工具外，PhotoshopCS6還提供了3種套索工具：“套索工具”、“多邊形套索工具”和“磁性套索工具”。利用它們可以非常方便地繪制出各種不規(guī)則選區(qū)。下面以“套索工具”為例，介紹創(chuàng)建不規(guī)則選區(qū)的方法。（三）圖像基本操作4．創(chuàng)建選區(qū)（三）圖像基本操作步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾中的“游船.jpg”文件，選擇“套索工具”，將光標移至圖像窗口中木船的左側，按住鼠標左鍵不放并沿著木船的輪廓拖動步驟2當鼠標回到起點時釋放鼠標按鈕，可得到一個封閉的選區(qū)。（三）圖像基本操作步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾步驟3如果直接將選區(qū)內的木船圖像拖至其他圖像窗口中，圖像的邊緣會非常生硬，此時就需要對選區(qū)進行羽化處理。按【Shift+F6】組合鍵，在彈出的“羽化選區(qū)”對話框中設置“羽化半徑”為10像素。單擊“確定”按鈕，關閉對話框。步驟4打開本書配套素材“素材與實例”>“Ph4”文件夾中的“涼亭.jpg”文件，用“移動工具”將選區(qū)內的小木船拖至“涼亭.jpg”圖像窗口中，并放置在合適的位置。這么簡單的幾步就使湖面上多了一只小木船。（三）圖像基本操作步驟3如果直接將選區(qū)內的木船圖像拖至其他圖像窗口中，圖5．圖層的基本操作我們可以把“圖層”理解為幾層透明的玻璃疊加在一起，每層玻璃上都有不同的畫面，可以單獨對每層玻璃上的圖像作處理，而不會影響其他層的圖像。改變圖層的順序和屬性可以改變圖像的最后顯示效果。右邊圖像文件是由“背景”“圖層1”“圖層2”3個圖層組成的。（三）圖像基本操作5．圖層的基本操作（三）圖像基本操作在PhotoshopCS6中，利用“圖層”面板可以顯示和編輯當前圖像窗口中的所有圖層，如創(chuàng)建圖層、刪除圖層、重命名圖層，調整圖層順序，創(chuàng)建圖層組和圖層蒙版等。（三）圖像基本操作在PhotoshopCS6中，利用“圖層”面板可以顯示和編（1）選擇圖層要對某個圖層中的圖像進行編輯操作，首先要選中該圖層。選擇圖層的方法如下：在“圖層”面板中，單擊某個圖層可選中該圖層，將其置為當前圖層。要選擇多個連續(xù)的圖層，可在按住【Shift】鍵的同時單擊首尾兩個圖層。要選擇多個不連續(xù)的圖層，可在按住【Ctrl】鍵的同時依次單擊要選擇的圖層。注意：按住【Ctrl】鍵單擊時不要單擊圖層縮覽圖，否則將載入該圖層的選區(qū)。要選擇所有圖層（背景圖層除外），可選擇“選擇”>“所有圖層”菜單。（三）圖像基本操作（1）選擇圖層（三）圖像基本操作（2）刪除與復制圖層要刪除不需要的圖層，可在“圖層”面板中選中要刪除的圖層，然后單擊面板下方的“刪除圖層”按鈕。要復制圖層，可在“圖層”面板中選中要復制的圖層，然后將其拖至“新建圖層”按鈕上。（3）調整圖層的疊放順序調整圖層疊放順序的方法非常簡單，在要移動的圖層上單擊并按住鼠標向上或向下拖動，即可向上或向下移動圖層。（三）圖像基本操作（2）刪除與復制圖層（三）圖像基本操作（4）圖層的隱藏與顯示當一幅圖像有多個圖層時，可通過隱藏一些圖層以方便查看其他圖層上的內容。隱藏圖層的方法很簡單，只需單擊要隱藏圖層左側的眼睛圖標即可關閉該層的顯示（三）圖像基本操作（4）圖層的隱藏與顯示（三）圖像基本操作6．文本的基本操作在Photoshop中，系統(tǒng)提供了4種文字工具：“橫排文字工具”、“直排文字工具”、“橫排文字蒙版工具”和“直排文字蒙版工具”。（1）輸入文本普通文本是一個水平或垂直的文本行，選擇“橫排文字工具”或“直排文字工具”后，在圖像中單擊鼠標左鍵，然后使用鍵盤輸入文字即可。（三）圖像基本操作6．文本的基本操作（三）圖像基本操作步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾中的“又見秋葉.jpg”文件，選擇工具箱中的“直排文字工具”步驟2屬性設置好后，在圖像中單擊，待閃爍光標出現后，即可開始輸入文字。此時系統(tǒng)會自動新建一個文字圖層。（三）圖像基本操作步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾（2）選擇文本要編輯文字，首先要選取文字，其操作方法有以下兩種:雙擊文本圖層縮覽圖，可將該層的所有文字選中。選擇“橫排文字工具”或“直排文字工具”，然后將光標移至文字區(qū)單擊，系統(tǒng)會自動將文字圖層設置為當前圖層，并進入文字編輯狀態(tài)，此時即可按住鼠標左鍵不放拖動選中單個或多個文字。（三）圖像基本操作（2）選擇文本（三）圖像基本操作（3）設置文本格式設置文本格式包括設置文本的字體、字號、顏色、字符間距等參數，具體方法為：首先選中要設置的文本，然后在工具屬性欄中的相應設置項中進行設置即可。如果工具屬性欄中沒有需要的設置項（比如字符間距），可以選擇“窗口”>“字符”菜單，打開“字符”面板進行設置。如要設置段落格式，可選擇“窗口”>“段落”菜單，打開“段落”面板進行設置。（三）圖像基本操作（3）設置文本格式（三）圖像基本操作“字符”面板中常用設置項的意義：設置行距：用于設置文字行與行之間的距離。設置所選字符的字距：可以設置文字之間的距離，值越大，字符之間的距離越大。垂直縮放：用于設置字符的縮放高度。水平縮放：用于設置字符的縮放寬度。設置基線偏移：設置文字基線（下邊線）偏移，正值上移，負值下移。單擊相應的按鈕分別用于設置字體的仿粗體、仿斜體、全部大寫字母、小型大寫字母、上標、下標、下劃線和刪除線。（三）圖像基本操作“字符”面板中常用設置項的意義：（三）圖像基本操作網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例任務描述動畫是通過連續(xù)播放一系列畫面，在視覺上造成連續(xù)變化的圖畫效果。適當地在網頁中應用動畫可以使頁面更活潑，更有吸引力。任務描述（一）SWF動畫格式

（二）GIF動畫格式一、網絡動畫格式（一）SWF動畫格式（二）GIF動畫格式一、網絡動畫格式SWF動畫是一種矢量動畫格式，具有品質高、體積小、交互性強、可帶聲音和兼容性好等特點，并且可以在下載的同時進行流暢的播放，完全打破了網絡帶寬的限制，非常適合在網上傳播。SWF文件是由FLA文件在Flash中編輯完成后輸出的成品文件，可以由Flash插件來播放，也可以制成單獨的可執(zhí)行文件，無須插件即可播放。（一）SWF動畫格式SWF動畫是一種矢量動畫格式，具有品質高、體積小、交互性強、GIF（GraphicsInterchangeFormat）的原義是“圖像互換格式”。GIF文件數據是一種基于LZW算法的連續(xù)色調的無損壓縮格式，其壓縮率一般在50%左右。一個GIF文件中可以存儲多幅彩色圖像。GIF文件不屬于任何應用程序，目前幾乎所有相關軟件都支持它。（二）GIF動畫格式GIF（GraphicsInterchangeForma（一）Flash的工作界面

（二）Flash動畫創(chuàng)作流程二、常用動畫編輯軟件Flash的使用

（三）Flash文檔基本操作（一）Flash的工作界面（二）Flash動畫創(chuàng)作流程二、啟動FlashCS6，會打開其起始頁，如圖4-48所示。單擊“新建”列中的“ActionScript3.0”或“ActionScript2.0”選項（ActionScript是Flash自帶的編程語言，它后面的數字是版本號，本書若無特別說明都是選擇ActionScript3.0）即可新建一個Flash文檔，并進入FlashCS6的工作界面（一）Flash的工作界面啟動FlashCS6，會打開其起始頁，如圖4-48所示。單FlashCS6工作界面特有的各組成元素的作用。文檔選項卡：當打開多個文檔后，單擊由文檔名稱形成的文檔選項卡標簽可切換當前編輯的文檔，單擊文檔選項卡右側的“關閉”按鈕，可關閉相應的文檔。編輯欄：用于選擇需要進行編輯的場景、元件及設置舞臺顯示比例。舞臺：舞臺是用戶創(chuàng)作和編輯動畫內容的場所。在工具箱中選擇繪圖或編輯工具，并在“時間軸”面板中選擇需要處理的幀后，便可以在舞臺中繪制或編輯該幀的圖形。注意，位于舞臺外的內容在播放動畫時不會被顯示。（一）Flash的工作界面FlashCS6工作界面特有的各組成元素的作用。（一）Fl工具箱：提供了繪制、編輯和填充圖形，以及縮放和平移舞臺的工具。

“時間軸”面板：默認情況下，“時間軸”面板位于舞臺下方，用于組織和控制動畫內容，它主要包括圖層和時間幀兩部分。（一）Flash的工作界面工具箱：提供了繪制、編輯和填充圖形，以及縮放和平移舞臺的工具“屬性”面板：“屬性”面板默認位于舞臺右側，利用它可以方便地查看和更改當前選定對象的屬性。當前選定的對象不同，“屬性”面板中的選項也會不同。其他面板：例如，利用“顏色”面板可以設置圖形的填充色或線條顏色；利用“庫”面板可以保管Flash動畫中用到的素材，如元件、音樂、視頻和位圖等素材。（一）Flash的工作界面“屬性”面板：“屬性”面板默認位于舞臺右側，利用它可以方便地（1）前期策劃：在著手制作動畫前，應首先明確動畫要達到的效果，然后確定劇情和角色，再根據劇情確定動畫風格。（2）準備素材：做好前期策劃后，便可以開始根據策劃的內容繪制角色造型、背景及使用的道具等對象，并將這些繪制好的對象轉換成元件以備使用（聲音、圖形等動畫素材可以自己制作，也可以從網上下載，或購買相關素材）。（3）制作動畫：一切準備妥當后便可以開始制作動畫了，其中主要包括為角色設計動作、角色與背景的合成、動畫與聲音的合成等。（二）Flash動畫創(chuàng)作流程（1）前期策劃：在著手制作動畫前，應首先明確動畫要達到的效果（4）后期調試：后期調試包括調試動畫和測試動畫兩部分。調試動畫主要是針對動畫的細節(jié)、動畫片段的銜接、場景的切換、聲音與動畫的協調等進行調整，使整個動畫顯得更加流暢和有節(jié)奏感；測試動畫是對動畫在本地和網上的最終播放效果進行檢測，以保證動畫能完美地展現在觀眾面前。（5）發(fā)布作品：動畫制作完成并調試無誤后，便可以將其導出或發(fā)布為.swf格式的影片文件，并上傳到網絡供人們欣賞和下載。（二）Flash動畫創(chuàng)作流程（4）后期調試：后期調試包括調試動畫和測試動畫兩部分。調試動1．新建文檔新建Flash文檔的方法主要有以下兩種。（1）啟動FlashCS6時，在開始頁的“新建”設置區(qū)單擊要創(chuàng)建的文檔類型，如單擊“ActionScript3.0”選項。（2）進入FlashCS6工作界面后，選擇“文件”>“新建”菜單或按快捷鍵【Ctrl+N】，在打開的“新建文檔”對話框中選擇要新建的文檔類型，單擊“確定”按鈕，如圖4-51所示。（三）Flash文檔基本操作1．新建文檔（三）Flash文檔基本操作1．新建文檔新建Flash文檔的方法主要有以下兩種。（1）啟動FlashCS6時，在開始頁的“新建”設置區(qū)單擊要創(chuàng)建的文檔類型，如單擊“ActionScript3.0”選項。（2）進入FlashCS6工作界面后，選擇“文件”>“新建”菜單或按快捷鍵【Ctrl+N】，在打開的“新建文檔”對話框中選擇要新建的文檔類型，單擊“確定”按鈕。（三）Flash文檔基本操作1．新建文檔（三）Flash文檔基本操作2．保存文檔在完成對Flash文檔的編輯和修改后，需要對其執(zhí)行保存操作。為此，可選擇“文件”>“保存”菜單或按快捷鍵【Ctrl+S】，在打開的“另存為”對話框中選擇文檔保存路徑，輸入保存文件名，選擇保存類型，然后單擊“保存”按鈕保存文檔。（三）Flash文檔基本操作2．保存文檔（三）Flash文檔基本操作3．打開文檔若要打開以前保存的文檔進行再次編輯，可使用以下幾種方法。（1）啟動FlashCS6時，在開始頁左側“打開最近的項目”下選擇最近保存過的文檔。（2）在工作界面中選擇“文件”>“打開”菜單，或按快捷鍵【Ctrl+O】，在打開的“打開”對話框中選擇要打開的文檔，單擊“打開”按鈕。（3）直接在保存文檔的文件夾中雙擊要打開的Flash文檔。（三）Flash文檔基本操作3．打開文檔（三）Flash文檔基本操作4．預覽動畫在制作動畫過程中，按下【Enter】鍵，可以測試動畫在時間軸上的播放效果；反復按【Enter】鍵可在暫停測試和繼續(xù)測試之間切換。若希望測試動畫的實際播放效果，可選擇“控制”>“測試影片”菜單，或按快捷鍵【Ctrl+Enter】，在FlashPlayer播放器中預覽動畫。（三）Flash文檔基本操作4．預覽動畫（三）Flash文檔基本操作傳統(tǒng)動畫和影視都是通過連續(xù)播放一組靜態(tài)畫面實現的，每一幅靜態(tài)畫面就是一個幀，Flash動畫也是如此。在時間軸的不同幀上放置不同的對象或設置同一對象的不同屬性，如位置、形狀、大小、顏色、透明度等，當播放頭在這些幀之間移動時，便形成了動畫。（四）Flash動畫制作原理傳統(tǒng)動畫和影視都是通過連續(xù)播放一組靜態(tài)畫面實現的，每一幅靜態(tài)下面通過制作一個心跳的動畫來說明Flash動畫的制作原理。步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾中的“動畫原理——心素材.fla”文檔，在該文檔時間軸的第1幀是一顆紅心圖形。步驟2在時間軸面板中單擊選中第2幀，然后按【F6】鍵插入一個關鍵幀，此時第1幀上的心圖形會自動延伸到新建的第2個關鍵幀上，且第2幀自動成為當前幀。（四）Flash動畫制作原理下面通過制作一個心跳的動畫來說明Flash動畫的制作原理。（步驟3單擊選中工具箱中的“任意變形工具”，單擊第2幀上的心圖形，然后按住【Shift】健，將鼠標指針移至心圖形左下角的變形控制柄上，按住鼠標左鍵并稍微向左下方拖動，適當放大心圖形。步驟4按快捷鍵【Ctrl+Enter】預覽動畫，可看到一顆心在跳動。（四）Flash動畫制作原理步驟3單擊選中工具箱中的“任意變形工具”，單擊第2幀網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例任務描述隨著電腦的普及，除了用電視、DVD等設備收看影音節(jié)目外，使用電腦看影音節(jié)目的觀象也越來越普遍，同時出現了很多不同的音視頻格式，不同格式有不同的播放特點。本任務簡單介紹網絡音視頻的相關知識。任務描述流媒體就是指采用流式傳輸技術在網絡上連續(xù)實時播放的媒體格式，如音頻、視頻或多媒體文件。流媒體技術也稱流式媒體技術，所謂流媒體技術就是把連續(xù)的影像和聲音信息經過特殊的壓縮方式處理成一個個壓縮包后放上網站服務器，再由服務器向用戶的計算機順序或實時地傳送各個壓縮包。在采用流式傳輸方式的系統(tǒng)中，用戶可以一邊下載一邊播放流式媒體文件，而不需要像非流式播放那樣，等到整個文件下載到自己的計算機上才可以觀看。一、流媒體技術流媒體就是指采用流式傳輸技術在網絡上連續(xù)實時播放的媒體格式，流媒體技術先在使用者端的計算機上創(chuàng)建一個緩沖區(qū)，在播放前預先下一段數據作為緩沖，在網路實際連線速度小于播放所耗的速度時，播放程序就會取用一小段緩沖區(qū)內的數據，這樣可以避免播放的中斷，也使得播放品質得以保證。流媒體技術在互聯網信息服務方面得到了廣泛的應用，如多媒體新聞發(fā)布、在線直播、網絡廣告、電子商務、視頻點播、遠程醫(yī)療、網絡電臺、實時視頻會議等。一、流媒體技術流媒體技術先在使用者端的計算機上創(chuàng)建一個緩沖區(qū)，在播放前預先（一）音頻文件格式

（二）視頻文件格式二、網絡音視頻的格式（一）音頻文件格式（二）視頻文件格式二、網絡音視頻的格式WAV格式文件具有較好的聲音品質，用戶可以用CD、磁帶、麥克風等獲取WAV文件。WAV文件通常體積較大，嚴格限制了可以在WEB頁面上使用的聲音剪輯的長度。WAV格式具有文件尺寸小、音質好的特點。最大的優(yōu)點就是能以較小的比特率、較大的壓縮比達到近乎完美的CD音質，可以用MP3格式對WAV格式的音頻文件進行壓縮。MP3格式MIDI格式該格式一般用于器樂類的音頻文件，常被玩音樂的人使用。很多瀏覽器都支持MIDI格式的文件，不需要安裝插件。根據聲卡的不同，聲音效果也會有所不同。（一）音頻文件格式WAV格式文件具有較好的聲音品質，用戶可以用CD、磁帶、麥克1．AVI格式AVI是音視頻交錯（AudioVideoInterleaved）的英文縮寫，該格式允許視頻和音頻交錯在一起同步播放，支持256色和RLE壓縮，但AVI文件并未限定壓縮標準。AVI文件格式只是作為控制界面上的標準，不具有兼容性。AVI文件圖像質量好，可以跨多平臺使用，但體積過于龐大，而且壓縮標準不統(tǒng)一。（二）視頻文件格式1．AVI格式（二）視頻文件格式（二）視頻文件格式2．MOV格式MOV即QuickTime影片格式，它是由蘋果公司開發(fā)的一種視頻文件格式，用于保存音視頻信息，具有先進的視頻和音頻功能。QuickTime文件格式支持25位彩色，支持領先的集成壓縮技術，提供150多種視頻效果，并配有提供了200多種MIDI兼容音響和設備的聲音裝置。QuickTime以其領先的多媒體技術和跨平臺特性、較小的存儲空間要求、技術細節(jié)的獨立性及系統(tǒng)的高度開放性得到業(yè)界的廣泛認可。（二）視頻文件格式2．MOV格式（二）視頻文件格式3.WMV格式

WMV（WindowsMediaVideo）是微軟公司開發(fā)的一組數位視頻編解碼格式的通稱，ASF（AdvancedSystemsFormat）是其封裝格式。

WMV的優(yōu)點：本地或網絡回放、可擴充的媒體類型、部件下載、可伸縮的媒體類型、多語言支持、環(huán)境獨立性、豐富的流間關系及擴展性等。（二）視頻文件格式3.WMV格式（二）視頻文件格式4．MPEG格式

MPEG（MovingPictureExpertsGroup）格式，是一個國際標準組織（ISO）認可的媒體封裝形式。

該文件格式采用有損壓縮方法減少運動圖像中的冗余信息，同時保證每秒30幀的圖像動態(tài)刷新率.

MPEG文件格式的圖像和音響的質量非常好。

MPEG采用的壓縮方法是將視頻信號分段取樣，對相鄰各幀未變化的畫面忽略不計，僅僅記錄變化了的內容，壓縮比很大。。（二）視頻文件格式4．MPEG格式（二）視頻文件格式5．RM格式

RM格式是RealNetworks公司開發(fā)的一種流媒體視頻文件格式，RealVideo除了可以以普通的視頻文件形式播放之外，還可以與RealServer服務器相配合，在數據傳輸過程中邊下載邊播放視頻影像。RM格式主要包括RealAudio，RealVideo和RealFlash三類文件。（二）視頻文件格式5．RM格式（一）網絡音視頻的作用

（二）網絡音視頻的編輯三、網絡音視頻的編排（一）網絡音視頻的作用（二）網絡音視頻的編輯三、網絡音視頻（一）網絡音視頻的作用

聲音對于文字信息是一個有力的補充?？梢砸龑鼙娬_理解影像信息的含義；可以對影像信息進行補充，傳達影像文件無法表現的主觀信息；利用語言的概括性可以簡潔而清楚地傳達新聞信息。

視頻是一種結合了圖像和聲音兩者優(yōu)點的信息形式；視頻中不同的鏡頭用不同的方式加以組合，可能產生不同的效果。（一）網絡音視頻的作用聲音對于文字信息是一個有力的補（二）網絡音視頻的編輯1．視頻的聲畫字要同步只有將聲音、動畫、文字3種信息有機結合才能使新聞看起來更流暢、更容易被人接受。2．視頻片段的銜接要合理

視頻片段的銜接一方面要符合受眾的觀看和認知邏輯，另一方面也要符合受眾的審美習慣。找到好的視頻剪接點，可以使兩個畫面流暢地連接起來。（二）網絡音視頻的編輯1．視頻的聲畫字要同步（二）網絡音視頻的編輯3．視頻的畫面選取要合理在選取新聞畫面時必須要合理，如過于刺激和血腥的場面容易引起觀看者的反感和恐懼心理，同時也要考慮未成年人的心理。4．注意音頻的質量聲音的保真度要高，要達到一定的響度要求，除聲源外不能有明顯的持續(xù)性噪聲。5．講究內容集中不論視頻還是音頻，都要講究內容集中。如果有連續(xù)報道，可以以文字形式注明為“連續(xù)報道”。（二）網絡音視頻的編輯3．視頻的畫面選取要合理網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例本例通過制作一個簡單的廣告條，進一步了解Photoshop軟件及其在實際網頁制作中的應用，效果（圖像源文件見本書配套素材“素材與實例Ph4\example3”目錄下的“banner.psd”）。使用Photoshop制作網頁廣告條本例通過制作一個簡單的廣告條，進一步了解Photoshop軟步驟1啟動PhotoshopCS6后，選擇“文件”>“新建”菜單，打開“新建”對話框。步驟2設置“名稱”為“banner”，“寬度”和“高度”分別為“760像素”和“100像素”，“分辨率”為“72像素/英寸”，“顏色模式”為“RGB顏色，8位”，“背景內容”為“白色”。步驟3單擊“確定”按鈕，創(chuàng)建一個名為“banner”的文檔。使用Photoshop制作網頁廣告條步驟1啟動PhotoshopCS6后，選擇“文件”>步驟4選擇“文件”>“打開”菜單，打開“打開”對話框。在“查找范圍”下拉列表中選擇文件所在位置，此處為本書配套素材“素材與實例\Ph4\example3”；在文件列表中選擇要打開的文件，此處為“he.jpg”。步驟5單擊“打開”按鈕，打開文檔“he.jpg”。使用Photoshop制作網頁廣告條步驟4選擇“文件”>“打開”菜單，打開“打開”對話框。步驟6單擊“文檔標題欄”中“he.jpg”文檔標題，按住鼠標左鍵向下拖動，待文檔窗口脫離文檔標題欄后松開鼠標。步驟7使用“移動工具”單擊“he.jpg”中的圖像，按住鼠標左鍵向上拖動至文檔“banner”窗口中，之后松開鼠標。使用Photoshop制作網頁廣告條步驟6單擊“文檔標題欄”中“he.jpg”文檔標題，按步驟8單擊“he.jpg”標簽欄中的“關閉”按鈕，關閉文檔。步驟9選擇“窗口”>“圖層”菜單，打開“圖層”調板；首先單擊“背景”圖層，然后按住【Shift】鍵的同時單擊“圖層1”，同時選中兩個圖層。使用Photoshop制作網頁廣告條步驟8單擊“he.jpg”標簽欄中的“關閉”按鈕，關步驟10選擇“圖層”>“對齊”>“垂直居中”菜單，使圖像在文檔背景上垂直居中對齊使圖像垂直居中對齊。步驟11選擇“圖層1”，并按鍵盤上的向右方向鍵【→】，使圖像向右移動，直到圖像左側邊緣接近上標尺中的“7”處?？梢栽谑褂肞hotoshop制作網頁廣告條步驟10選擇“圖層”>“對齊”>“垂直居中”菜單，使圖步驟12在工具箱中選擇“橫排文字工具”，在“工具屬性欄”中設置字體為“文鼎CS大黑”，文字大小為“20點”，文字顏色為草綠色“#80ba0f”。使用Photoshop制作網頁廣告條步驟12在工具箱中選擇“橫排文字工具”，在“工具屬性步驟12在工具箱中選擇“橫排文字工具”，在“工具屬性欄”中設置字體為“文鼎CS大黑”，文字大小為“20點”，文字顏色為草綠色“#80ba0f”。使用Photoshop制作網頁廣告條步驟12在工具箱中選擇“橫排文字工具”，在“工具屬性步驟13在文檔窗口中白色背景處單擊，輸入文本“做最棒的裝修”，然后按【Ctrl+Enter】組合鍵結束輸入；在剛輸入的文本右下方單擊，再次輸入文本“讓每一位客戶滿意”，然后按【Ctrl+Enter】組合鍵結束輸入，如圖4-80所示。使用Photoshop制作網頁廣告條步驟13在文檔窗口中白色背景處單擊，輸入文本“做最棒的步驟14選擇“文件”>“存儲”菜單，打開“存儲為”對話框，在“保存在”下拉列表中選擇保存位置，在“文件名”文本框中輸入文檔名“banner”，在“格式”下拉列表中選擇“psd”，然后單擊“保存”按鈕。步驟15彈出“Photoshop格式選項”對話框，單擊“確定”按鈕即可。使用Photoshop制作網頁廣告條步驟14選擇“文件”>“存儲”菜單，打開“存儲為”對話《網絡信息編輯實務》項目四課件《網絡信息編輯實務》項目四課件網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例任務描述隨著網絡技術的不斷發(fā)展，圖片已經成為媒體傳播信息中的一種重要形式。好的圖片不但可以為報道增姿添彩，還常常能取得事半功倍的效果。任務描述（一）網絡圖片的類型

（二）網絡圖片的格式一、網絡圖片的類型及格式（一）網絡圖片的類型（二）網絡圖片的格式一、網絡圖片的類型（一）網絡圖片的類型1．照片照片是網絡新聞中最常見的圖片類型。照片通常分為新聞照片和非新聞照片兩大類。新聞照片就是以新聞事件、新聞人物為拍攝對象，再現新聞現場情景的照片，其可以作為獨立的新聞報道出現在版面上，也可以配合文字報道一同編發(fā)。（一）網絡圖片的類型1．照片（一）網絡圖片的類型2．圖示網絡新聞中的圖示一般可分為兩大類：一類是新聞圖表，主要有折線圖、餅圖、柱狀圖、架構圖另一類是新聞圖示，多為對事件發(fā)生的時間、地點、路線等的描述。（一）網絡圖片的類型2．圖示（一）網絡圖片的類型3．漫畫漫畫是用簡單而夸張的手法來描繪生活或時事的一種藝術形式。4．圖飾圖飾是指僅作為版面裝飾的圖片，它不傳播任何新聞要素信息。（一）網絡圖片的類型3．漫畫1．JPEG格式JPEG（JointPhotographicExpertsGroup）圖像是網頁中最常用的圖像格式，其采用的有損壓縮算法能夠在提供良好壓縮性能的同時，展現十分豐富生動的圖像。缺點：對圖像壓縮越多，信息丟失就越多，從而導致圖像變得模糊、朦朧、無法看清。所以在將文件保存為JPEG格式時，需要在壓縮率與質量之間有一個平衡。（二）網絡圖片的格式1．JPEG格式（二）網絡圖片的格式2．GIF格式GIF（GraphicsInterchangeFormat）格式采用無損壓縮技術，只要圖像不多于256種顏色（8位顏色），就可既減小文件大小，又保持成像質量。GIF格式普遍適用于圖表、按鈕、剪貼畫等只需要少量顏色或相對簡單的圖像。另外，GIF格式支持透明功能和動畫效果。其動畫效果的實現是通過在一個GIF文件中保存多幅圖像，把存于該文件中的多幅圖像數據逐幅讀出并顯示到屏幕上，即構成一種最簡單的動畫。（二）網絡圖片的格式2．GIF格式（二）網絡圖片的格式3．PNG格式PNG（PortableNetworkGraphicFormat）圖像文件格式，其設計目的是試圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。PNG格式支持24位全彩色，其采用非破壞性壓縮，可以完整和精確地保存圖像的亮度和彩度，同時提供比GIF和JPEG格式還快的交錯格式及更好的透明背景。缺點：其采用無損壓縮方式，因此文件通常比JPEG大，但小于GIF格式文件。（二）網絡圖片的格式3．PNG格式（二）網絡圖片的格式（一）網絡圖片的編排（二）網絡圖片的原則二、網絡圖片的編排與應用原則（一）網絡圖片的編排（二）網絡圖片的原則二、網絡圖片的編排與1．圖片放在頁面左上方將圖片放在頁面左上方符合人們從左到右的視覺和閱讀習慣，一般左上方是人們閱讀和瀏覽的視覺起點。許多網站的首頁、頻道或欄目首頁都采用這種方式，如新浪網“新聞”頻道便采用了這種編排方式。（一）網絡圖片的編排1．圖片放在頁面左上方（一）網絡圖片的編排2．圖片放在頁面右上方這種編排方式相對于將圖片放在頁面左上方來說要少一些，所以往往能在視覺和閱讀感受上給受眾以突破的感覺。Tom新聞中心便采用了這種方式（一）網絡圖片的編排2．圖片放在頁面右上方（一）網絡圖片的編排3．采用多個小圖縱向或橫向排列通過水平、垂直線分割，將多幅圖像在頁面上整齊有序地排列成塊狀，這種結構使得頁面生動活潑，具有強烈的整體感和秩序美感，如圖4-7所示的搜狐網“讀書”頻道便采用了這種編排方式。（一）網絡圖片的編排3．采用多個小圖縱向或橫向排列（一）網絡圖片的編排4．放置在消息正文的正上方一般在新聞正文的報道頁面中，圖片放置在正文的正上方；有時也會將圖片插入到正文中，從而起到調節(jié)版面的作用。（一）網絡圖片的編排4．放置在消息正文的正上方（一）網絡圖片的編排在編輯圖片過程中，必須對圖片的真實性進行判斷，這樣才能維護新聞的真實性。同時圖片的使用必須恰當，要避免誤導受眾。真實性思想性是指圖片要能突出文章的重點，圖文搭配要合理，另外要審核圖片有沒有脫節(jié)或偏離主題的現象。尤其為新聞報道配發(fā)的圖片，更要注意圖片的選用。思想性藝術性好的圖片不僅僅能簡單地圖解文字，還是在報道文章內容的前提下進行的藝術再創(chuàng)作。（二）網絡圖片的原則實用性在滿足真實性、思想性、藝術性原則的基礎上，從編輯的角度來講，圖片還應便于排版，這一點對網頁的整體美觀也是非常重要的。在編輯圖片過程中，必須對圖片的真實性進行判斷，這樣才能維護新（一）Photoshop的工作界面面

（二）文檔的新建、打開及保存三、常用圖片編輯軟件Photoshop的使用

（三）圖像基本操作（一）Photoshop的工作界面面（二）文檔的新建、打開啟動PhotoshopCS6，打開文檔后進入其工作界面，如圖4-8所示。界面最上方是菜單欄和程序窗口控制按鈕，下面為工具屬性欄，左側為工具箱，中間為文檔窗口，右側有各種功能面板。（一）Photoshop的工作界面啟動PhotoshopCS6，打開文檔后進入其工作界面，如菜單欄和程序窗口控制按鈕：

PhotoshopCS6的菜單欄分為兩部分。左邊顯示了Photoshop程序圖標，右擊該圖標可打開一個快捷菜單；右邊是各種菜單，Photoshop的大部分功能、命令分門別類地放在這些菜單中，只要單擊某一菜單，便會彈出其下拉菜單。菜單欄的右邊是程序窗口控制按鈕，分別單擊這3個按鈕，可以最小化、最大化和關閉程序窗口。（一）Photoshop的工作界面菜單欄和程序窗口控制按鈕： 工具屬性欄：當用戶從工具箱中選擇某種工具后，在菜單欄下方的工具屬性欄中就可以設置相應工具的屬性和參數，如圖4-11所示。而工具屬性欄也會隨著所選工具的不同而變化。（一）Photoshop的工作界面工具屬性欄：（一）Photoshop的工作界面工具箱：PhotoshopCS6的工具箱中包含70余種工具。這些工具大致可分為選區(qū)制作工具、繪畫工具、修飾工具、顏色設置工具及顯示控制工具等幾類，可以使用這些工具方便地編輯圖像、繪制圖形等。要使用某種工具，單擊該工具即可。部分工具的右下角帶有黑色小三角。在該按鈕上按住鼠標左鍵不放，可從彈出的工具列表中選擇所需工具。（一）Photoshop的工作界面工具箱：（一）Photoshop的工作界面文檔窗口：文檔窗口是顯示和瀏覽圖像文件的區(qū)域，也是繪制、編輯和處理圖像的區(qū)域。文檔窗口帶有自己的標題欄；當打開多個文檔時各個標題欄將并列顯示，通過單擊標題欄名可在各文檔之間切換。單擊并拖動某個標題欄可使該文檔脫離文檔窗口，變?yōu)楦訝顟B(tài)，此時也叫圖像窗口。（一）Photoshop的工作界面文檔窗口：（一）Photoshop的工作界面1．新建文檔步驟1選擇“文件”>“新建”菜單，彈出“新建”對話框；步驟2在“新建”對話框中設置文件名稱、寬度、高度、分辨率、顏色模式、背景顏色及高級選項等設置。設置完成后，單擊“確定”按鈕，即可創(chuàng)建一個新文檔。（二）文檔的新建、打開及保存1．新建文檔（二）文檔的新建、打開及保存2．打開圖像文件步驟1選擇“文件”>“打開”菜單，彈出“打開”對話框步驟2在“打開”對話框的“查找范圍”下拉列表中選擇文件所在目錄，在文件列表中找到要打開的文件并單擊選中，然后單擊“打開”按鈕即可打開文件。（二）文檔的新建、打開及保存2．打開圖像文件（二）文檔的新建、打開及保存3．保存圖像文件步驟1如果要保存的圖像為新建文件，選擇“文件”>“存儲”菜單（或按下【Ctrl+S】組合鍵）。步驟2在“保存在”下拉列表中選擇文件要存放的位置（磁盤/文件夾），在“文件名”文本框中輸入文件的名稱，在“格式”下拉列表中選擇所需保存的文件格式。步驟3設置完成后，單擊“保存”按鈕，即可將文件保存在指定的文件夾中。在編輯圖像時，如果不希望對源圖像文件進行更改，可選擇“文件”>“存儲為”菜單，或按【Ctrl+Shift+S】組合鍵，將編輯后的圖像文件以其他名稱保存。（二）文檔的新建、打開及保存3．保存圖像文件（二）文檔的新建、打開及保存1．調整圖像大小步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾中的“小花.jpg”文件。選擇“圖像”>“圖像大小”菜單，打開“圖像大小”對話框。步驟2在對話框中“像素大小”選項區(qū)的“寬度”或“高度”文本框中輸入值。圖像的高度、寬度和分辨率變小的同時，在對話框的上方可看到圖像大小也由之前的7.66M，減小到1.23M，單擊“確定”按鈕，關閉對話框，可調整圖像的大小與分辨率。（三）圖像基本操作1．調整圖像大?。ㄈ﹫D像基本操作2．裁剪圖像步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾中的“外國美女.jpg”文件。在工具箱中選擇“裁剪工具”，在圖像中按住鼠標左鍵不放并拖動以繪制裁切區(qū)域，釋放鼠標后，將出現一個裁剪框，裁剪框外是被裁剪掉的圖像區(qū)域。步驟2裁剪框可以移動、縮放、旋轉或移動旋轉支點。根據需要設置好裁剪框后，按【Enter】鍵可確認裁切操作。創(chuàng)建裁剪框后，若要取消裁切，可按【Esc】鍵。（三）圖像基本操作2．裁剪圖像（三）圖像基本操作（三）圖像基本操作3．調整圖像顏色PhotoshopCS6中的色彩和色調調整命令都位于“圖像”>“調整”菜單下，利用它們可以輕而易舉地調整出色彩鮮艷絢麗的圖像。步驟1打開本書配套素材“素材與實”>“Ph4”文件夾中的“門.jpg”文件。（三）圖像基本操作3．調整圖像顏色步驟2選擇“圖像”>“調整”>“色階”菜單，或按【Ctrl+L】組合鍵，打開“色階”對話框。從“色階”直方圖中可以看出，該照片的像素基本上分布在中等亮度和暗部區(qū)域，對話框的中間部分稱為直方圖，其橫軸代表亮度范圍（從左到右為由全黑過渡到全白），縱軸代表處于某個亮度范圍內的像素數量。調整圖像的色調就是通過移動“色階”對話框中“直方圖”下方幾個滑塊的位置，重新為圖像設定正確的黑白場和中間亮度值來實現的。（三）圖像基本操作步驟2選擇“圖像”>“調整”>“色階”菜單，或按【Ct步驟3將“輸入色階”左側的黑色滑塊稍微向右移動，可以看到照片變暗了。拖動中間的灰色滑塊和右側的白色滑塊可看到圖像亮度的變化。（三）圖像基本操作步驟3將“輸入色階”左側的黑色滑塊稍微向右移動，可以步驟4按住【Alt】鍵，“色階”對話框中的“取消”按鈕變成“復位”按鈕，單擊“復位”按鈕，使各項參數恢復到初始狀態(tài)。步驟5將“輸入色階”的灰色滑塊稍向左移動提亮部分黑色像素區(qū)域。將白色滑塊向左移動，確定該點為圖像最亮的點，也稱為“白場”。將“輸入色階”的黑色滑塊稍微向右移動一點，確定該點為圖像最暗的點，也稱為“黑場”，如圖4-24a所示。（三）圖像基本操作步驟4按住【Alt】鍵，“色階”對話框中的“取消”按鈕步驟6這樣，圖像有了最暗和最亮的像素，色調就基本正常了。最后單擊“確定”按鈕，關閉對話框。除自己調整色階外，還可以使用“圖像”菜單下的“自動色調”“自動對比度”等命令，讓系統(tǒng)自動調整圖像色調和對比度。限于篇幅原因，此處不做詳細介紹。（三）圖像基本操作步驟6這樣，圖像有了最暗和最亮的像素，色調就基本正常了4．創(chuàng)建選區(qū)創(chuàng)建圖像選區(qū)的工具有許多種，其中“矩形選框工具”、“橢圓選框工具”、“單行選框工具”和“單列選框工具”主要用來創(chuàng)建規(guī)則選區(qū)。除規(guī)則選區(qū)工具外，PhotoshopCS6還提供了3種套索工具：“套索工具”、“多邊形套索工具”和“磁性套索工具”。利用它們可以非常方便地繪制出各種不規(guī)則選區(qū)。下面以“套索工具”為例，介紹創(chuàng)建不規(guī)則選區(qū)的方法。（三）圖像基本操作4．創(chuàng)建選區(qū)（三）圖像基本操作步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾中的“游船.jpg”文件，選擇“套索工具”，將光標移至圖像窗口中木船的左側，按住鼠標左鍵不放并沿著木船的輪廓拖動步驟2當鼠標回到起點時釋放鼠標按鈕，可得到一個封閉的選區(qū)。（三）圖像基本操作步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾步驟3如果直接將選區(qū)內的木船圖像拖至其他圖像窗口中，圖像的邊緣會非常生硬，此時就需要對選區(qū)進行羽化處理。按【Shift+F6】組合鍵，在彈出的“羽化選區(qū)”對話框中設置“羽化半徑”為10像素。單擊“確定”按鈕，關閉對話框。步驟4打開本書配套素材“素材與實例”>“Ph4”文件夾中的“涼亭.jpg”文件，用“移動工具”將選區(qū)內的小木船拖至“涼亭.jpg”圖像窗口中，并放置在合適的位置。這么簡單的幾步就使湖面上多了一只小木船。（三）圖像基本操作步驟3如果直接將選區(qū)內的木船圖像拖至其他圖像窗口中，圖5．圖層的基本操作我們可以把“圖層”理解為幾層透明的玻璃疊加在一起，每層玻璃上都有不同的畫面，可以單獨對每層玻璃上的圖像作處理，而不會影響其他層的圖像。改變圖層的順序和屬性可以改變圖像的最后顯示效果。右邊圖像文件是由“背景”“圖層1”“圖層2”3個圖層組成的。（三）圖像基本操作5．圖層的基本操作（三）圖像基本操作在PhotoshopCS6中，利用“圖層”面板可以顯示和編輯當前圖像窗口中的所有圖層，如創(chuàng)建圖層、刪除圖層、重命名圖層，調整圖層順序，創(chuàng)建圖層組和圖層蒙版等。（三）圖像基本操作在PhotoshopCS6中，利用“圖層”面板可以顯示和編（1）選擇圖層要對某個圖層中的圖像進行編輯操作，首先要選中該圖層。選擇圖層的方法如下：在“圖層”面板中，單擊某個圖層可選中該圖層，將其置為當前圖層。要選擇多個連續(xù)的圖層，可在按住【Shift】鍵的同時單擊首尾兩個圖層。要選擇多個不連續(xù)的圖層，可在按住【Ctrl】鍵的同時依次單擊要選擇的圖層。注意：按住【Ctrl】鍵單擊時不要單擊圖層縮覽圖，否則將載入該圖層的選區(qū)。要選擇所有圖層（背景圖層除外），可選擇“選擇”>“所有圖層”菜單。（三）圖像基本操作（1）選擇圖層（三）圖像基本操作（2）刪除與復制圖層要刪除不需要的圖層，可在“圖層”面板中選中要刪除的圖層，然后單擊面板下方的“刪除圖層”按鈕。要復制圖層，可在“圖層”面板中選中要復制的圖層，然后將其拖至“新建圖層”按鈕上。（3）調整圖層的疊放順序調整圖層疊放順序的方法非常簡單，在要移動的圖層上單擊并按住鼠標向上或向下拖動，即可向上或向下移動圖層。（三）圖像基本操作（2）刪除與復制圖層（三）圖像基本操作（4）圖層的隱藏與顯示當一幅圖像有多個圖層時，可通過隱藏一些圖層以方便查看其他圖層上的內容。隱藏圖層的方法很簡單，只需單擊要隱藏圖層左側的眼睛圖標即可關閉該層的顯示（三）圖像基本操作（4）圖層的隱藏與顯示（三）圖像基本操作6．文本的基本操作在Photoshop中，系統(tǒng)提供了4種文字工具：“橫排文字工具”、“直排文字工具”、“橫排文字蒙版工具”和“直排文字蒙版工具”。（1）輸入文本普通文本是一個水平或垂直的文本行，選擇“橫排文字工具”或“直排文字工具”后，在圖像中單擊鼠標左鍵，然后使用鍵盤輸入文字即可。（三）圖像基本操作6．文本的基本操作（三）圖像基本操作步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾中的“又見秋葉.jpg”文件，選擇工具箱中的“直排文字工具”步驟2屬性設置好后，在圖像中單擊，待閃爍光標出現后，即可開始輸入文字。此時系統(tǒng)會自動新建一個文字圖層。（三）圖像基本操作步驟1打開本書配套素材“素材與實例”>“Ph4”文件夾（2）選擇文本要編輯文字，首先要選取文字，其操作方法有以下兩種:雙擊文本圖層縮覽圖，可將該層的所有文字選中。選擇“橫排文字工具”或“直排文字工具”，然后將光標移至文字區(qū)單擊，系統(tǒng)會自動將文字圖層設置為當前圖層，并進入文字編輯狀態(tài)，此時即可按住鼠標左鍵不放拖動選中單個或多個文字。（三）圖像基本操作（2）選擇文本（三）圖像基本操作（3）設置文本格式設置文本格式包括設置文本的字體、字號、顏色、字符間距等參數，具體方法為：首先選中要設置的文本，然后在工具屬性欄中的相應設置項中進行設置即可。如果工具屬性欄中沒有需要的設置項（比如字符間距），可以選擇“窗口”>“字符”菜單，打開“字符”面板進行設置。如要設置段落格式，可選擇“窗口”>“段落”菜單，打開“段落”面板進行設置。（三）圖像基本操作（3）設置文本格式（三）圖像基本操作“字符”面板中常用設置項的意義：設置行距：用于設置文字行與行之間的距離。設置所選字符的字距：可以設置文字之間的距離，值越大，字符之間的距離越大。垂直縮放：用于設置字符的縮放高度。水平縮放：用于設置字符的縮放寬度。設置基線偏移：設置文字基線（下邊線）偏移，正值上移，負值下移。單擊相應的按鈕分別用于設置字體的仿粗體、仿斜體、全部大寫字母、小型大寫字母、上標、下標、下劃線和刪除線。（三）圖像基本操作“字符”面板中常用設置項的意義：（三）圖像基本操作網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例網絡圖片編輯網絡動畫編輯網絡音視頻編輯經典案例任務描述動畫是通過連續(xù)播放一系列畫面，在視覺上造成連續(xù)變化的圖畫效果。適當地在網頁中應用動畫可以使頁面更活潑，更有吸引力。任務描述（一）SWF動畫格式

（二）GIF動畫格式一、網絡動畫格式（一）SWF動畫格式（二）GIF動畫格式一、網絡動畫格式SWF動畫是一種矢量動畫格式，具有品質高、體積小、交互性強、可帶聲音和兼容性好等特點，并且可以在下載的同時進行流暢的播放，完全打破了網絡帶寬的限制，非常適合在網上傳播。SWF文件是由FLA文件在Flash中編輯完成后輸出的成品文件，可以由Flash插件來播放，也可以制成單獨的可執(zhí)行文件，無須插件即可播放。（一）SWF動畫格式SWF動畫是一種矢量動畫格式，具有品質高、體積小、交互性強、GIF（GraphicsInterchangeFormat）的原義是“圖像互換格式”。GIF文件數據是一種基于LZW算法的連續(xù)色調的無損壓縮格式，其壓縮率一般在50%左右。一個GIF文件中可以存儲多幅彩色圖像。GIF文件不屬于任何應用程序，目前幾乎所有相關軟件都支持它。（二）GIF動畫格式GIF（GraphicsInterchangeForma（一）Flash的工作界面

（二）Flash動畫創(chuàng)作流程二、常用動畫編輯軟件Flash的使用

（三）Flash文檔基本操作（一）Flash的工作界面（二）Flash動畫創(chuàng)作流程二、啟動FlashCS6，會打開其起始頁，如圖4-48所示。單擊“新建”列中的“ActionScript3.0”或“ActionScript2.0”選項（ActionScript是Flash自帶的編程語言，它后面的數字是版本號，本書若無特別說明都是選擇ActionScript3.0）即可新建一個Flash文檔，并進入FlashCS6的工作界面（一）Flash的工作界面啟動FlashCS6，會打開其起始頁，如圖4-48所示。單FlashCS6工作界面特有的各組成元素的作用。文檔選項卡：當打開多個文檔后，單擊由文檔名稱形成的文檔選項卡標簽可切換當前編輯的文檔，單擊文檔選項卡右側的“關閉”按鈕，可關閉相應的文檔。編輯欄：用于選擇需要進行編輯的場景、元件及設置舞臺顯示比例。舞臺：舞臺是用戶創(chuàng)作和編輯動畫內容的場所。在工具箱中選擇繪圖或編輯工具，并在“時間軸”面板中選擇需要處理的幀后，便可以在舞臺中繪制或編輯該幀的圖形。注意，位于舞臺外的內容在播放動畫時不會被顯示。（一）Flash的工作界面FlashCS6工作界面特有的各組成元素的作用。（一）Fl工具箱：提供了繪制、編輯和填充圖形，以及縮放和平移舞臺的工具。

“時間軸”面板：默認情況下，“時間軸”面板位于舞臺下方，用于組織和控制動畫內容，它主要包括圖層和時間幀兩部分。（一）Flash的工作界面工具箱：提供了繪制、編輯和填充圖形，以及縮放和平移舞臺的工具“屬性”面板：“屬性”面板默認位于舞臺右側，利用它可以方便地查看和更改當前選定對象的屬性。當前選定的對象不同，“屬性”面板中的選項也會不同。其他面板：例如，利用“顏色”面板可以設置圖形的填充色或線條顏色；利用“庫”面板可以保管Flash動畫中用到的素材，如元件、音樂、視頻和位圖等素材。（一）Flash的工作界面“屬性”面板：“屬性”面板默認位于舞臺右側，利用它可以方便地（1）前期策劃：在著手制作動畫前，應首先明確動畫要達到的效果，然后確定劇情和角色，再根據劇情確定動畫風格。（2）準備素材：做好前期策劃后，便可以開始根據策劃的內容繪制角色造型、背景及使用的道具等對象，并將這些繪制好的對象轉換成元件以備使用（聲音、圖形等動畫素材可以自己制作，也可以從網上下載，或購買相關素材）。（3）制作動畫：一切準備妥當后便可以開始制作動畫了，其中主要包括為角色設計動作、角色與背景的合成、動畫與聲音的合成等。（二）Flash動畫創(chuàng)作流程（1）前期策劃：在著手制作動畫前，應首先明確動畫要達到的效果（4）后期調試：后期調試包括調試動畫和測試動畫兩部分。調試動畫主要是針對動畫的細節(jié)、動畫片段的銜接、場景的切換、聲音與動畫的協調等進行調整，使整個動畫顯得更加流暢和有節(jié)奏感；測試動畫是對動畫在本地和網上的最終播放效果進行檢測，以保證動畫能完美地展現在觀眾面前。（5）發(fā)布作品：動畫制作完成并調試無誤后，便可以將其導出或發(fā)布為.swf格式的影片文件，并上傳到網絡供人們欣賞和下載。（二）Flash動畫創(chuàng)作流程（4）后期調試：后期調試包括調試動畫和測試動畫兩部分。調試動1．新建文檔新建Flash文檔的方法主要有以下兩種。（1）啟動FlashCS6時，在開始頁的“新建”設置區(qū)單擊要創(chuàng)建的文檔類型，如單擊“ActionScript3.0”選項。（2）進入FlashCS6工作界面后，選擇“文件”>“新建”菜單或按快捷鍵【Ctrl+N】，在打開的“新建文檔”對話框中選擇要新建的文檔類型，單擊“確定”按鈕，如圖4-51所示。（三）Flash文檔基本操作1．新建文檔（三）Flash文檔基本操作1．新建文檔新建Flash文檔的方法主要有以下兩種。（1）啟動FlashCS6時，在開始頁的“新建”設置區(qū)單擊要創(chuàng)建的文檔類型，如單擊“ActionScript3.0”選項。（2）進入FlashCS6工作界面后，選擇“文件”>“新建”菜單或按快捷鍵【Ctrl+N】，在打開的“新建文檔”對話框中選擇要新建的文檔類型，單擊“確定”按鈕。（三）Flash文檔基本操作1．新建文檔（三）Flash文檔基本操作2．保存文檔在完成對Flash文檔的編輯和修改后，需要對其執(zhí)行保存操作。為此，可選擇“文件”>“保存”菜單或按快捷鍵【Ctrl+S】，在打開的“另存為”對話框中選擇文檔保存路徑，輸入保存文件名，選擇保存類型，然后單擊“保存”按鈕保存文檔。（三）Flash文檔