PS設計熱播韓劇《來自星星的你》中的都教授的一款星光動畫簽名檔

今天PS愛好者教程網的設計師給大家帶來前段時間熱播的韓劇《來自星星的你》中的都教授的一款星光動畫簽名檔，效果很璀璨，制作也很簡單，希望大家能喜歡。

 

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

 

 

 

 

所需工具：Photoshop CS

 

所需時間：三分鐘

 

難度系數：很簡單

 

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

 

 

步驟一：

 

文件——新建

 

名稱：都教授星光簽名檔

 

寬度：500像素

 

高度：250像素

 

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

 

步驟二：

 

文件——打開。

 

打開我們的都教授素材文件。（圖片1404300002）

 

 

窗口——排列——雙聯垂直

 

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

 

 

 

 

步驟三：

 

繼續我們都教授星光動畫簽名檔的制作

 

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

 

 

 

拖動都教授圖層到圖層面板下方的新建圖層按鈕，復制出都教授拷貝圖層 （圖片140430008）

 

 

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

 

 

步驟四：

 

選擇文字工具，輸入都教授的經典臺詞，如下圖般的段落文字可以按ENTER鍵進行換行。（圖片140430010）

 

 

字體類型和大小設置好，可以選中其中的詞組特別設置顏色和字體類型，大小。（圖011）可以在窗口——字符面板中調節文字類型，大小，顏色。可以先設置好整體大小為葉友根非主流手寫體，18點大小，白色。再分別對愛情，故事，幸福設置為24號字體。因為“故事”在葉友根非主流手寫體中識別度不夠高，我們另外把這兩個字改為幼圓字體。愛情和幸福兩個詞分別設置你喜歡的顏色，突出識別（圖片140430011）。

 

 

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

 

 

 

以此類推，對自己的簽名檔簽上作者大名。（圖片140430013）（圖片140430014）

 

 

 

步驟五：

 

添加文字外發光效果。

 

右鍵單擊文字圖層，選擇混合選項，雙擊選擇 外發光 圖層樣式（圖片140430015）（圖片140430016）（圖片140430017）（圖片140430018）

 

 

 

 

 

此時，你的圖層面板和畫面效果應該得到如圖所示（圖片140430019）

 

 

步驟六：

 

星光璀璨圖層的制作。

 

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

 

 

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

 

 

選擇星光圖層和畫筆工具，按F5打開畫筆面板，分別設置好畫筆筆尖形狀，形狀動態，散布，顏色動態，勾選傳遞和平滑選項（圖片140430022） （圖片140430023）（圖片140430024）（圖片140430025）

 

 

 

 

 

現在，可以用畫筆分別對三個星光圖層進行適當的涂抹了。圓點不要太密集。 （圖片140430026）（圖片140430027）（圖片140430028）

 

 

 

 

步驟七：

 

現在我們要進入動畫環節了。

 

調出時間軸面板。窗口——時間軸（圖片140430029）

 

 

創建幀動畫，轉化為幀動畫面板。 （圖片140430030）（圖片140430031）（圖片140430032）

 

 

 

 

步驟八：

 

把三個星光圖層的小眼睛都打開，發現我們都教授俊美的臉居然被某些圓點擋住了?。▓D片140430033）

 

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

 

 

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

 

 

 

選擇星光圖層和畫筆工具，按鍵盤上的Q鍵，或者單擊快速蒙版工具，進入快速蒙版狀態。（圖片140430036）

 

 

按鍵盤上的D鍵，或者點擊前景色左上角的顏色復位圖標，復位前景色和背景色為黑白兩色。對都教授的俊臉進行涂抹，保護都教授的俊臉。。（圖片140430037）

 

 

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

 

 

 

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

 

 

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

 

 

此時時間軸面板和圖層面板如下狀態（圖片140430042）

 

 

步驟九：

 

拖動時間軸上的第一幀縮率圖到時間軸下方的復制所選幀按鈕上，復制出第二幀圖像。（圖片140430043）

 

 

保持時間面板上第二幀圖像選中狀態下，對圖層面板上的圖層進行操作

 

關閉星光圖層前的小眼睛，隱藏星光圖層

 

打開星光拷貝圖層前的小眼睛，顯示星光拷貝圖層

 

打開作者簽名圖層的效果上的小眼睛，顯示作者簽名的外發光效果

 

關閉都教授經典臺詞圖層前的小眼睛，關閉該圖層的外發光效果（圖片140430044）

 

 

步驟十：

 

保持時間面板上第二幀圖像選中狀態下，拖動時間軸上的第二幀縮率圖到時間軸下方的復制所選幀按鈕上，復制出第三幀圖像。（圖片140430045）

 

 

保持時間面板上第三幀圖像選中狀態下，對圖層面板上的圖層進行操作

 

打開星光拷貝2圖層前的小眼睛，顯示星光拷貝2圖層

 

關閉星光拷貝圖層前的小眼睛，隱藏星光拷貝圖層

 

打開作者簽名圖層的效果上的小眼睛，顯示作者簽名的外發光效果

 

打開都教授經典臺詞圖層前的小眼睛，顯示該圖層的外發光效果（圖片140430046）

 

 

步驟十一：

 

保持時間面板上第三幀圖像選中狀態下，拖動時間軸上的第三幀縮率圖到時間軸下方的復制所選幀按鈕上，復制出第四幀圖像。（圖片140430047）

 

 

保持時間面板上第四幀圖像選中狀態下，對圖層面板上的圖層進行操作

 

關閉所有星光圖層前的小眼睛，隱藏所有星光圖層

 

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

 

 

步驟十二：

 

選中第一幀，復制第一幀，得到的第二幀，用鼠標左鍵按住不放，拖動到最后一幀的后方。

 

這么做是為了讓動畫的頭尾無縫過渡重復。（圖片140430049）（圖片140430050）（圖片140430051）

 

 

 

 

步驟十三：

 

現在，給每個動畫幀之間各添加三幀過渡幀，讓他們的過渡更為自然。

 

選中第一個動畫幀。點擊時間軸面板下方過渡動畫幀按鈕，設置如下。（圖片140430052）

 

 

接著，選中第一幀+中間三個過渡幀+1=第五幀，點擊時間軸下方過渡動畫幀按鈕，設置如下（圖片140430053）

 

 

以此類推，選中第五幀+中間三個過渡幀+1=第九幀，點擊時間軸下方過渡幀按鈕，設置如下（圖片140430054）

 

 

選中第九幀+中間三個過渡幀+1=第十三幀，點擊時間軸下方過渡幀按鈕，設置如下（圖片140430055）

 

 

步驟十四：

 

設置動畫時間。

 

選中第一個動畫幀，按住SHIFT鍵，選中最后一個動畫幀，這樣就把所有的動畫幀都一次選中了。（圖片140430056）（圖片140430057）

 

 

 

單擊動畫幀下方的秒旁的小三角形，把每幀動畫的時間改為0.1秒（圖片140430058）

 

 

單擊時間軸左下方的選擇循環選項按鈕，選擇永遠循環按鈕。（圖片140430059）（圖片140430060）

 

 

 

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

 

 

步驟十五：

 

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

 

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

 

 

切換四聯顯示，觀察發現右上角的壓縮大小，效果和顯示速度比較符合我們的要求。選擇右上角的縮略圖（圖片140430063），選擇GIF格式，循環選項選擇永遠。存儲。（圖片140430064）存儲格式僅限圖像。（圖片140430065）

 

 

 

 

步驟十六：

 

雙擊自己存儲的GIF簽名檔動畫查看。（圖片140430066）（圖片140430067）

 

 

 

最后上傳簽名檔到相應論壇，設置為簽名檔。