网页美工与动画设计.PPT

網頁美工與動畫設計 講師：梁家豪E-Mail: u8855043@.tw 影像概念 點陣圖與向量圖 點陣圖是以許多像素集合而成來顯示圖形，而向量圖則是利用記憶方向、顏色、大小的方式來顯小圖形 像素(pixels) 為電腦顯示圖形的最小單位，每個像素都擁有自己的色彩 解析度(resolution) 指在固定的範圍內，能顯示的像素數 Photoshop Photoshop 為 Adobe 公司出品，是目前市面上被設計師使用最普遍的影像處理軟體，其擁有： 強大的濾鏡功能(filter) 分離的圖層功能(layer) 快速的動作功能(action) 完整的還原機制(history) 下載網址：/products/tryadobe/main.html#photoshop 工作環境介紹 工具箱 包含各種常用的功能，如圈選、畫筆、文字 工具屬性列 會依造所選擇的工具不同，而有不同的功能 浮動控制面版 圖層管理員 – 管理圖層的順序屬性等 歷史記錄器 – 依使用者動作，而記錄過程 顏色挑選器 – 讓使用者可以以RGB混色 圖層 新增圖層 – 按下圖層管理員右下角第二個可以新增一個圖層，或是複製圖層 刪除圖層 – 按下圖層管理員右下角第一個即可以刪除圖層，若以直接拖拉的方式，則不會出現詢問是否確定的畫面 圖層前的眼睛代表是否顯示圖層於畫面上 圖層前的連結圖示，代表是否有和其他圖層相連結，若有，則可以同時移動數個圖層 選取工具 選取工具，可以圈選出一個矩形、圓形或1pixel的範圍，此時Photoshop的作用會限制在此一範圍內 對於選取的後的大小，可以利用功能表上的【Select】類來作修改 Inverse – 圈選範圍的反轉 Feather – 圈選範圍的羽化 Border – 只圈選出目前圈選範圍的邊框範圍 Expand / Contract – 擴大/縮小目前圈選範圍 選取與移動工具 套索工具 可以選圈任意、不規則形的範圍，或是使用磁索工具圈選出物品的邊框 魔術棒 可以依像素顏色的差異，快速地圈選出不規則的地帶，或是物品的邊框 移動工具 可以移動圖層的位置 繪圖工具 噴槍工具 可利用此工具製造出具有柔光效果的筆觸 鉛筆工具 可畫出較有鋸齒狀的線條，亦可以按住shift鍵畫出直線或45度斜線 油漆筆工具 可以利用目前的筆刷樣式，繪製出不同感覺的線條 漸層工具 利用前景色與背景色產生混色漸層效果 亦可以於工具屬性列處，選擇不同種類已設定好的漸層效果，或是是雙點兩下進入進階設定 漸層種類亦有直線形、幅射狀、直角形、反射狀、菱形 選擇Reverse，是代表前後景色互換混色 文字工具 點選工具箱的Type Tool，於適當處點下，即可輸入文字，可選擇工具屬性處，設定不同的輸入型態(直式、橫式) 於書寫時，可以點選Palettes，叫出字元功能表設定細部設定，當圈選多行或多字元時，可以設定行高與字之間距 亦可於書寫時，選擇Warped Text，設定彎曲變化的字體 客製樣式及顏色挑選器 按下客製樣式即可以依工具屬性列，選擇適合的圖形、圖式、樣式，並於適當處拖拉出圖形即可 圖形效果有三種，即樣式效果、工作區域效果、直接填滿效果 顏色挑選器是使用在需要知道該種色彩為何時，直接在希望知的顏色上點一下即可 透明度及遮照 首先，選定欲改變透明度的圖層，再將Opacity，調到適合的效果即可 遮照是利用在圖片的某些部位不要顯示，但卻不想將其裁剪掉時使用 選擇欲使用遮照的圖層，按下圖層管理員左下方第二個按鈕，此時填入希望的效果，黑色代表圖片被遮住的部份，白色代表圖片顯示出來的部份，通常可以使用漸層達到特殊效果 * * *