今天淘寶學(xué)堂網(wǎng)地瓜和大家分享動態(tài)GIF店標(biāo)制作圖文,用圖文并茂的方式分享給大家,讓大家都能自己動手做出自己的店標(biāo)來!以下是動態(tài)GIF店標(biāo)制作圖文詳解:
動態(tài)GIF店標(biāo)制作工具PS(PhotoShop CS以上版本,簡單易用),按照國際慣例先讓大家看看完整效果圖:
以下是動態(tài)GIF店標(biāo)制作圖文詳解的全過程了:
1、打開PS,將你選擇好的圖片素材分別在PS中打開。如圖:(尺寸大小調(diào)整為120*120。為什么?接著看就明白了)
2、新建一張圖片,點PS頂部任務(wù)工具欄的【文件】——>【新建】(或者按Ctrl+N)這里我們主要針對淘寶來制作店標(biāo),而淘寶的店標(biāo)可用尺寸為120*120,所以我們需要講圖片尺寸大小設(shè)置為120*120,單位選擇(像素),如下圖:
其它默認(rèn)即可。點好后如下圖:
現(xiàn)在PS中將有我們要使用的4張圖片,3張是我們選擇的圖片素材,還有一張就是我們剛才新建的用來制作店標(biāo)的空白圖片。我們繼續(xù)往下做。
3、分別將三張圖片素材復(fù)制到空白圖片文件里來。(部份沒有用過PS的朋友可能不知道怎么操作,這里簡單說明一下,高手們可以直接跳過此段)
選中一張圖片素材文件,激活當(dāng)前圖片,全選(按Ctrl+A 鍵),然后復(fù)制(按Ctrl+C鍵)。
再點回空白圖片,粘貼過來(按Ctrl+V鍵),這樣即可將第一張圖片素材復(fù)制到空白圖片上了,如下圖:
那么我們將用同樣的方法,把其余的2張圖片素材也復(fù)制到空白圖片上去,然后關(guān)閉那三張圖片素材的窗口?,F(xiàn)在不需要關(guān)他是如何如下圖:
在PS窗口中的右下方的【圖層信息】中可以看見如上圖所示的界面(如沒有看到請按F7鍵調(diào)出圖層信息)
4、到此,我們的準(zhǔn)備工作已經(jīng)完成,下面將進入真正的動態(tài)GIF淘寶店標(biāo)的制作了
點PS工具欄上的轉(zhuǎn)入到imageready按鈕進入到imageready中進行GIF的制作。按鈕位置如下圖(或者直接按Ctrl+Shift+M也可進入)即工具欄下面最下一個按鈕。
進入imageready后界面如下所示:
5、將【動畫】窗口顯示出來,如果你的ImageReady中已經(jīng)有【動畫】窗口本步驟可以跳過,如下圖:
6、點下圖中動畫窗口中的“復(fù)制當(dāng)前幀”(右邊第二的功能按鈕),連點兩下(因有三張素材,固三幀即可)
連點兩次后得到如下圖所示界面。
此時對應(yīng)于右下方的【圖層】信息如下:
7、選中動畫窗口中的第一幀,再在【圖層】中關(guān)閉圖層2,圖層3(點上圖中眼睛處即可),圖解如下。
8、同樣操作,在動畫窗口中選中第二幀,在圖層中關(guān)閉圖層1,圖層3,得到如下信息。
同理選中動畫窗口中第三幀,關(guān)閉1、2圖層,得如下:
此時,動畫制作基本完成??牲c動畫窗口中的“播放”按鈕看看效果了。
如果發(fā)現(xiàn)動畫閃動得太快,是因為時間間隔太小,所以我們還需要調(diào)整動畫幀的間隔時間,再動畫窗口中,每一幀的下面有個時間,0秒,我們點下那個向下的小箭頭,選擇需要的時間,我這里統(tǒng)一設(shè)置為0.5秒,你也可以根據(jù)自己的喜好設(shè)置成其他的間隔時間
9、再點播放按鈕看看效果,是不是很不錯啊,現(xiàn)在完成設(shè)計了,對于新手保存可能又是一個問題了。 下面說說如何保存動態(tài)GIF圖片。
10、保存設(shè)計的圖片
直接點存儲是存為PSD文件格式,是為了方便下次改動時用的,在網(wǎng)頁上是看不到的,所以必須選“將優(yōu)化結(jié)果存儲為”彈出對話框后,選擇存儲的路徑,后面還有一對話框,選中每次后,點“好”然后再在你剛存儲的地方去找你制作的GIF圖片,最后效果圖:
PS:最開始的那張完整效果圖中還有2個文字圖片,其實就是在我們制作的這個動畫的基礎(chǔ)上增加了2個自己設(shè)計的文字圖層,然后做到動畫里面,同時也要增加2幀動畫哦!制作方法基本相同。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則
本文來源: 動態(tài)GIF店標(biāo)制作圖文詳解