class 5 - passport size photo design (3)

1. [工S] stamp 圖章工具
   
   • alt + 左鍵（複製來源）；左鍵貼上皺紋
   • 從接近皺紋處，取來源
   • 適當的圖章大小（「快」括弧鍵 " [ "縮小，" ] "放大，同筆刷）
     
     
2. mask（遮罩），黑白灰的遊戲
   
   • 黑：不要的、要遮住的；白：要的，顯露的；灰：依白的程度而定，透明的
     
     
3. blending mode（圖層混和模式），黑白灰的遊戲
   
   • 去白留黑（multiply ）
   • 去黑留白（screen 系列）
   • 去灰留黑白（overlay 系列）
     
     
4. 本日 filter（濾鏡）
   
   • filter/ Liquify（一些有趣的功能像是膨脹、縮小、旋轉外，做錯記得同樣 ctrl + alt + z ）
   • filter/ blur/ Gaussian blur （最常用的濾鏡之一，可製造景深，柔化皮膚......不勝枚舉）
     
     
5. 標準大頭照範例，FTP：\2 - 大頭照DIY（1）\內政部.pdf
   
   • 大頭照製作流程：拍攝、去背、調色、修整瑕疵、製作3.5*4.5cm證照、排列於適合的相片尺寸（ex. 4*6inch）、7-11 便宜沖洗、如有瑕疵再修正。
     
   • 閃亮亮的導線：「快」ctrl + r（rule，規矩的意思），3.2-3.6cm 各畫一條
   • 如何對齊導線？ 將 view/ snap 勾起來
   • 快速複製的方式：先選取「移動工具V」（選取範圍工具右邊那個箭頭），在妳要複製的圖像上面（當然也要是指定的圖層），按住 alt ，游標會出現雙鍵號，按住滑鼠左鍵拖拉即可
   • Shift 鍵的重要性：等比例縮放，同水平、垂直線移動
   • 將多個圖層合併為一個：ctrl 選取所要合併圖層，滑鼠右鍵，選 merge layers
   • 替大頭照加上外匡方便裁切：將外圖層外框用選取工具框起來，edit/ stroke，選 inside、1 px 和喜歡的顏色，點 ok。
     
     
6. 所有快速鍵，都必須在英文模式下才能生效
   
   
7. 用 [、] 調整筆刷大小，如果毫無反應，此時按一下 shift 上面的那顆 Caps Lock，就可以解決勒。
   

.

class 4 - passport size photo design (2)

1. 色彩（回想色相環）
   
   • 三屬性：色相（hue）、明度（brightness）、彩度或飽和度（saturation）
   • 四組對比：（黑白）、（紅 red, 青）、（綠 green, 紫）（藍 blue, 黃）
     
     • ex, curve，blue channel，調整 curve 的中間調，加影像的藍色=減黃色。
       
       
2. 影像調色相關，皆在 image/ adjustments/
   
   
   • 最重要的三個指令：
     
     • curve（曲線） 「快」ctrl + m
       亮部（右上）、中間調（正中央）、暗部（左下）
       
     • level（色階） 「快」ctrl + l
       亮部、中間調、暗部像素的堆積
       
     • hue/saturation...（色彩屬性） 「快」ctrl + u
       
       • ex, curve，blue channel，調整 curve 的中間調，加影像的藍色=減黃色。
         
         
   • 按 alt，cancel 變成 reset
   • Invert（反轉）「快」ctrl + i，黑 白、紅 青、綠 紫、藍 黃
     
     
     
3. 去背概念：單純的幾何圖形（path）、複雜的髮絲（channel）、單純的背景、複雜的背景，四種狀況的交集，有不同處理方式。若要自行拍攝素材（比方說花椰菜），前處理用遠比後處理重要，單純，對比強的背景，成為首要注意事項。
   
   
   • path 去背，一種韻律感的養成，下錨點，下錯復原，下對繼續下，alt 調整一端控制點；下錨點，下錯復原......
     
     
   • channel 去背（記住黑與白的概念）
     
     • 切記「新增色版」為第一步驟，勿修改原始 red, green, blue channel
       
     • 白色=全選
     • 黑色=全不選
     • 25%白色+75%黑色的灰色= 選取25%（有點透明感）
     • 搭配筆刷，刷上黑、白
       
   • 其他去背：濾鏡、魔術棒......
     
     
4. 選取範圍（虛線框起來的地方，想到 ctrl + 左鍵點一下 layer、channel、path圖像）
   
   • ctrl + d 取消選取範圍

.

class 3 - passport size photo design (1)

1. [工P] 路徑工具（筆、自由、+、-、轉），一種拖拖拉拉的遊戲，影像處理的基本重要技能
   
   
   • 每個錨點（anchor point），都需拉出控制端點（direction point）以求可再編輯（re-edit）
     
     
     
     
     
     
     
     
     - 4 screenshot from adobe photoshop help center
     
     
   • 去背切記往內吃一點
   • 搭配縮放工具 [快] space + alt; space + ctrl; space.
   • 錨點越少越好
   • 記得點兩下儲存 path layer！
   • [快] alt 修整一邊控制端點
   • 記得錨點一下錯，便使用回復功能再下一次
     
   • [快] ctrl + alt + z 無限回復（undo）
     
   • [快] ctrl + shift + z 無限重做（redo）
   • 小圓虛線圖形，讓 path 變成 selection（選取範圍）
     
   • [快] ctrl + j 以選取範圍所在圖層為基礎，新增圖層！
     
     
2. [工A] 選取/調整路徑工具
   
   • 錨點、控制端點、曲線，三個地方任君調整
     
     
3. screenshot（螢幕截圖）的方法：
   在妳想要截圖的畫面，按[F12]旁邊的[PrtSC]，到PS軟體中，選擇 file/new 開新檔案。什麼選項都不要調整的情況下，選 edit/ past，就可以輕鬆把圖片擷取下來，在PS上面編輯囉。
   
   
4. 過去三堂教學如有遺漏重點，歡迎來信或MSN提醒。：）

p.s. 此圖原始檔置於：隨堂練習作業\Yves\3min.psd
完成前後不超過三分鐘，運用簡單的複製、移動、光暈、漸層色、遮罩輕鬆完成，供同學參考。

.

class 2 - bussiness card design (2)

1. 軟體
   • FileZilla 下載處
     
     
     • 點選後將如下圖所示。請點選FileZilla2_2_32_setup.exe。
       
       
     
     • 下載到桌面上後，點兩下進行安裝，從頭到尾都按「下一步」即可輕鬆完成。
       
       
     • 完成安裝後，執行軟體，將出現如下圖所示。點選站台管理員圖示。
       
       
     
     
     
     • 依下圖所示七步驟新增FTP站台，其中第二步驟按F2用以自行命名站台（ex. photoshop ftp）。
     
     
     
     
     • 新增站台設定七步驟完成後，再次點選如下圖站台管理員圖示。
       
       
     
     
     
     • 於自行命名站台（ex.photoshop ftp）處點兩下滑鼠左鍵，或選擇下方的「連線」即可進行與伺服器的連線動作。
       
       
     • 連線後左邊黃色漸層為使用者電腦，右邊藍色漸層為伺服器 FTP。
       
       
     
     
     
     • 可將檔案利用拖拉，進行下載與上傳檔案動作。
     
     
   • Adobe Photoshop CS2 下載處
     
     
     
     • 如下圖點選 download，儲存至電腦；點兩下解開壓縮檔，打開解壓縮後的資料夾，點選 setup.exe安裝軟體（從頭到尾按「下一步」即可輕鬆完成）。
       
       
     
     
     
     • 以上兩套軟體安裝，如有不瞭解之處請來信或MSN討論。：））
   • 
     
     
2. 名片設計流程（文字資料 → 核心概念發想 → 實做 [造型、色彩、構圖] ）
   
   
3. 圖層
   
   • 更改圖層名稱
   • 群組圖層 [快] ctrl + g （新增圖層的左邊按鈕）
   • 「字型圖層」無法填色
     
     
4. [工G]漸層色（線性、放射、角錐、反射、鑽石；滴管更替顏色）
   
   
5. [工U]向量圖形工具（矩、圓矩、橢、多邊、線、自訂）
   
   • 前顏色、後形狀
   
   
6. 重要習慣
   
   • 取消選取
   • 移動工具的重要
     
     
7. 設計概念
   
   • 字型的選擇與搭配
   • 色彩的搭配
   • 放大、縮小檢視，是否可清楚傳達清晰資訊
     
     
8. 此篇文章所附圖片之.PSD原始檔皆可於 FTP 下載，同學可以進行參考（用簡單的截圖PrtScr、漸層色、遮罩）。
   

.

class 1 - bussiness card design

1. 開新檔案(用尺量。此例width89mm*height45mm)
   
   • 印刷/ 300ppi
   • 網頁/ 72ppi
     
     
2. 縮放、拖拉工作範圍(25%倍數下工作準則)
   
   • 拖拉 [快] space + 滑左
     
   • 縮 [快] space + alt + 滑左
   • 放 [快] space + ctrl + 滑左
     
     
3. 圖層
   
   • 右下角的 new layer(新增圖層) 與delete layer(垃圾桶)
   • 第一件事：新增一個圖層，勿在背景圖層做圖（靈活）
     
   • 作用的圖層背景是藍色（想清楚你要做的動作，是否在正確圖層）
   • 圖層順序可以移動（PS中的堆疊必須熟練）
   • 電腦使用原則與PS軟體操作原則概念相通（想想 shift、ctrl）
   • 狀態列的對齊排列工具（看圖說故事）
     
     
4. [工M] 選取範圍（虛線，作用範圍；矩、橢、垂、水）
   
   • 對老師很簡單，對大家很困難的概念^^
   • 靈活運用選取範圍是PS高手必經之路
   • 取消選取範圍 [快] ctrl + d
     
     
5. 填色（兩個方塊、迴旋箭頭）
   
   • 左上方塊 foreground color(前景色)
   • 右下方塊 background color(背景色)
   • 迴旋箭頭，前景色與背景色的互換
   • [快] alt + delete, 填入前景色
     
     
6. 字體安裝（.ttf 檔拖入 fonts資料夾）
   
   • ".ttf"檔案，即為字型檔（中英文字型皆同）
   • c:\windows\fonts\
   • 中文字型的顯示：edit/preferences/type,
     勾 show asian text options, 不勾 show font names in English
     
     
7. [工V] 移動工具
   
   • 最常使用的工具之一，用於元素的移動調整構圖
     
     
8. [工T] 文字工具
   
   • 字級大小、顏色
     
     
9. 變形 (transform)
   
   • 最常使用的功能之一
   • 等比例 shift
   • 軸心可移動
   • [快] ctrl + t
     
     
10. 名片的11項資訊元素（見講義）
    
    
11. 名片的設計元素（字體、構圖、色彩、雙面、紙材質、後製加工）