久久综合色一综合色88欧美|久久er热在这里只有精品66|国产福利一区二区不卡|日本精品动漫二区三区

    1. <address id="l3apk"><var id="l3apk"><source id="l3apk"></source></var></address>

      詳細解析ps切片工具切圖技巧

      時間:2018-08-21 16:06:48 PS教程 我要投稿

      詳細解析ps切片工具切圖技巧

        切片工具是用來分解圖片的,用這個工具可以把圖片切成若干小圖片。下面學習啦小編分享了ps切片工具切圖技巧,希望你喜歡。

        詳細解析ps切片工具切圖技巧

        一、ps切片工具的使用原理

        首先概述下它的工作原理,當你有一個需要花很長時間來加載的大圖像時,你可以使用Photoshop中的切片工具把圖像切成幾個小圖。這些圖像將被作為一個單獨的文件保存,還可以進行優(yōu)化通過保存為中Web所用格式。

        此外,Photoshop生成HTML和CSS以便用來顯示切片圖像。在網(wǎng)頁中使用時,圖像通過使用前面提到的HTML或CSS在瀏覽器中重新組合以便達到一個平滑流暢的效果。下面是一個關(guān)于圖像切片的例子。

        二、ps切片的基礎(chǔ)知識

        為了簡單起見,我們只在一個圖上使用切片工具。在這個例子中,我使用的圖片大小為960 x722px。在我們開始之前你需要了解一些知識:

        a.在創(chuàng)建切片時,你可以使用切片工具或構(gòu)建使用層。

        b.切片可以選擇使用選擇工具來選中。

        c.你可以移動它,設(shè)置它的大小,還可以讓切片與其他切片對齊。而且你還可以給切片指定一個名稱,類型和URL。

        d.每個切片都可以通過保存時的網(wǎng)頁對話框進行優(yōu)化設(shè)置。

        按下鍵盤上的C鍵,選中裁剪工具,右鍵選擇切片工具。

        當您創(chuàng)建切片時,你可以進行如下三個樣式設(shè)置:正常,固定長寬比和固定大小。

        a.正常:隨意切片,切片的大小和位置取決于你在圖像中所畫的框開始和結(jié)束的位置

        b.固定長寬比:給高度和寬度設(shè)置數(shù)字后,你得到的切片框就會是這個長寬比

        c.固定大小:固定設(shè)置長和寬的大小

        當分割圖像時你會碰到一些選項。如果精確度不那么重要時,你可以手工切片圖像,必要的時候,可以使用切片選擇工具對已完成的切片圖像進行調(diào)整。如果精確度很重要,可以使用參考線在圖像上標出重要的位置。

        在頂部的切片菜單欄,點擊C或切片工具激活它片上面菜單欄圖片,畫好參考線后選擇基于參考線的切片的'按鈕。

      ps切片工具怎么用?詳細解析ps切片工具切圖技巧

        它就會自動為您繪制切片。你還可以使用切片選擇工具重新定位切片。

        三、ps編輯切片信息

        創(chuàng)建切片之后,您可以編輯切片信息通過以下兩種方式中的任一種。一種要做的就是點擊切片選擇工具,單擊你想編輯的切片,然后點擊菜單欄中>為當前切片設(shè)置選項的按鈕。

        另一個選擇是右鍵單擊切片,在彈出的菜單中,選擇編輯切片選項。

        兩種選擇都將彈出如下的切片選項對話框。

        正如您所看到的,對話框里有許多設(shè)置。

        a.切片名稱:打開網(wǎng)頁之后顯示的名稱

        b.URL:點擊這個被編輯的圖片區(qū)域后,會跳到你輸入的目標網(wǎng)址內(nèi)

        c.目標:指定載入的URL幀原窗口打開,表示是在還是在新窗口打開鏈接

        d.消息文本:鼠標移到這個塊時瀏覽器左下角顯示的內(nèi)容

        e.Alt標記:圖片的屬性標記,鼠標移動到這塊時鼠標旁的文本信息

        f.切片的尺寸:設(shè)置塊的x、y軸坐標,W、H的精確大小

        四、保存網(wǎng)頁

        一旦你滿意你的布局后,選擇文件>存儲為Web所用格式,保存圖片。

        在這里,您可以為切片設(shè)置文件類型或者使用網(wǎng)頁對話框中列出默認設(shè)置。完成設(shè)置后,單擊存儲按鈕。

        這時會彈出一個存儲優(yōu)化結(jié)果的對話框,底部的對話框是幾個重要的設(shè)置。

        a.格式:你有三個選擇,分別是HTML和圖像,僅限圖像和僅限HTML。

        b.設(shè)置:您選擇自定,背景圖像,默認設(shè)置,XHTML和其他。

        c.切片:所有切片,所有用戶切片和選中切片。

        對于本教程我使用的是HTML和圖像(一般都這么保存),默認設(shè)置和所有切片。完成設(shè)置后,選擇您想要保存文件的文件夾,并單擊保存按鈕。這時會創(chuàng)建一個HTML文件和一個包含六個圖像文件,它們在同一個大文件夾中。

        這是一個在Adobe Dreamweaver中的分區(qū)屏幕的HTML文件。你可以看到,代碼很簡單也很好用。

        五、結(jié)論

        正如您可以看到的,當你有一個大圖片時,圖像分割是非常有用的。通過將它分解成小圖,加載時小圖一個一個加載,讓用戶逐步看到更多。這對于網(wǎng)速慢的用戶很有幫助。

        以上就是ps切片工具切圖技巧解析,希望這篇教程對大家有所幫助!

      【詳細解析ps切片工具切圖技巧】相關(guān)文章:

      1.PS切片工具講解與網(wǎng)頁切片應(yīng)用

      2.最新用ps工具修圖技巧

      3.PS鋼筆工具快速摳圖的技巧

      4.PS濾鏡摳圖詳細教程

      5.PS摳圖方法技巧

      6.PS快速選擇工具快速摳圖教程

      7.ps給人物摳圖教程詳細圖解

      8.ps“自由變形”工具有什么技巧