用ps做的網頁設計圖片輪播

1、用PS怎麼做輪播圖片

輪播是神馬？GIF么？

GIF的話，「窗口」菜單裡面有個「動畫」（ps cs3)，點開後，把要播放的圖片載入，一個圖層一張，然後在下面的動畫幀裡面設置即可

2、ps 圖片輪播怎麼做

在動畫面板裡面做
把要輪播的圖片依次打開放在一個文檔
從圖層建立幀

3、PS教程：如何用PS製作flash圖片輪播效果

首先創建一個flash空白文檔，調整舞台大小。

插入圖片，調整圖片位置，x：0 y:0圖片即可占滿屏幕。

將圖片轉換成圖片元件，然後在120幀處插入關鍵幀。第一幀不變，在120幀處點擊屬性，調整alpha度，然後創建傳統補間。

新建圖層，命名矩形。選擇矩形工具，將矩形轉換為按鈕元件，將透明度設為0看不見，然後右鍵動作，寫入代碼。以此類推，做不同的圖片動畫。

4、ps時間軸怎樣製作輪播圖2014

ps時間軸是做動畫動態圖的，你滑鼠移動上去還是會動，輪播圖滑鼠移到上面是靜止的，還可以點換圖，不是一個概念，輪播圖要弄代碼。

5、如何用PS製作多圖輪換模板 希望能給個詳細教程

單純用PS做的話，首先確定PS軟體有附帶安裝ImageReady，
淘寶網圖片輪播代碼的製作和使用過程，下面是輪播圖片的製作過程，不過需要你對Photoshop要了解。
1、 選好圖片素材以後打開PhotoShop，新建一個圖層，建議尺寸大小一般為寬度145像素，高度206像素，點擊「確定」按扭，自動生成如下空白編輯區。
2、在PS中打開提前選好的圖片素材，把這4張圖分別托入新建的圖層中（使用：工具托入）
3、全部托入以後，關掉選好的圖片窗口，再看一下你的歷史路徑和圖片就對了：
4、到這PS的工作就做完了，接著來做動畫吧，在工具條上最下邊有這個按扭，能轉到做動畫的Adobe ImageReady CS2軟體里：按一下，會出現Imageready的操作窗口：
5、在IR軟體中做動畫，在最下邊這個工具條內，點擊「復制幀」這個按扭，復制4次，（次數為圖片的張數）
6、復制好後，選擇每幀顯示不同的圖片：先看第5步驟的圖，在右下方小圖片前邊有一個眼睛標志，顯示第一張圖片時，點一下其它三張的眼睛標志就看不到另外三張圖了，如此類推，選好圖片顯示的順序。
7、到這就算是做的差不多了，最後調一下每張圖出現的時間間隔就可以了，再接著往下看吧：
看到上圖第一帖的右下角有「0秒」和下三角的標志，在時間上點右鍵，出現設置時間間隔窗口，選擇時最好以讓顧客看清我們的商品為准，我常設1.5秒
8、最後一步保存！！！這也是關鍵的一步不能直接點保存，要選擇《將優化結果存儲為》這個格式，請你這樣選擇：左上角文件-----》將優化結果存儲為，GIF動畫格式。
下面是就是代碼的使用過程了，首先先將保存的圖片上傳到圖片空間，這個過程相信大多數人都會，所以我就偷懶不做截圖了。（而且發現現在發圖片很多時候都傳不上答案）
上傳好圖片以後，在寶貝分類圖片中新建一個分類，名字寫什麼都可以，
最後點「確定」點「保存」，這樣一個輪播圖片就做好了！它的效果還不錯呢！！到這相信大家都會做了吧！
不過一般多數會選擇用代碼來做，PS製作一般是針對扶持版免費旺鋪會使用到

6、PS做圖片輪播效果的詳細步驟是什麼

Ps可以製作動畫，但限於對同一張圖片的修改，不支持插入不同圖片，在窗口菜單當中選擇動畫，就可以。
想一樓說的做gif動畫還是去用imageready或者專業的的gif工具
祝你好運

7、ps如何製作淘寶寶貝輪播圖片模板

淘寶上面的寶貝輪播，只需將，寶貝圖片處理為符合規格的大小，然後傳上去就行，沒必要自己做動態gif

8、怎麼用ps製作好看的淘寶店鋪輪播圖片?

photoshop製作好圖片，把圖片編輯成一樣大小。或者用美圖秀秀製作一樣。
然後把圖片上傳到支持外鏈的網路相冊。
點擊圖片屬性復制圖片地址到下面代碼里

很好的圖片輪番代碼，淘寶自帶的圖片輪番功能總是要留白，使用以下代碼後頁面不再留白了，店鋪效果更整體了。使用方法是在店鋪里增加一個自定義區，然後把代碼復制到自定義區的代碼編輯區

圖片輪番 上下滾動
<div class="box J_TBox" >
<div class="shop-slider">
<div class="bd">
<div class="slider-promo J_Slider J_TWidget" data-type="scroll" data-widget-type="Slide" style="height:圖片高度px;" data-

widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class="lst-main">
<li><a href="連接地址1" ><img src="圖片地址"></a></li>
<li><a href="連接地址1" ><img src="圖片地址"></a></li>
<li><a href="連接地址1" ><img src="圖片地址"></a></li>
</ul>
</div>
</div>
</div>
</div>

第二種漸變輪番

<DIV style="WIDTH: 寬度px; HEIGHT: 高度px" class="slider-promo J_Slider J_TWidget" data-widget-

config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-

type="Slide" data-type="fade">
<ul class=lst-main>
<li><A style="WIDTH: 圖片寬度px; HEIGHT: 圖片高度px" href="商品連接地址" target=_blank><img alt="" src="圖片地址"></A></li>
<li><A style="WIDTH: 圖片寬度px; HEIGHT: 圖片高度px" href="商品連接地址" target=_blank><img alt="" src="圖片地址"></A></li>
</ul></DIV>
圖片漸變輪番第二種效果
<DIV class="slider-promo J_Slider J_TWidget" style="HEIGHT: 圖片高度px"
data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}"

data-widget-type="Slide" data-type="fade">
<UL class=lst-main>
<LI><A href="商品連接" target=_blank><IMG style="WIDTH: 750px; HEIGHT: 480px" alt="" src="圖片地址"></A>
<LI><A href="商品連接" target=_blank><IMG style="WIDTH: 750px; HEIGHT: 480px" alt="" src="圖片地址"></A>
<LI><A href="商品連接" target=_blank><IMG style="WIDTH: 750px; HEIGHT: 480px" alt="" src="圖片地址"></A>
</LI></UL></DIV>

9、用ps 怎麼做輪播圖片？

ps只能做gif動態圖，輪播圖片一般都是用程序製作的，以前網頁中都是用flash製作，現在大都用JS製作了。

10、如何用photoshopcc製作輪播效果

准備好3張圖片素材，這里張數可以隨自己選擇。將圖片大小裁剪成一樣的尺寸，我這里舉例的圖片大小是400*248
打開ps，新建一個文件，尺寸為1600*248，1200是400*（3+1）張圖片的大小打開3張圖片素材
將第一張圖片素材拖到新建文件中，位置為0，0
依次將其他兩張圖片也移動到新建文件中，最後將第一張圖片復制一張，移動到文件最後

CTRL+SHIFT+E,合並所有圖片。
雙擊背景圖層，變成圖層0，然後選擇裁剪工具，設置尺寸為400*248，裁剪區域為隱藏
轉到Adobe ImageReady CS中編輯
復制當前幀，並用移動工具將圖片往左水平移動，移動到最後與一張圖片

選擇過度工具，設置如下
在每張圖輪換完後將時間設置為2s,讓每幅圖展現完後有時間停留，這里是第7幀，第13幀，第19幀
文件》存儲優化結果，導出gif格式動畫，大功告成