Photoshop動(dòng)作功能實(shí)例教程(5)
Photoshop的“動(dòng)作”功能可以幫助我們完成一些枯燥的重復(fù)性工作。本教程就是這項(xiàng)功能的應(yīng)用實(shí)例。
有時(shí)候我們會(huì)需要把截屏圖拿到Photoshop里面處理,添加固定的風(fēng)格樣式,如模糊、殘邊、投影等。一兩張倒無所謂,圖片多的話就顯得煩人。在Photoshop里面添加一個(gè)處理截屏圖的動(dòng)作,可以節(jié)省很多時(shí)間。
“動(dòng)作”功能的原理是記錄下你的一系列操作,今后遇到同樣的效果要求時(shí),可以“播放”動(dòng)作,讓Photoshop自動(dòng)幫你完成這一系列類似的操作。
開始行動(dòng)吧
以下教程將為Photoshop添加一個(gè)簡(jiǎn)單的對(duì)截屏圖進(jìn)行傾斜、模糊、黑角處理的動(dòng)作。
第一步
在Photoshop中新建一個(gè)你所需尺寸的文檔,我這里采用的是575px × 250px。抓取截屏圖(比較簡(jiǎn)單的方法是點(diǎn)擊鍵盤上的“Print Screen”鍵), “Ctr+V”黏貼到文檔中。
第二步
現(xiàn)在轉(zhuǎn)到你的動(dòng)作調(diào)板。如果找不到,點(diǎn)擊菜單欄上的窗口->動(dòng)作(快捷鍵Alt+F9)。 如果你是第一次使用改功能,則可以看到Photoshop已經(jīng)為我們預(yù)設(shè)了一些默認(rèn)動(dòng)作。你可以查看一下這些動(dòng)作能提供的操作,有些動(dòng)作可能對(duì)你有用。點(diǎn)擊面板右上角的小三角按鈕你還能找到其他預(yù)設(shè)動(dòng)作?紤]到本教程的目的和以后的使用需求,我建議你新建一個(gè)組。點(diǎn)擊動(dòng)作調(diào)板下方的文件夾圖標(biāo),新建一個(gè)組,并命名。
第三步
點(diǎn)擊文件夾圖標(biāo)右邊的“新建動(dòng)作”圖標(biāo),創(chuàng)建一個(gè)動(dòng)作,并將其命名為“截屏”。當(dāng)然,你也可以在名字里面添加一些細(xì)節(jié)說明,如“截屏-模糊并黑角”。點(diǎn)擊“記錄”按鈕確定。
第四步
新建動(dòng)作后會(huì)自動(dòng)進(jìn)入錄制動(dòng)作狀態(tài)。請(qǐng)注意,Photoshop并不是像錄音錄像那樣在實(shí)時(shí)記錄,它只會(huì)記錄下你實(shí)實(shí)在在的圖像處理操作。所以你用不著慌忙,如果你愿意,讓 Photoshop 等上個(gè)三五天都沒有問題。另外,可以看到,當(dāng)你進(jìn)行處理時(shí),動(dòng)作面板里你的動(dòng)作名下方會(huì)列出你的操作步驟。如果你不喜歡某一步操作結(jié)果,只需暫停錄制,然后將這一步操作拖到面板下方的垃圾桶圖標(biāo)中即可。當(dāng)你準(zhǔn)備好重新來過時(shí),別忘了再點(diǎn)擊圓形的錄制圖標(biāo)重新開始記錄。
我們需要錄制的第一個(gè)操作是傾斜圖像。“Ctr+T”,使用自由變化工具對(duì)圖像進(jìn)行旋轉(zhuǎn)。在這里我使用了菜單欄下方的選項(xiàng)欄,設(shè)置旋轉(zhuǎn)角度為“-5°”。請(qǐng)注意動(dòng)作調(diào)板,“變換 當(dāng)前 圖層”的操作已被記錄。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623499.jpg)
第五步
接下來我們移動(dòng)圖像到合適的位置。再次使用“Ctr+T”自由變換工具,拖動(dòng)截屏圖到你認(rèn)為最佳的位置。在將來播放動(dòng)作的時(shí)候,這一步的參數(shù)可能會(huì)根據(jù)所處理圖片的情況有所變化,所以你應(yīng)該在這一步加上一個(gè)暫停。 點(diǎn)擊勾號(hào)“√”右邊的“切換對(duì)話開/關(guān)”,給這一步變換當(dāng)前圖層添加一個(gè)暫停,好讓將來應(yīng)用動(dòng)作時(shí)能重新調(diào)整參數(shù)。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623332.jpg)
第六步
接下來,點(diǎn)擊“Ctr+J”復(fù)制當(dāng)前圖層。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623172.jpg)
第七步
下一步我們將對(duì)原始截圖的拷貝進(jìn)行模糊處理,以便通過給上面這個(gè)圖層添加蒙版來達(dá)到效果。所以我們需要選擇原始截圖所在的圖層,但是如果只是簡(jiǎn)單地點(diǎn)擊這個(gè)圖層來選擇,動(dòng)作功能就會(huì)按照?qǐng)D層名記錄下選擇操作。因此,將來應(yīng)用這個(gè)動(dòng)作時(shí)就有可能因?yàn)閳D層名不一致而造成動(dòng)作失效。 不過,通過使用鍵盤快捷鍵,我們可以利用圖層間相對(duì)位置來達(dá)到目的。也就是說,點(diǎn)擊“Ctr+[”移動(dòng)當(dāng)前復(fù)制圖層到原始圖層之下。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623631.jpg)
第八步
現(xiàn)在設(shè)置模糊效果。濾鏡->模糊->高斯模糊,我這里半徑為2像素。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623810.jpg)
第九步
接下來我們要選擇最上面的圖層,以便添加蒙版實(shí)現(xiàn)漸變模糊效果。應(yīng)用同樣的技巧,這一次我們需要選擇當(dāng)前活動(dòng)圖層上面的圖層,所以點(diǎn)擊“Ctr+]”(注意,不是Ctr+[)。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623512.jpg)
(譯者注:第七步和第九步這里貌似作者腦子犯毛病了。原文里寫的是“選擇(Select)”各個(gè)圖層,結(jié)果操作的時(shí)候是在移動(dòng)圖層。配的圖片也顯示的是Move Current Layer。其實(shí)哪用這么麻煩移過去移過來,直接在復(fù)制的圖層上就可以完成高斯模糊、加蒙版的操作。我這里之所以不糾正,是覺得第七步說的那些東西在將來還是會(huì)有用的。這個(gè)理念還是好的,現(xiàn)在用不到這個(gè)方法,不保證將來不用,對(duì)不對(duì)?
在Windows里,選擇前一圖層和選擇后一圖層的快捷鍵是“Alt+[”和“Alt+]”。原教程是針對(duì)Mac用戶的,根據(jù)作者的解釋,Mac里的“Alt+[”和“Alt+]”是前后置圖層的快捷鍵,他的本意還是要移動(dòng)圖層。但最開始的時(shí)候他把“Alt+[”寫成了“Command+[”,所以搞得我很糊涂。)
第十步
為上面的圖層添加圖層蒙版:圖層->圖層蒙版->顯示全部(亦可使用圖層面板下方的“新建蒙版”圖標(biāo))。選擇漸變工具(快捷鍵“G”),設(shè)置一個(gè)白-灰-白的漸變,如下圖。 在你的截屏圖上沿著你剛才旋轉(zhuǎn)的傾斜角度點(diǎn)擊并拖動(dòng)。如此便為圖像邊緣添加了模糊效果。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623211.jpg)
第十一步
新建一個(gè)圖層:圖層->新建->圖層(快捷鍵Ctr+Shift+N;蛘邎D層面板的新建圖標(biāo)。囧,感覺我好啰嗦啊。)。使用矩形選區(qū)工具,新建一個(gè)選區(qū)并羽化,設(shè)置羽化半徑為20像素。
關(guān)于羽化:你可以在建立選區(qū)前先在選項(xiàng)欄設(shè)置好選區(qū)的羽化半徑,也可以建立選區(qū)后在選區(qū)上右鍵單擊-> 羽化… ,來設(shè)置選區(qū)羽化。
第十二步
“Ctr+Shift+I”反選(選擇->反選)。點(diǎn)擊“D”復(fù)位色板,“X”交換色板,以使背景色為黑色(你也可以直接設(shè)置背景色,但我認(rèn)為這樣更快捷一點(diǎn))。“Ctr+Backspace”用背景色填充選區(qū)。 于是我們就為圖像添加了一個(gè)黑色的漸變邊框。這看起來有點(diǎn)太過了,下一步我們會(huì)將它處理一下。
(知道這一步更快捷的做法嗎?“D”復(fù)位色板后,點(diǎn)擊“Alt+Backspace”,用前景色填充。)
第十三步
點(diǎn)擊圖層面板左上方的下拉菜單,改變?cè)搱D層的混合模式為“柔光”。我建議你在此也添加一個(gè)暫停動(dòng)作,因?yàn)楦淖儓D層的混合模式可以產(chǎn)生豐富的效果變化。圖像的明亮程度也會(huì)影響各種混合模式的最終效果。
如下圖:
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623247.jpg)
動(dòng)作的應(yīng)用
以下是使用剛才新建的動(dòng)作處理的其他圖片。
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623826.jpg)
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623489.jpg)
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623245.jpg)
![](http://pic.16xx8.com/article/UploadPic/2009-6/20096633623765.jpg)
結(jié)語
Photoshop的動(dòng)作是個(gè)很強(qiáng)大的功能,可以節(jié)省許多重復(fù)性勞動(dòng)。本實(shí)例都是一些很基本的簡(jiǎn)單操作,最終效果卻不同凡響,可見,對(duì)PS功能恰當(dāng)?shù)亟M合運(yùn)用正是用PS進(jìn)行“設(shè)計(jì)”創(chuàng)作的精髓所在。
©本教程編譯自MyInkBlog.com。版權(quán)歸原作者Andrew Houle所有。翻譯者笨活兒保留翻譯文本的版權(quán)。允許自由轉(zhuǎn)載,但請(qǐng)注明出處,并保留此聲明。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- Photoshop動(dòng)作
- ps功能實(shí)例
- 功能實(shí)例教程
學(xué)習(xí) · 提示
相關(guān)教程