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