Photoshop打造簡單的LED字及移動(dòng)動(dòng)畫
PS聯(lián)盟 發(fā)布時(shí)間:2010-11-27 20:32:15 作者:大眼仔~旭
我要評(píng)論

本教程的文字大致分為兩個(gè)部分來完成。首先是LED字及背景的制作,只需要按照LED字的規(guī)律,用簡單的圓點(diǎn)拼成文字再加上圖層樣式即可。然后就是動(dòng)畫部分的制作,方法跟其它動(dòng)畫制作方法一樣,用一組圖層來表示動(dòng)畫的過程。
制作過程有任何疑問可以加作者的QQ:562844847。
最終效果

1、新建一個(gè)600 * 200像素文檔,背景填充暗灰色:#121117。新建一個(gè)圖層,用橢圓選框工具拉出下圖所示的正圓選區(qū)并填充灰色:#8D8C92,放置在左上角。


2、按照之前的教程:Photoshop制作簡單的發(fā)光LED字,用動(dòng)作命令開始復(fù)制圓(當(dāng)然也可以用其它方法復(fù)制)。



3、復(fù)制后效果如下圖,再按Ctrl + R 調(diào)出參考線,并拉出參考線。復(fù)制一層圓底層得到副本,并影藏圓底層。

4、使用矩形選框工具拉出下圖所示的選區(qū),按Delete 刪除不需要的部分,如下圖如下圖。

5、使用同樣的方法刪除不需要的部分來完成字體的制作。

6、刪除完后并為其添加圖層樣式。

分別設(shè)置外發(fā)光、內(nèi)發(fā)光、光澤、顏色疊加,參數(shù)設(shè)置如下圖。




添加圖層樣式效果如下圖,如果感覺圖層樣式不是很明顯,可以再復(fù)制一層并合并,加強(qiáng)下效果。

7、選擇菜單:窗口 > 動(dòng)畫,出現(xiàn)下面的動(dòng)畫面板,下面開始制作動(dòng)畫。

8、在制作動(dòng)畫的時(shí)候,我們需要注意幀是有規(guī)律的,文字上的圓點(diǎn)要與背景部分的圓點(diǎn)對齊,高度要保質(zhì)一只。最好是拉上參考線來校準(zhǔn)。移動(dòng)的時(shí)候把文字由左至右移動(dòng),大致過程如下圖。




9、最好添加裝飾(制作GIF動(dòng)畫時(shí)一定要有耐心),最好導(dǎo)出為GIF格式,完成最終效果。

最終效果:
最終效果

1、新建一個(gè)600 * 200像素文檔,背景填充暗灰色:#121117。新建一個(gè)圖層,用橢圓選框工具拉出下圖所示的正圓選區(qū)并填充灰色:#8D8C92,放置在左上角。


2、按照之前的教程:Photoshop制作簡單的發(fā)光LED字,用動(dòng)作命令開始復(fù)制圓(當(dāng)然也可以用其它方法復(fù)制)。



3、復(fù)制后效果如下圖,再按Ctrl + R 調(diào)出參考線,并拉出參考線。復(fù)制一層圓底層得到副本,并影藏圓底層。

4、使用矩形選框工具拉出下圖所示的選區(qū),按Delete 刪除不需要的部分,如下圖如下圖。

5、使用同樣的方法刪除不需要的部分來完成字體的制作。

6、刪除完后并為其添加圖層樣式。

分別設(shè)置外發(fā)光、內(nèi)發(fā)光、光澤、顏色疊加,參數(shù)設(shè)置如下圖。




添加圖層樣式效果如下圖,如果感覺圖層樣式不是很明顯,可以再復(fù)制一層并合并,加強(qiáng)下效果。

7、選擇菜單:窗口 > 動(dòng)畫,出現(xiàn)下面的動(dòng)畫面板,下面開始制作動(dòng)畫。

8、在制作動(dòng)畫的時(shí)候,我們需要注意幀是有規(guī)律的,文字上的圓點(diǎn)要與背景部分的圓點(diǎn)對齊,高度要保質(zhì)一只。最好是拉上參考線來校準(zhǔn)。移動(dòng)的時(shí)候把文字由左至右移動(dòng),大致過程如下圖。




9、最好添加裝飾(制作GIF動(dòng)畫時(shí)一定要有耐心),最好導(dǎo)出為GIF格式,完成最終效果。

最終效果:

相關(guān)文章
ps怎么制作文字平鋪效果圖 photoshop制作滿屏字幕的技巧
ps怎么制作文字平鋪效果圖?ps輸入的文字,想要平鋪制作滿屏字幕的效果,該怎么操作呢?下面我們就來看看photoshop制作滿屏字幕的技巧2023-08-24- ps怎么做殘破字?ps中想要給好好的文字做殘破效果,該怎么制作呢?下面我們就來看看ps字體做殘缺效果的制作方法2023-08-19
ps怎么設(shè)計(jì)彩色的色塊字體? ps色彩斑斕文字效果的制作方法
ps怎么設(shè)計(jì)彩色的色塊字體?想要設(shè)計(jì)一款色塊組成的文字,該怎么設(shè)計(jì)呢?下面我們就來看看ps色彩斑斕文字效果的制作方法2023-08-19ps文字圖層怎么設(shè)置濾鏡? ps給文字添加濾鏡效果的技巧
ps文字圖層怎么設(shè)置濾鏡?ps輸入的文字需要一些效果,該怎么給文字圖層添加濾鏡效果呢?下面我們就來看看ps給文字添加濾鏡效果的技巧2023-07-03ps設(shè)計(jì)制作圍巾字體怎么弄? ps圍巾藝術(shù)字制作方法
ps設(shè)計(jì)制作圍巾字體怎么弄?ps中想要設(shè)計(jì)一款藝術(shù)字體,該怎么設(shè)計(jì)呢?下面我們就來看看看ps圍巾藝術(shù)字制作方法2023-05-12ps怎么設(shè)計(jì)扭曲3D文字效果? photoshop三維立體錯(cuò)亂字體制作技巧
ps怎么設(shè)計(jì)扭曲3D文字效果?字體無論是平面還是視頻都很常用,想要設(shè)計(jì)一款三維立體錯(cuò)亂字體,該怎么設(shè)計(jì)呢?下面我們就來看看photoshop三維立體錯(cuò)亂字體制作技巧2023-04-03ps圍繞中心旋轉(zhuǎn)扭曲的字體怎么做? ps設(shè)計(jì)中心扭曲文字字體的技巧
ps圍繞中心旋轉(zhuǎn)扭曲的字體怎么做?ps中想要設(shè)計(jì)一款扭曲的文字,該怎么設(shè)計(jì)呢?下面我們就來看看ps設(shè)計(jì)中心扭曲文字字體的技巧2023-04-03ps怎么設(shè)計(jì)綠色騎行的字體? Photoshop自行車騎行文字海報(bào)設(shè)計(jì)技巧
ps怎么設(shè)計(jì)綠色騎行的字體?ps中想要設(shè)計(jì)一款自行車騎行的效果,該怎么設(shè)計(jì)這款字體呢?下面我們就來看看Photoshop自行車騎行文字海報(bào)設(shè)計(jì)技巧2023-03-24ps怎么做刪除原價(jià)格的效果? PhotoShop添加文字刪除線的技巧
ps怎么做刪除原價(jià)格的效果?一般商場都能看到原價(jià)格和優(yōu)惠價(jià),原價(jià)格都會(huì)添加刪除線個(gè),該怎么添加呢?下面我們就來看看PhotoShop添加文字刪除線的技巧2023-02-21ps怎么設(shè)計(jì)七夕長投影立體字海報(bào)? PS給文字制作長投影圖文教程
ps怎么設(shè)計(jì)七夕長投影立體字海報(bào)?想要做一個(gè)七夕的字體海報(bào),最好是立體的,今天我們就來看看PS給文字制作長投影圖文教程2023-02-14