Photoshop 入門教學 – 圖層面板 – 文字編排練習【二】

Photoshop 的圖層,洋文原名叫 Layer,是 Photoshop 最基本也是最重要的功能,從基本簡單的圖文編排,到高級複雜的創作作品,都是依靠圖層的功能,一層一層做出來的。

這邊我們準備了三個入門級的練習範例,詳細一個步驟一個步驟解說,適合完全沒有使用過 Photoshop 的初學者練習,帶同學新增空白圖層,在圖層上畫色塊、使用文字工具,產生多個不同的文字圖層,再搭配工具列上的「移動工具」,一層一層的分別調整各個圖層的位置,完成一個簡易的圖文編排練習。

圖層面板 – 文字編排練習【二】

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_10


1. 打開「圖層」面板,新增一個空的圖層,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_00

2. 將「前景色」設定為白色,再點選「距形工具」,設定為「填滿像素」的模式,在照片上方拉出一條白色的長條方塊如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_01

3. 在圖層面板上點選「遮色片」,再使用「漸層工具」,在照片上的白色的長條方塊上拉出漸層效果,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_02

4. 在圖層面板,將圖層一的「透明度」設定為40%,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_03

5. 使用「文字工具」,在照片上打上一個文字,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_04

6. 使用「移動工具」,將剛剛打的文字移到照片上方,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_05

7. 再使用「文字工具」,再在照片上打上一個文字,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_06

8. 再使用「移動工具」,再將剛剛打的文字移到照片上方,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_07

9. 使用滑鼠點選圖層一,再使用「移動工具」,將白色的長條方塊移動到適當的位置,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_08

10. 此時覺得「純」這個字的不妥,使用滑鼠點選「純」圖層,再點選「文字工具」修改一下字型和大小,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_09

11. 使用滑鼠點選「印」圖層,再點選「文字工具」修改一下字型和大小,並再使用「移動工具」調整一下位置,如下圖↓

Photoshop 影像設計 Photoshop 後製修圖  - Photoshop 入門教學 - 圖層面板 - 文字編排練習【二】 - Layer_02_10

by
姜智豪
老師

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in Photoshop 影像設計, Photoshop 後製修圖 and tagged , , , , , .

留言功能已關閉。