Photoshop 教學 – 圖層練習 – 堆疊創作 – 入門篇

Photoshop 圖層入門練習

這個範例是 Photoshop 的圖層入門練習,圖層面板是 Photoshop 最重要也最常用的功能之一,每一件設計作品都是將圖形、色塊、文字…等影像元素使用圖層一層一層的堆疊起來的。

同學在學習 Photoshop 的初期都是從圖層面板開始著手,在圖層面板上除了一層一層的堆疊功能,另外還有圖層的透明度、圖層樣式、圖層遮色片….等進一步的功能。

 Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly084

圖層堆疊

咱們飛肯設計學苑 佩姬 老師的「Photoshop 影像達人專修班」 是 Photoshop 的入門課程,第一堂課就會教到這個範例,主要做法是新增一個圖層,再使用繪圖工具畫出圓形,再新增幾個圖層…再移動位置、調整大小、調整透明 度….就可以完成了。

技巧的運用上相當的簡易,只使用了 Photoshop 最基本的工具就可以完成,讓我們學習到 Photoshop 在設計創意上的方便與強大。

 


Step 1

第一步,開一個空白新檔案,使用漸層工具,在 「背景」 拉出漸層色,如下圖↓

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-01

 


Step 2

第二步,開啟圖層面版,點選「視窗」>「圖層」

在圖層面版,先新增一個「圖層 1」 ,將「前景色」調成白色,再使用 「橢圓工具」畫出一個圓形,然後調整圖層面板上的「不透明度」到 30% 左右,如下圖↓

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-02

 


Step 3

在這個圖層上,再繼續使用 「橢圓工具」多畫幾個大小不同的圓圈圈,如下圖↓

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-03

 


Step 4

使用上述相同的方法,再新增圖層,再多畫上一些大小不同的圓圈圈,再調整不同程度的「不透明度」….

一層一層的做,多做個幾層,別客氣用力的做,如下圖↓

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-04

 


Step 5

接著再使用「文字工具」打上一個文字 Flycan,如下圖↓

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-05

 


Step 6

在圖層面板的下方點選「新增圖層樣式」按鈕,選取設定「陰影」項目,為剛剛打上的文字增加黑色的影子,如下圖↓

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-06

 


Step 7

使用上述相同的方法,再多做幾層出來,同樣的方法,新增幾個不同的文字,調整不同程度的文字大小,再調整不同程度的「不透明度」,如下圖↓

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-07

 


Step 8

一個很簡易的圖層堆疊作品初步完成,如下圖↓

初學者多練幾次,練熟了,就可以試試不同的圖形,發揮您的創意。

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-08

 


相似的範例

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-09

 

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - fly-10

 


範例 PSD 原始檔下載 http://www.flycan.com/example/2010_12_29/Flycan_Layer.zip

課程內容請參考「 Photoshop 影像達人專修班

 

Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - smil49093bf4e1849 Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - smil49093bf4e1849 Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - smil49093bf4e1849 Photoshop 影像設計  - Photoshop 教學 - 圖層練習 - 堆疊創作 - 入門篇 - smil49093bf4e1849

by
佩姬
老師

 

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

 

關於「姜智豪 老師」

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

留言功能已關閉。