【 Photoshop 入門教學 】– 簡易萬花筒圖案製作

大家好,今天的入門教學要來教各位,如何用 Photoshop 簡單做出萬花筒的圖樣效果,只需要準備一張圖片,以及 follow 以下的幾個步驟,保證每個人都可以製作出五彩繽紛,千變萬化的萬花筒圖案喔!

首先請大家準備好一張充滿花朵的照片或圖片,只要挑選自己喜歡的就可以,並沒有特別限定;假如您想要使用此次教學中的圖片,可以到這個網址自行下載:

http://topnature.xyz/essence-flowers-photography-green-orange-red-garden-yellow-cancer-society-free-download-wallpaper/

接下來,啟動 Photoshop 軟體,跟著我一起練習吧! (註:此篇範例所使用的是 Photoshop CS6 版本)

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-000

 


【步驟一】調整影像尺寸

開啟圖片之後,先用 「Ctrl + J」將背景圖拷貝出圖層,將原背景圖關閉(將圖層面板上的眼睛關閉),接下來我們都使用拷貝出的圖層來做操作。

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-001

由於下載的圖片尺寸稍嫌過大,我們先來將影像尺寸縮小。(點進上方功能選單:「影像」 > 「影像尺寸」)

如果不想要特別計算縮減後的尺寸,也可以直接輸入百分比來做原尺寸減小的動作喔。(如下圖,輸入50%可直接將尺寸減半)

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-003


【步驟二】擴大版面尺寸

點進「影像」 > 「版面尺寸」,在新尺寸的地方,同樣可以利用百分比來增加版面,我們把寬度跟高度各填入100%就可將版面延展一倍;

下方的錨點位置請記得要依照圖示,點選左上角位置,讓版面延展的方向為右跟下。

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-004

確定之後,如下圖,版面會依照我們的設定增加一倍。

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-005


【步驟三】拷貝圖層並水平翻轉

接下來,我們開始來做圖片拼接吧~

首先先選擇「移動工具」(在工具列最上面),加上鍵盤 「Alt + Shift」按住不放,用滑鼠將原圖向右拖曳出,即可得到一個複製圖層,調整位置並將右側的空白區域補上。(如下圖)

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-007

接著在拷貝出的圖層上使用 「編輯」 > 「變形」, 或直接用快速鍵 「Ctrl + T」,按滑鼠右鍵後選擇「水平翻轉」。(如圖示)

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-008

完成之後,如下圖,拷貝的圖層會跟原圖呈現鏡面效果喔。

將兩個圖層作合併之後 (可用快速鍵「Shift + Ctrl + E」:合併可見圖層),再進入下一步驟。

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-009


【步驟四】拷貝圖層並垂直翻轉

同上一步驟,拷貝上方已合併的圖層,拖曳填入下方空白版面。

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-010

跟上一步驟不同的是,在這邊要使用「垂直翻轉」使上下兩圖層呈現完美的鏡面。

(完成後如下圖,記得一樣要將兩個圖層作合併動作喔。)

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-012


【步驟五】濾鏡功能-玻璃效果

至上方選單選擇「濾鏡」 > 「濾鏡收藏館」 > 「扭曲」 > 「玻璃效果」,面板上的數值設定請參照下方圖示。

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-015

完成之後如下圖,假如想要再加重花朵的扭曲效果,也可以再回到剛剛的「濾鏡」功能裡調整數值。

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-017


【步驟六】利用圖層效果來調色

以上步驟完成後,其實已經有不錯的萬花筒效果,但假如大家希望顏色再強烈一些,可以利用面板上「圖層效果」(下方圖示的紅圈處)來做調色。

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-018-1

我們選擇的是「漸層覆蓋」的樣式效果,面板上的設定請大家參照下方圖示,建議大家記得將最上面的混合模式改為「加深顏色」。

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-020

完成之後如下圖,是不是更增添的幾分魔幻色調呢?!

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-021

以上方完成圖為基本稿,重新複習一遍今天的教學步驟,我們還可以製作出更繁複的萬花筒圖案,是不是很有趣啊~

Photoshop 影像設計  - 【 Photoshop 入門教學 】– 簡易萬花筒圖案製作 - 1-022

今天的練習很容易上手,希望可以引起大家的興趣,玩出自己的心得喔~  🙂

 

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

 

posted in Photoshop 影像設計 and tagged , , , .

留言功能已關閉。