切片使用教學

網頁常常會看到許多碎片組成的圖片

那些圖片其實是用工具將一張圖片切割出來的

切割的工具很多

今天介紹一下我最常用的Photoshop，當初自己摸一直不成功

原來Photoshop切片有一個很重要的步驟

至於是什麼來往下看

首先隨便開起一張圖，然後用切片工具 切出自己想要的部分 (切片工具在魔術棒下面)

如果說切的部分中間有一塊想要但是沒選到(如圖)

就用切片選取工具 按右健 選擇 提升為使用者切片

用切片工具選取的部分為使用者切片 其他部分須使用上面步驟轉換



如果想將切片切得更小 一樣可以用切片選取工具的分割來做

可以依照自己需求 分割/組合適當大小



接下來這步驟就是我之前一直疏忽的 "儲存為網頁用"

將切片輸出必須用這選項


之後可以依照自己需求來優化切片，給切片適當的檔案跟解析


之後輸出目的會有兩個檔案

一個放是切割過圖片的資料夾，一個是包含這些圖片輸出的網頁



這樣就大功告成啦~

模糊柔邊

今天幫人做平面設計

做半天越來越覺得自己的電腦快不行了

存個檔存半天

作的中途突發奇想 想要實作經常看到利用模糊邊緣來凸顯主題的效果

接著想出以下方法實作

簡單的做法一

將想要突顯的部分選取起來



之後反轉選取作"羽化"的動作



最後再用 "填滿" 去填充 顏色樣式則隨自己喜好



當然，這不完美 不過純色搭配已經很好用了 邊邊用修的修掉就好

接下來方法2

這就比較完美，只是會用到遮罩的概念

首先，在圖層處單點兩下 解除背景圖層的鎖定


接著用 圖層->圖層遮色片->全部顯現(偷吃步)

會在圖的旁邊增加一遮色圖層，在遮色片裡 白色為不顯示，黑色為顯示，利用這技巧可以達到很多效果





接著新增一白色圖層(方便比較用)，之後在顯示圖上利用"漸層工具"->放射狀

選擇前景黑色 背景白色 之後拉出適當的長



然後就大功告成，比較一下有沒有白底，這樣就可以套在任何地方

只是缺點這樣形狀會受限於Photoshop的漸層工具，而不像方法一，形狀是由自己拉出來的