3/27 永和社大上課內容

  1. 筆刷應用
  2. 顏色面板
  3. 油漆桶與漸層色

自訂筆刷

  1. 檔案>開新檔案,以50*50像素大小為例子
  2. 用基本筆刷,選擇黑、灰色在畫布上畫出新筆刷的圖樣(此一步驟亦可使用形狀工具或其他工具繪製)
  3. 編輯>定義筆刷預設集。替自訂筆刷命名,按確認後完成
  4. 之後在使用筆刷的時候,筆刷的下拉選單就會存著之前自訂的筆刷在裡面可以選擇

自訂圖樣

  1. 檔案>開新檔案,以100*100像素大小為例子
  2. 用基本筆刷,選擇顏色色在畫布上畫出新的圖樣(此一步驟亦可使用形狀工具或其他工具繪製)
  3. 編輯>定義圖樣。替自訂圖樣命名,按確認後完成
  4. 之後使用圖樣印章,或是其他可以選擇圖樣的功能,在圖像的下拉選單就會存著之前自訂的圖樣在裡面

圖層樣式

  1. 在要設定樣式的圖層的圖層名稱上按右鍵,選擇「混合選項」
  2. 勾選要套用的項目,點選項目的名稱,可在右邊看到該項目可以設定的內容參數
  3. 設定完畢後按確定

下次上課預告:banner綜合練習

  • 去背練習
  • 在banner上使用去背的圖形
  • 增加漸層背景
  • 增加形狀圖層作為裝飾
  • 加文字
  • 製作動畫效果
  • 匯出成可使用的gif圖檔

 

3/20 永和社大上課內容

以下是今天的上課內容~因為操作影片暫時還來不及錄製,同學可以在操作的時候,先參考以下的操作流程。

基礎工具說明

  1. 圖層的使用與說明
  2. 文字工具應用
  3. 移動工具
  4. 形狀工具
  5. 簡易Gif動畫製作

以「文字閃動的Gif動畫」為例子,操作流程如下:

  1. 開新檔案:以200*50像素為例
  2. 使用文字工具,在畫面上點一下,輸入文字
  3. 使用「字元面板」調整文字的大小、顏色、字型,如果要針對整個文字圖層做調整,要先切換回一般圖層模式。如果要針對某幾個文字做調整,要切換到文字編輯模式。
  4. 複製一個文字圖層,重新調整該圖層的文字色彩
  5. 從「視窗>動畫」把動畫面把打開
  6. 從動畫面版新增影格
  7. 點選到不同的影格,回到圖層面版調整不同圖層在不同影格的顯示、隱藏狀態。
  8. 從動畫面版設定每個影格的播放時間
  9. 按播放預覽動畫
  10. 從「檔案>儲存為網頁裝置用」,選擇gif,按儲存。

以「移動的愛心gif動畫」為例子,操作流程如下:

  1. 開新檔案:以 200*200 像素為例
  2. 使用「自訂形狀工具」在畫面上畫一個愛心,從工具選項調整愛心的顏色
  3. 使用移動工具將愛心移動到指定位置,例如希望愛心從左往右移動,那一開始要先放在畫面左邊
  4. 從動畫面版新增影格
  5. 點選到第二個影格,再使用移動工具將愛心移動到別的位置,例如希望愛心從左往右移動,這時候要把愛心放到畫面右邊
  6. 從動畫面版,按 crtl 點選開頭與結尾的影格,點選「補間動畫影格」,輸入要增加的影格數,按確定
  7. 從動畫面版設定每個影格的播放時間
  8. 按播放預覽動畫
  9. 從「檔案>儲存為網頁裝置用」,選擇gif,按儲存。

重新開張

沉寂了一陣子,這裡要重新開張囉!

未來教學影片的部分,會同步發佈在這裡跟blogger的hsu‧小講師的教課學習筆記,所以兩邊基本上內容是相同的,只是這邊會多聯絡我跟一些教課資訊,那hsu‧小講師的教課學習筆記就純粹是放教學影片的內容。

教學影片清單最後會全部整合成這裡的的連結(不然要維護兩份太累了),最終是希望流量還是導到這裡為主,但是hsu‧小講師的教課學習筆記不會收掉~

還在想以後這裡要不要放討論區什麼的…不過之後再說吧!總之未來這裡會陸續更新更多photoshop跟dreamweaver的教學影片內容。至於flash跟illustrator,是曾經有想過但目前暫時不考慮。因為之所以會整理影片的初衷,是想要提供給社區大學的學生在回去練習時有個可以參考複習的東西、而寫文字有時候總會有遺漏,那不如就錄影片吧。

但目前並沒有在社大教flash跟illustrator的打算,所以暫時就不錄製囉!

歡迎同學來這裡逛逛:)