4/3 永和社大:banner綜合練習

banner製作步驟解析

A.構圖

  1. 用白紙大概隨手畫一下想要的圖片文字配置

B.圖片去背

  1. 檔案>開啟舊檔
  2. 使用筆型工具把要去背的圖片框起來
  3. 在圖層面板先拷貝一份新的圖層
  4. 切換到路徑面板,點選「轉換為選取範圍」
  5. 選取>反轉選取
  6. 切換到圖層面版,選擇剛剛拷貝的圖層,按delete把背景刪除
  7. 把底下的圖層眼睛關掉

C.在banner上使用去背的圖形

  1. 先開新檔案,以760*200像素大小為例子
  2. 先切換回剛剛去背的檔案,在去背圖層的名稱上按右鍵,選擇複製圖層
  3. 在複製圖層對話框中,選擇banner檔案名稱
  4. 切回banner檔案,就會看到剛剛的圖形
  5. 選擇複製過來的圖形所在的圖層,按編輯>任意變形
  6. 如果拷貝過來的圖檔大於banner很多,
  7. 先在工具選項上設定縮放的百分比,直到可以看到圖片的外框
  8. 按著鍵盤的shift然後按著滑鼠拖曳邊框角落,調整圖片大小
  9. 按enter確認大小
  10. 使用移動工具,移動圖片位置

D.文字

  1. 使用文字工具,在畫面上輸入文字
  2. 使用字元面板,調整文字大小、顏色
  3. 使用移動工具,調整文字的位置
  4. 在文字圖層名稱上按右鍵,選擇混合模式,設定樣式。

E.背景色調整

  1. 先選擇背景圖層
  2. 使用漸層工具,在工具選項設定顏色
  3. 在背景圖層上上漸層色

F.背景裝飾

  1. 使用形狀工具畫幾何圖形
  2. 使用筆刷工具畫不規則背景圖樣

G.動畫效果製作

  1. 從視窗>動畫,開啟動畫面版
  2. 在動畫面板新增影格
  3. 在圖層選擇要變化的文字圖層、複製一份之後,調整顏色
  4. 在動畫面版設定秒數
  5. 播放測試

H.匯出成可使用的gif圖檔

  1. 檔案>儲存為網頁裝置用
  2. 格式選擇gif,儲存