PS設(shè)計(jì)熱播韓劇《來(lái)自星星的你》中的都教授的一款星光動(dòng)畫(huà)簽名檔

今天PS愛(ài)好者教程網(wǎng)的設(shè)計(jì)師給大家?guī)?lái)前段時(shí)間熱播的韓劇《來(lái)自星星的你》中的都教授的一款星光動(dòng)畫(huà)簽名檔，效果很璀璨，制作也很簡(jiǎn)單，希望大家能喜歡。

 

先上效果圖：（圖片都教授星光簽名檔） （圖片000）

 

 

 

 

所需工具：Photoshop CS

 

所需時(shí)間：三分鐘

 

難度系數(shù)：很簡(jiǎn)單

 

所需素材：如下（圖片140430000）

 

 

步驟一：

 

文件——新建

 

名稱(chēng)：都教授星光簽名檔

 

寬度：500像素

 

高度：250像素

 

分辨率：72像素/英寸（圖片140430001）

 

步驟二：

 

文件——打開(kāi)。

 

打開(kāi)我們的都教授素材文件。（圖片1404300002）

 

 

窗口——排列——雙聯(lián)垂直

 

讓素材和我們新建的都教授星光動(dòng)畫(huà)簽名檔并排，使用移動(dòng)工具，把素材拖到新建的文檔里。 （圖片140430003）（圖片140430004）（圖片140430005）

 

 

 

 

步驟三：

 

繼續(xù)我們都教授星光動(dòng)畫(huà)簽名檔的制作

 

把剛才拖過(guò)來(lái)的圖層1，雙擊文字部分，（圖片140430006）改名為都教授圖層（圖片140430007），這樣方便我們后期修改的時(shí)候容易找到圖層。

 

 

 

拖動(dòng)都教授圖層到圖層面板下方的新建圖層按鈕，復(fù)制出都教授拷貝圖層 （圖片140430008）

 

 

把都教授拷貝圖層的圖層混合模式改為柔光，是不是瞬間發(fā)現(xiàn)畫(huà)面“清晰”很多？（圖片140430009）

 

 

步驟四：

 

選擇文字工具，輸入都教授的經(jīng)典臺(tái)詞，如下圖般的段落文字可以按ENTER鍵進(jìn)行換行。（圖片140430010）

 

 

字體類(lèi)型和大小設(shè)置好，可以選中其中的詞組特別設(shè)置顏色和字體類(lèi)型，大小。（圖011）可以在窗口——字符面板中調(diào)節(jié)文字類(lèi)型，大小，顏色?？梢韵仍O(shè)置好整體大小為葉友根非主流手寫(xiě)體，18點(diǎn)大小，白色。再分別對(duì)愛(ài)情，故事，幸福設(shè)置為24號(hào)字體。因?yàn)?ldquo;故事”在葉友根非主流手寫(xiě)體中識(shí)別度不夠高，我們另外把這兩個(gè)字改為幼圓字體。愛(ài)情和幸福兩個(gè)詞分別設(shè)置你喜歡的顏色，突出識(shí)別（圖片140430011）。

 

 

右對(duì)齊，放置在合適位置。（圖片140430012）

 

 

 

以此類(lèi)推，對(duì)自己的簽名檔簽上作者大名。（圖片140430013）（圖片140430014）

 

 

 

步驟五：

 

添加文字外發(fā)光效果。

 

右鍵單擊文字圖層，選擇混合選項(xiàng)，雙擊選擇 外發(fā)光 圖層樣式（圖片140430015）（圖片140430016）（圖片140430017）（圖片140430018）

 

 

 

 

 

此時(shí)，你的圖層面板和畫(huà)面效果應(yīng)該得到如圖所示（圖片140430019）

 

 

步驟六：

 

星光璀璨圖層的制作。

 

如下所示新建一個(gè)圖層，命名為星光。（圖片140430020）

 

 

復(fù)制兩圖層，分別為星光拷貝圖層和星光拷貝2圖層（圖片140430021）

 

 

選擇星光圖層和畫(huà)筆工具，按F5打開(kāi)畫(huà)筆面板，分別設(shè)置好畫(huà)筆筆尖形狀，形狀動(dòng)態(tài)，散布，顏色動(dòng)態(tài)，勾選傳遞和平滑選項(xiàng)（圖片140430022） （圖片140430023）（圖片140430024）（圖片140430025）

 

 

 

 

 

現(xiàn)在，可以用畫(huà)筆分別對(duì)三個(gè)星光圖層進(jìn)行適當(dāng)?shù)耐磕?。圓點(diǎn)不要太密集。 （圖片140430026）（圖片140430027）（圖片140430028）

 

 

 

 

步驟七：

 

現(xiàn)在我們要進(jìn)入動(dòng)畫(huà)環(huán)節(jié)了。

 

調(diào)出時(shí)間軸面板。窗口——時(shí)間軸（圖片140430029）

 

 

創(chuàng)建幀動(dòng)畫(huà)，轉(zhuǎn)化為幀動(dòng)畫(huà)面板。 （圖片140430030）（圖片140430031）（圖片140430032）

 

 

 

 

步驟八：

 

把三個(gè)星光圖層的小眼睛都打開(kāi)，發(fā)現(xiàn)我們都教授俊美的臉居然被某些圓點(diǎn)擋住了?。▓D片140430033）

 

這太讓自己不能接受了！我們要把擋住都教授俊臉的圓點(diǎn)都去除掉！

 

 

選擇畫(huà)筆工具，按F5重新調(diào)出畫(huà)筆面板，清除畫(huà)筆控制（圖片140430034），并把畫(huà)筆筆尖形狀中的間距設(shè)置回最小值1%（圖片140430035）

 

 

 

選擇星光圖層和畫(huà)筆工具，按鍵盤(pán)上的Q鍵，或者單擊快速蒙版工具，進(jìn)入快速蒙版狀態(tài)。（圖片140430036）

 

 

按鍵盤(pán)上的D鍵，或者點(diǎn)擊前景色左上角的顏色復(fù)位圖標(biāo)，復(fù)位前景色和背景色為黑白兩色。對(duì)都教授的俊臉進(jìn)行涂抹，保護(hù)都教授的俊臉。。（圖片140430037）

 

 

再按Q鍵，快速蒙版外的區(qū)域轉(zhuǎn)換為選區(qū)（圖片140430038），按SHIFT+CTRL+I，反選中都教授的俊臉（圖片140430039）。

 

 

 

確保選中的是星光圖層，然后使用橡皮擦工具，對(duì)選區(qū)內(nèi)進(jìn)行涂抹，去除圓點(diǎn)。同樣的方法依次選中星光拷貝圖層和星光拷貝2圖層，去除都教授臉上的圓點(diǎn)。（圖片140430040）

 

 

處理完畢后按CTRL+D，取消選區(qū)。并把星光拷貝圖層和星光拷貝2圖層前的小眼睛去掉，隱藏拷貝圖層，同時(shí)去掉作者簽名文字圖層的效果簽名的小眼睛，暫時(shí)隱藏效果（圖片140430041）

 

 

此時(shí)時(shí)間軸面板和圖層面板如下?tīng)顟B(tài)（圖片140430042）

 

 

步驟九：

 

拖動(dòng)時(shí)間軸上的第一幀縮率圖到時(shí)間軸下方的復(fù)制所選幀按鈕上，復(fù)制出第二幀圖像。（圖片140430043）

 

 

保持時(shí)間面板上第二幀圖像選中狀態(tài)下，對(duì)圖層面板上的圖層進(jìn)行操作

 

關(guān)閉星光圖層前的小眼睛，隱藏星光圖層

 

打開(kāi)星光拷貝圖層前的小眼睛，顯示星光拷貝圖層

 

打開(kāi)作者簽名圖層的效果上的小眼睛，顯示作者簽名的外發(fā)光效果

 

關(guān)閉都教授經(jīng)典臺(tái)詞圖層前的小眼睛，關(guān)閉該圖層的外發(fā)光效果（圖片140430044）

 

 

步驟十：

 

保持時(shí)間面板上第二幀圖像選中狀態(tài)下，拖動(dòng)時(shí)間軸上的第二幀縮率圖到時(shí)間軸下方的復(fù)制所選幀按鈕上，復(fù)制出第三幀圖像。（圖片140430045）

 

 

保持時(shí)間面板上第三幀圖像選中狀態(tài)下，對(duì)圖層面板上的圖層進(jìn)行操作

 

打開(kāi)星光拷貝2圖層前的小眼睛，顯示星光拷貝2圖層

 

關(guān)閉星光拷貝圖層前的小眼睛，隱藏星光拷貝圖層

 

打開(kāi)作者簽名圖層的效果上的小眼睛，顯示作者簽名的外發(fā)光效果

 

打開(kāi)都教授經(jīng)典臺(tái)詞圖層前的小眼睛，顯示該圖層的外發(fā)光效果（圖片140430046）

 

 

步驟十一：

 

保持時(shí)間面板上第三幀圖像選中狀態(tài)下，拖動(dòng)時(shí)間軸上的第三幀縮率圖到時(shí)間軸下方的復(fù)制所選幀按鈕上，復(fù)制出第四幀圖像。（圖片140430047）

 

 

保持時(shí)間面板上第四幀圖像選中狀態(tài)下，對(duì)圖層面板上的圖層進(jìn)行操作

 

關(guān)閉所有星光圖層前的小眼睛，隱藏所有星光圖層

 

關(guān)閉所有文字圖層的效果前的小眼睛，隱藏所有文字圖層的外發(fā)光效果。（圖片140430048）

 

 

步驟十二：

 

選中第一幀，復(fù)制第一幀，得到的第二幀，用鼠標(biāo)左鍵按住不放，拖動(dòng)到最后一幀的后方。

 

這么做是為了讓動(dòng)畫(huà)的頭尾無(wú)縫過(guò)渡重復(fù)。（圖片140430049）（圖片140430050）（圖片140430051）

 

 

 

 

步驟十三：

 

現(xiàn)在，給每個(gè)動(dòng)畫(huà)幀之間各添加三幀過(guò)渡幀，讓他們的過(guò)渡更為自然。

 

選中第一個(gè)動(dòng)畫(huà)幀。點(diǎn)擊時(shí)間軸面板下方過(guò)渡動(dòng)畫(huà)幀按鈕，設(shè)置如下。（圖片140430052）

 

 

接著，選中第一幀+中間三個(gè)過(guò)渡幀+1=第五幀，點(diǎn)擊時(shí)間軸下方過(guò)渡動(dòng)畫(huà)幀按鈕，設(shè)置如下（圖片140430053）

 

 

以此類(lèi)推，選中第五幀+中間三個(gè)過(guò)渡幀+1=第九幀，點(diǎn)擊時(shí)間軸下方過(guò)渡幀按鈕，設(shè)置如下（圖片140430054）

 

 

選中第九幀+中間三個(gè)過(guò)渡幀+1=第十三幀，點(diǎn)擊時(shí)間軸下方過(guò)渡幀按鈕，設(shè)置如下（圖片140430055）

 

 

步驟十四：

 

設(shè)置動(dòng)畫(huà)時(shí)間。

 

選中第一個(gè)動(dòng)畫(huà)幀，按住SHIFT鍵，選中最后一個(gè)動(dòng)畫(huà)幀，這樣就把所有的動(dòng)畫(huà)幀都一次選中了。（圖片140430056）（圖片140430057）

 

 

 

單擊動(dòng)畫(huà)幀下方的秒旁的小三角形，把每幀動(dòng)畫(huà)的時(shí)間改為0.1秒（圖片140430058）

 

 

單擊時(shí)間軸左下方的選擇循環(huán)選項(xiàng)按鈕，選擇永遠(yuǎn)循環(huán)按鈕。（圖片140430059）（圖片140430060）

 

 

 

單擊播放按鈕，欣賞一下自己的作品吧。（圖片140430061）

 

 

步驟十五：

 

僅僅在自己電腦上欣賞是不是有點(diǎn)孤單寂寞呢？我們把它存為GIF格式就可以作為各大論壇簽名檔讓大家一起欣賞了。

 

文件——存儲(chǔ)為WEB所用格式（圖片140430062）

 

 

切換四聯(lián)顯示，觀(guān)察發(fā)現(xiàn)右上角的壓縮大小，效果和顯示速度比較符合我們的要求。選擇右上角的縮略圖（圖片140430063），選擇GIF格式，循環(huán)選項(xiàng)選擇永遠(yuǎn)。存儲(chǔ)。（圖片140430064）存儲(chǔ)格式僅限圖像。（圖片140430065）

 

 

 

 

步驟十六：

 

雙擊自己存儲(chǔ)的GIF簽名檔動(dòng)畫(huà)查看。（圖片140430066）（圖片140430067）

 

 

 

最后上傳簽名檔到相應(yīng)論壇，設(shè)置為簽名檔。