日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

Adobe Photoshop像素風(fēng)格照片 唯美逼真的下雨動態(tài)效果教程

 百合仔 2019-05-07

PS教學(xué)第30期

第一篇

像素風(fēng)格,用PS設(shè)計像素風(fēng)格的小黃人照片

本篇教程通過PS設(shè)計一種像素風(fēng)格的小黃人照片,其實有點像現(xiàn)在的樂高積木,制作起來也是比較簡單,可以把自己喜歡的照片和素材用來制作,甚至可以自己制作樂高玩具,像素化的東西看起來比較有設(shè)計感,具體我們還是通過教程來學(xué)習(xí)一下吧,只要動手就可以學(xué)會噢。

效果圖:

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

知識點:

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

操作步驟:

1.首先我們打開一張摳好圖的PNG格式素材,拖進PS中。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

2.選中圖片圖層,點擊菜單欄濾鏡,找到像素化,打開馬賽克功能,單元大小設(shè)置為15,然后點擊確定。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

3.把小黃人轉(zhuǎn)為馬賽克效果后,我們點擊圖層面板新建一個圖層,接著把圖層推到最下面,將背景色設(shè)置為深藍(lán)色,用CTRL+DELETE給背景填充。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

4.為了讓我們更清楚的看到對比和參考,接下來我們用上裁剪工具(快捷鍵“C”把畫布向右邊拉伸,擴大畫布的寬度。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

5.把畫布拉伸好后,我們接著要先切換選擇工具(快捷鍵V)選擇小黃人左邊的圖層,然后按住ALT+鼠標(biāo)拖拽(方向向右)復(fù)制多一個小黃人出來有利于接下來繪制的參考對比。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

6.接下來我們得先新建一個圖層,然后要用吸管工具(快鍵鍵I)把前景色吸取成背景顏色。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

7.前景色吸取好了后,我們就要用到我們的油漆桶(快鍵鍵G )的填色在新建的圖層里對小黃人模糊的邊緣格子 處理得平整一下(為了讓為了讓我們把邊緣的區(qū)域填補好,有利于觀察,按住CTRL+加號將圖片放大進行操作) 。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

8.接下來我們看一下把邊緣格子填充處理完后的效果。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

9.邊緣處理完后,我們開始還是利用吸管工具跟油漆桶工具填色把身體的黃色部位的馬賽克色塊一格一格的統(tǒng)一顏色,讓身體看得清晰一點。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

10.身體黃色部位都處理完后,我們還是跟前面步驟一樣的方法用吸管工具跟油漆桶工具將小黃人的眼鏡的馬賽克色塊統(tǒng)一一下。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

11.接下來我們一樣還是用到我們熟悉的吸管工具跟油漆桶工具,把小黃人藍(lán)色的身體部位的馬賽克色塊填充處理好。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

12.一眼看去最后就剩下小黃人的手腳啦,這回不用我說了大家都知道應(yīng)該怎么處理吧,還是利用吸管工具跟油漆桶工具吸顏色加填充就可以啦。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

13. 整體的色塊顏色都處理好后,小黃人是不是看的舒服了好多啦,接著我們需要制作樂高磚塊給畫面添加效果,點擊菜單欄文件-新建命令(快捷鍵CTRL+N),新建一個15X15像素的新文檔。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

14.然后將前景色色值調(diào)為為808080的灰色,點擊CTRL+DELETE填充前景色。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

15.顏色填充好后,我們點擊圖層下方的fx,打開圖層樣式,點擊添加斜面與浮雕效果,點擊確定。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

16.接下來我們在左側(cè)工具欄中找到橢圓工具(快捷鍵為U),單擊畫面彈出創(chuàng)建橢圓的面板,設(shè)置像素為9X9寬高的圓形,雙擊圖層中的縮略圖,填充剛剛的灰色。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

17.接下來我們還是跟制作小正方形的圖層樣式效果一樣,對小圓形添加斜面浮雕與投影的圖層樣式效果。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

18.小磚塊畫好后我們就要在菜單欄的編輯中找到定義圖案,然后把它儲存為定義成圖案,然后按確定。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

19.最后一步啦,我們點擊小黃人圖層,再新建一個圖層,按住SHIFT+F5,打開填充面板時,選擇剛剛定義的磚塊圖案(普遍在圖案的最后一個),點擊確定填充進去;接著點擊這層圖層,將上方的把混合模式改成線性光。我們的像素風(fēng)案例就出來啦~

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

完成:

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

相信同學(xué)們都已經(jīng)學(xué)會了,趕快來設(shè)計自己喜歡的圖片吧,好比愛豆照片、電影海報之類的,一起來動手練習(xí)吧。

第二篇

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖

本篇教程通過PS制作逼真的下雨動畫效果,很多同學(xué)們喜歡下雨的動態(tài)效果圖,但是又不是知道如何制作,其實我們最熟悉的PS就可以制作下雨的動態(tài)效果圖,具體如何做還是需要同學(xué)們根據(jù)教程來學(xué)習(xí)一下,只有動手制作了才知道如何制作,遇到問題需要如何解決,具體通過教程來學(xué)習(xí)一下吧。

效果圖:

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

操作步驟:

首先,導(dǎo)入想要制作動效的圖片,

然后選擇窗口 > 動作。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

刪除多余的動作,創(chuàng)建新動作

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

新動作命名為下雨,功能鍵設(shè)置為:F2,然后點擊記錄

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

回到圖層界面,新建一個圖層,填充為黑色

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

選中黑色圖層,選擇:濾鏡 > 雜色 > 添加雜色...

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

雜色的數(shù)量決定了雨點的數(shù)量和大小,太大畫面會變灰,太小會看不見動態(tài)效果,需要根據(jù)畫面的大小自己調(diào)整。建議設(shè)置在25-40

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

調(diào)好后再次選擇:濾鏡 > 模糊 > 動感模糊...

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

角度是雨下落的角度,如果想要垂直下落就靠近90度,距離保持在30就可以

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

調(diào)好以后,將圖層的混合模式類型設(shè)置為濾色。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

完成以后圖層會變透明,形成下雨的效果,但是邊緣的顏色會有些深,我們可以把圖層放大一些ctrl+t

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

當(dāng)調(diào)整結(jié)束以后,我們再次點開動作,之前的步驟已經(jīng)全部被錄制了,點擊一下暫停按鈕停止錄制。然后再按兩次F2,系統(tǒng)將會重復(fù)之前的工作,復(fù)制兩個新圖層。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

然后,我們開始制作GIF,選擇:窗口 > 時間軸

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

創(chuàng)建時間軸,確保是幀動畫,而不是視頻時間軸

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

然后我們會發(fā)現(xiàn)出現(xiàn)了第一幀,將時間設(shè)置為0.1s,將圖層只保留第一個

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

然后,在點擊時間軸上的新建幀按鈕

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

點擊第二幀,點亮圖層2的小眼睛,關(guān)閉圖層1的小眼睛。以此類推,完成第三幀的制作。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

都完成了,就可以點擊播放按鈕先預(yù)覽一下效果啦

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

如果沒什么問題,我們就可以導(dǎo)出啦。文件 > 導(dǎo)出 > 存儲為Web所用格式...

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

選擇導(dǎo)出格式為GIF,大小可以按照需要修改

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

點擊儲存,選擇好存儲位置,就ok啦

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

完成:

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

制作起來還是很簡單的,照著步驟做就可以,同學(xué)們快快通過教程來學(xué)習(xí)一下吧。

Adobe Photoshop像素風(fēng)格照片+唯美逼真的下雨動態(tài)效果教程

圖片來源/百度

記得關(guān)注哦

記得點贊哦

記得評論哦

記得轉(zhuǎn)發(fā)哦

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多