當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>淘寶美工>教程內(nèi)容

PS制作淘寶店鋪動畫店招和店鋪公告(6)

來源:網(wǎng)絡(luò)收集 作者:佚名 發(fā)布 學(xué)習(xí):46855人次

  1.打開PS軟件(我的是CS3版本的,版本高低不影響),然后打開一幅自己中意的圖片,也可以自己動手做,我個人覺得網(wǎng)上有很多唯美的圖,比自己做的漂亮,我建議去百度搜一下,但要和自己店的主體風(fēng)格一致。

  打開圖片所在的位置(“文件”中“打開”)

PS制作淘寶店鋪動畫店招和店鋪公告 三聯(lián)教程

  2. 設(shè)置大小:店鋪公告只限制寬度,<=735像素,高和大小無限制,可根據(jù)需要設(shè)置,寬度就設(shè)最大735比較整齊美觀,和寶貝也統(tǒng)一。此圖寬為735,高為602,高和寬是自動調(diào)節(jié)的,這樣比較協(xié)調(diào)。

動畫店招和店鋪公告
動畫店招和店鋪公告

  3.制作促銷活動內(nèi)容:在圖的中間寫上促銷內(nèi)容。

  點擊工具欄上的T文字工具,就可以編輯內(nèi)容了

動畫店招和店鋪公告
動畫店招和店鋪公告

  如何想修改字體、大小、顏色,先選中文字,然后在這個編輯區(qū)修改。如果想把文字制作動畫,也可根據(jù)下面的步驟修改。

動畫店招和店鋪公告

  4、制作動畫:以一個會飛的蝴蝶為例

 、俅蜷_一幅小的蝴蝶圖片

動畫店招和店鋪公告

  將蝴蝶圖拷貝到剛剛打開的大圖中,點擊移動工具,如下圖:

動畫店招和店鋪公告
動畫店招和店鋪公告

  將這一箭頭放到蝴蝶圖上,一直按住鼠標(biāo)左鍵不放,拖到大圖中,如上圖。蝴蝶就在圖層1中了,給圖層1加上圖層蒙版,為的是用橡皮擦擦除白色部分。http://www.tbxt.com

動畫店招和店鋪公告

  ②如何用橡皮擦擦除白色部分:最主要的是背景色為黑色,前景色沒限制,然后直接擦白色部分即可,可以將圖放大。

動畫店招和店鋪公告

  擦除白色部分后的效果

動畫店招和店鋪公告

  如果蝴蝶太大,選中蝴蝶圖層,然后點擊“編輯”下的“變換”中的縮放,將蝴蝶縮小,也可旋轉(zhuǎn)蝴蝶方向(目的是讓蝴蝶從下面的花叢飛到右上的花叢)

動畫店招和店鋪公告

  縮小和旋轉(zhuǎn)后的效果。

動畫店招和店鋪公告

  ③按住Ctrl+J,復(fù)制蝴蝶,此例中復(fù)制了四個蝴蝶,總計有5個蝴蝶,復(fù)制好后,將蝴蝶移動到合適的位置。如圖:

動畫店招和店鋪公告

 、芙▌赢嫞狐c擊“窗口”中的“動畫”,打開動畫工具。

動畫店招和店鋪公告

  因圖中有5個蝴蝶,所以建立5幀動畫,點擊動畫窗口的新建按鈕,

動畫店招和店鋪公告

  點擊第1幀,只顯示第1只蝴蝶,背景,文字,其余全部點不可視,點圖層上的那只小眼睛即可。如圖

動畫店招和店鋪公告

  用同樣的方法,編輯其他幾只蝴蝶,但每幀中文字和背景層都必須可視。編輯好后,將前面4幅的動畫時間設(shè)置為0.5秒,最后一幅設(shè)置為1秒,目的是為了讓蝴蝶在花上停留的時間長一點。如圖:

動畫店招和店鋪公告
動畫店招和店鋪公告

  最后點擊播放按鈕就可以看到最終制作的效果了。

 、荼4妫簞赢嫷谋4婧蚃PG的保存是不一樣的,不能用存儲和另存為,要用“文件”菜單下的“存儲為Web所用格式”,才能保存為動畫。最終成果如下:

  到此會飛的蝴蝶動畫就制作完成了,若有不足之處,請大家指出,一起討論

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
1+1客服2016-01-12 10:15
沒用
綠葉木木2014-02-25 12:06
學(xué)習(xí) 學(xué)習(xí)。。。。。。
綠葉木木2014-02-25 12:05
學(xué)習(xí) 學(xué)習(xí) 。。。。。。
zhl150102014-02-24 09:00
來學(xué)習(xí)學(xué)習(xí)。
重復(fù)用戶名2014-02-24 10:58
學(xué)習(xí)了,辛苦樓主
重復(fù)用戶名2014-02-24 10:58
學(xué)習(xí)下,學(xué)習(xí)下啊
jjloveww131402014-02-23 04:27
學(xué)習(xí)了
重復(fù)用戶名2014-02-22 03:32
不錯不錯,值得學(xué)習(xí),我來了
借錢不想還2013-11-05 11:43
努力學(xué)習(xí),趕緊做好自己的店鋪招牌
laozheng8982013-10-26 08:23
新手學(xué)習(xí)了

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

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