當前位置:首頁 » 圖片軟體 » ps輪播圖片
擴展閱讀
女人重視男人身高圖片 2025-01-11 22:16:52
熊簡筆畫圖片大全大圖 2025-01-11 22:09:40

ps輪播圖片

發布時間: 2022-01-12 23:54:56

㈠ 如何用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格式動畫,大功告成

㈡ 用PS怎麼做輪播圖片

1、首先啟動Photoshop cs5,執行文件-新建命令,新建一個大小為2400*500,解析度為72,背景顏色為白色的文檔。

2、執行文件-打開命令,打開事先准備好的素材圖片,裁剪大小為600*500,選擇工具箱里的移動工具選擇一張拖拽到新建文檔中去,設置左對齊。

3、採用同樣的方法依次將另外兩張圖片拖拽到文檔中去,並將第一張圖片再次拖拽進去,放置在最後面,依次調整他們的位置。

4、選擇圖層面板中的所有圖層,執行ctrl+e組合鍵進行合並圖層操作,選擇背景圖層,按住ctrl鍵雙擊該圖層,將其轉換為普通圖層0.

5、選擇工具箱里的裁剪工具,設置大小為600*500,在畫布上拖拽後,設置菜單欄中裁剪區域為隱藏。

6、執行窗口-時間軸命令,調出時間軸動畫面板,新建一幀,選擇工具箱里的移動工具,將圖片向左移動,移動到最後一張為止。

7、執行過渡命令,在彈出的過渡對話框中設置要添加的幀為17,其他參數保持不變,點擊確定按鈕。

8、按住shift鍵選擇時間軸里的所有幀,設置延遲時間為2s,這個時候可以點擊時間軸中的播放進行查看效果。

9、執行文件-存儲為web和設備所用格式命令,在彈出的對話框中設置格式為gif,顏色為256,點擊存儲按鈕,將文件生成gif動畫格式。

10、執行文件-存儲為命令,在彈出的對話框中輸入名稱,保存格式為平時的,保存在一個合適的位置上即可,以便以後修改使用。

㈢ PS教程:如何用PS製作flash圖片輪播效果

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

㈣ 如何使用ps軟體做淘寶圖片輪播

PS只能輪播的圖片,淘寶輪播需要代碼合成的

㈤ 怎麼用PS製作圖片輪播

好像這是是用Flash做出來的把

㈥ 淘寶圖片輪播的圖片怎麼ps 求高手幫忙做下圖

親,那個輪播圖效果是用代碼或者買的模版做的。一般是模版,模版的話你到時候進去按照模版的指示,放進圖片就可以了~

㈦ 怎麼用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>

㈧ 用ps 怎麼做輪播圖片

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

㈨ ps怎麼做輪播圖片啊,請高人指教!!哦,做輪播圖片的步驟

試試這個圖片切換

有12345數字一起切換

有小圖大圖一起切換

裡面有教程和源碼

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

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