<xmp id="smkyu">
<menu id="smkyu"><menu id="smkyu"></menu></menu>
<menu id="smkyu"></menu>
  • <xmp id="smkyu">
    <menu id="smkyu"><menu id="smkyu"></menu></menu>

    高端定制,品牌設計

    指南針2005 - 2016作品集

    指南針網絡科技有限公司

    photoshop如何制作網頁

    13-05-22 14:45:50 · 網頁設計 ·

      石家莊網絡公司為您介紹:用圖層組管理網頁元素 首先是在Photoshop中制作好網頁的框架。網頁中的元素有很多,像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中,這樣方便以后的再編輯。 不過圖層一多,就顯得很凌亂,可建立多個圖層組來進行管理。單擊圖層面板右上角的小三角按鈕,從彈出菜單中選擇“新建組”,在隨后出現的對話框中為新建組取一個名稱(如:“網頁頂部”),確定即可。

      這時圖層面板中多出一個文件夾圖標,即圖層組。把相關聯的圖層都拖放到同一組中,比如網頁頂部的所有元素,標題、菜單、Logo等都放到“網頁頂部”組中(見圖1)。同樣方法可以建立多個組,在組的下面還可以建立子組。 點擊圖層組前面的小三角,就可以像文件夾一樣展開或折疊它,這樣圖層面板就顯示干凈利落得多,要修改某個元素也能很容易找到。對同一組中的所以圖層可以方便地進行統一操作,如整體復制、刪除、隱藏、合并等。

      小提示: ★如果你想借鑒某個網頁的設計,不妨把它截成圖片放在最下面的圖層中,再拉出多個參考線劃出網頁的大致版式,再在此基礎之上邊參考邊制作自己的網頁。 從Photoshop到Dreamweaver的轉換 在Photoshop中設計好之后,下面就要用切片工具把它轉換成網頁。有些人在切片之前喜歡合并圖層,其實沒有必要,合不合并圖層對最終生成的網頁沒有多大影響,反而會妨礙以后的編輯修改。

      第1步:我們最終需要的,只是Photoshop中制作的圖形和框架。選擇切片工具(快捷鍵為K),把需要的每個圖形獨立切分出來。每切分出一個圖形,在它的左上角會顯示出切片編號

      第2步:在工具箱右擊切片工具,從彈出菜單中選擇“切片選擇工具”,用它可以選取、移動切片,并可以調整切片的大小。右擊某個切片還可以刪除或劃分這個切片。

      第3步:切分出所有圖片后,執行“文件→存儲為Web所用格式”命令,打開存儲對話框,根據需要設置好圖片的格式、調色板等參數后,點擊右上角“存儲”按鈕調出保存對話框,選擇HTML網頁格式,使用默認設置,選擇“所有用戶切片”,保存即可

      第4步:在Dreamweaver中打開剛才保存的網頁,添加文字并進行各種編輯修改就可以了。怎么樣,簡單吧!注意:Photoshop導出的實際上就是一個大的表格,所有空白的地方也都會轉換為圖片填充,在DW中編輯時,直接刪除這些圖片再添加相應的內容即可。

      石家莊網絡公司小提示: ★在Photoshop中編輯好圖形后,點擊工具箱最下面的按鈕(快捷鍵為Ctrl+Shift+M),可以轉到ImageReady里進行編輯,在這里,切片工具的功能更為強大,輸出的圖形控制也更豐富

    推薦閱讀

    【簽約】石家莊恒陽新能源科技有限公司與指南針簽約

    2015-04-0947

    【簽約】康貝樂玩具租賃公司與指南針簽約

    2015-03-2113

    怎樣才能解決網站快照更新慢的原因

    2014-10-2119

    怎樣才能提高網站友情鏈接的推廣作用

    2014-10-2015

    午夜AV三级久久精品
    <xmp id="smkyu">
    <menu id="smkyu"><menu id="smkyu"></menu></menu>
    <menu id="smkyu"></menu>
  • <xmp id="smkyu">
    <menu id="smkyu"><menu id="smkyu"></menu></menu>