ps制作淘寶GIF店招教程(4)

來源:站酷 作者:上宮小劍 學(xué)習(xí):35093人次

首先大家在PS上選擇 窗口-時(shí)間軸 PS下面就會(huì)出現(xiàn)一個(gè)編輯幀數(shù)的窗口 這個(gè)在PS5之后都是叫 【時(shí)間軸】如下圖:

ps制作淘寶GIF店招教程

新建一個(gè)圖層。然后放上一個(gè)矩形,填充為#e60012色

ps制作淘寶GIF店招教程

然后打上字

ps制作淘寶GIF店招教程

同理的制作一個(gè)小圖標(biāo):

圖層上面有個(gè)4的文字。那個(gè)文字是用來做這個(gè)小圖標(biāo)的一個(gè)尖角的。 只要先打出一個(gè)阿拉部數(shù)字 4 然后字符選擇webdings這個(gè)就OK了。這個(gè)4就會(huì)變成一個(gè)三角形,然后ctrl+t 變形跟擺好位置就可以制作這個(gè)小圖標(biāo)的尖角了。

ps制作淘寶GIF店招教程

ps制作淘寶GIF店招教程

然后復(fù)制這個(gè) 【動(dòng)態(tài)組01】 命名為 【動(dòng)態(tài)組02】 ; 【動(dòng)態(tài)組02】的圓角型填充為藍(lán)色。

ps制作淘寶GIF店招教程

然后到編輯下面的【時(shí)間軸】了。

ps制作淘寶GIF店招教程

點(diǎn)擊一下第一幀,在第一幀下把【動(dòng)態(tài)組02】隱藏。只顯示【動(dòng)態(tài)組01】。

ps制作淘寶GIF店招教程

點(diǎn)擊一下第二幀,在第一幀下把【動(dòng)態(tài)組01】隱藏。只顯示【動(dòng)態(tài)組02】。

ps制作淘寶GIF店招教程

然后按ctrl+shift+alt+s保存,保存的時(shí)候選擇GIF

ps制作淘寶GIF店招教程

效果圖

ps制作淘寶GIF店招教程

然后教大家另外一種簡單的。把【上宮小劍】和【矩形】放到同一個(gè)組里面,命名為【組01】

ps制作淘寶GIF店招教程

然后在【組01】上面新建一個(gè)圖層命名為【光線】。然后按【M】 在畫布上弄出一個(gè)比較窄的矩形選區(qū),填充為白色,然后【濾鏡】-【模糊】-【高斯模糊】然后按照需要調(diào)整一下模糊的程度,大概弄成下面的效果。

為了方便看效果,我把背景變成了黑色。

ps制作淘寶GIF店招教程

看到效果后背景恢復(fù)白色,【組01】顯示回來。然后您按住【ALT】鍵,鼠標(biāo)移動(dòng)到【光線】圖層與【組01】圖層中間,鼠標(biāo)就會(huì)變成另外一個(gè)圖標(biāo),然后您左鍵點(diǎn)擊一下。然后【光線】圖層就會(huì)嵌到組01上面,如下圖。

ps制作淘寶GIF店招教程

然后ctrl+t把【光線】圖層擺成這樣后回車鍵一下。

ps制作淘寶GIF店招教程

然后第一個(gè)幀的時(shí)間設(shè)置為0.1 接著 你點(diǎn)擊 【V】 (這個(gè)是移動(dòng)工具) 新建一個(gè)幀,你就按五六次鍵盤 【→】 鍵 (在移動(dòng)模式下,你按鍵盤的上下左右鍵就能移動(dòng)你選中的圖層了)。

也就是不斷的重復(fù) 【新建幀】【→鍵五六次】 直到【光線】圖層完全從【組01】上平移完。

ps制作淘寶GIF店招教程

時(shí)間軸上面還有個(gè)播放按鈕,你可以看看效果,其他的你們點(diǎn)點(diǎn)就懂了,不多介紹了。

然后就是 然后按ctrl+shift+alt+s保存,保存的時(shí)候選擇GIF

效果圖:

ps制作淘寶GIF店招教程

這樣你們就可以按照我前一節(jié)課說的切片。然后個(gè)別圖片制作成GIF放到店招上。就可以實(shí)現(xiàn)動(dòng)態(tài)效果了。

然后,你們還可以自己制作一些惡搞的小動(dòng)態(tài)圖。期待你們自己的發(fā)揮喲。

有人問為什么不整個(gè)店招都做GIF呢? 因?yàn)镚IF不支持高清。如果你圖片太大了,圖片的質(zhì)量很差的。這就是為什么要做切片了。

下節(jié)課教大家添加搜索欄。

寫教程不容易,希望大家多多關(guān)注與推薦我。

在此,也感謝那些支持與關(guān)注我的小朋友們,么么噠。

字經(jīng)常打錯(cuò),手殘不能救。

今天就這樣。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
噔噔2024-06-04 02:42
我的作業(yè):

錢途2018-07-03 10:11
我的作業(yè):
錢途2018-06-28 02:45
我的作業(yè):
馬毛2015-02-02 09:23
2015/2/1 淘寶GIF店招
馬毛2015-02-02 09:02
2015/2/1 淘寶GIF店招
KK_forest2014-12-19 08:18
i want it
KK_forest2014-12-19 08:12
i want it
幽默人生的小屋2014-11-26 09:58
不錯(cuò) 。。。。。
幽默人生的小屋2014-11-26 09:11
不錯(cuò) 。。。。。
相守夢(mèng)傾盡2014-05-18 05:39
感謝樓主
路西法仰慕者2014-05-18 03:10
都沒人回復(fù)
讓愛奔跑2014-05-18 01:29
一會(huì)交作業(yè)
留下緣分2014-05-17 11:36
要交作業(yè)嗎?
顛簸有點(diǎn)亂2014-05-17 07:14
我要交作業(yè)
隱于我2014-05-17 05:13
怎交作業(yè)?

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!