數碼資源網

文章頻道 軟件下載 安卓下載 蘋果下載

當前位置:首頁文章中心平麵專欄Photoshop → Photoshop教程 巧用ps切片工具分割網店圖片

Photoshop教程 巧用ps切片工具分割網店圖片

時間:2012-03-25 08:20:45人氣:210作者:網友整理
攝影教程PS大師安卓版v1.4 正式版
攝影教程PS大師安卓版v1.4 正式版 for Android
  • 類型:安卓拍照軟件大小:25.53M語言:簡體中文 評分:3.0
  • 攝影教程PS大師安卓版中有非常多的教程的說,在這裏你可以輕鬆學習photosho...
立即下載
PS自學網app(PS入門教程) v1.3 安卓版
PS自學網app(PS入門教程) v1.3 安卓版 for Android
  • 類型:安卓學習閱讀大小:17M語言:簡體中文 評分:3.0
  • 很多人會使用PS來進行各種修圖呢,PS自學網app就是一個能夠讓你學習怎麼使用P...
立即下載
PS視頻教程app(Photoshop教學) v1.4.2 安卓版
PS視頻教程app(Photoshop教學) v1.4.2 安卓版 for Android
  • 類型:安卓學習閱讀大小:41.55M語言:簡體中文 評分:3.0
  • ps也就是Photoshop是現在受歡迎的P圖工具吧,各種功能很全,但是也很難,...
立即下載

本PS教程為大家介紹如何利用ps切片工具網店的圖片進行分割。我們在瀏覽網頁時,都會遇到網速不夠、或是圖片遲遲不能讀出的情況。可以通過下麵的方法改善網店瀏覽時的速度,增加顧客量。

  1.打開要分割的圖片,點擊工具欄的切片工具。

Photoshop教程 巧用ps切片工具分割網店圖片
圖01

  2.在要切片的圖片上切一個框,如圖所示。

Photoshop教程 巧用ps切片工具分割網店圖片
圖02

  3.點擊鼠標右鍵,選擇劃分切片。

Photoshop教程 巧用ps切片工具分割網店圖片
圖03

  4.設置如圖,水平劃分為4,垂直劃分為3。

Photoshop教程 巧用ps切片工具分割網店圖片
圖04

  5.效果如圖所示。

Photoshop教程 巧用ps切片工具分割網店圖片
圖05

  6.將圖片劃分好後,我們點擊工具欄下麵的ImageReady鍵計入IR狀態下編輯圖片。

Photoshop教程 巧用ps切片工具分割網店圖片
圖06

  7.點擊文件,將優化結果存儲為HTML格式。

Photoshop教程 巧用ps切片工具分割網店圖片
圖07

  8.命名為秘密花園,如圖所示。

Photoshop教程 巧用ps切片工具分割網店圖片
圖08

  9.存在電腦桌麵或其他文件夾,會出現一個HTML格式的網頁,我們打開另一個文件名為Image的文件包,裏麵就是我們剛才分割好的小圖片。

Photoshop教程 巧用ps切片工具分割網店圖片
圖09

  10.如圖所示,就是我們剛才分割好的12張Gif格式圖片。

Photoshop教程 巧用ps切片工具分割網店圖片
圖10

  11.我們打開這些小圖片時會返現默認為索引顏色。這時選擇圖像>模式>RGB顏色,就可以對這些小圖片進行處理了。

Photoshop教程 巧用ps切片工具分割網店圖片
圖11

  12.我們在做網頁的時候,使用分割好的小圖片有利於網頁的瀏覽速度。

Photoshop教程 巧用ps切片工具分割網店圖片

感謝速聯科技、八度網絡、九九數據、億恩科技、群英網絡讚助部分帶寬!

關於本站 | 聯係方式 | 版權聲明 | 下載幫助(?) | 網站地圖

Copyright 2002-2020 95262.com 【數碼資源網】 版權所有 粵ICP備2020128507號-1

本站所有軟件來自互聯網,版權歸原著所有。如有侵權,敬請來信告知 ,我們將及時撤銷。