• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        達內UI培訓PS基礎教程-28-使用圖層組

        • 發布:達內
        • 來源:達內
        • 時間:2017-12-06 14:36

        制作過程中有時候用到的圖層數會很多,尤其在網頁設計中,超過100層也是常見的。這會導致即使關閉縮覽圖,圖層調板也會拉得很長,使得查找圖層很不方便。雖然我們前面學過使用合適的文字去命名圖層,但實際使用中為每個層輸入名字也很麻煩。我們還學過使用色彩來標示圖層,不過在圖層數量眾多的情況下色彩的分辨作用也十分有限。使用移動工具點擊右鍵或按住CTRL單擊選擇圖層的方式雖然很好用,但也無法縮短圖層調板的空間。并且有一些類似更改圖層層次這樣的操作,還是在圖層調板中看起來比較直觀。
        為了解決圖層調板過長的問題,Photoshop提供了圖層組功能。

        大家還記得在本課前面部分提到過的圖層樣式嗎?樣式中的詳細內容可以折疊或展開,展開的時候會列出所有的詳細樣式,同時占據較多的圖層調板空間,而折疊以后就只相當于一個圖層所占用的空間大小。圖層組的效果也也類似于此,它的原理就是就是將多個層歸為一個組,這個組可以在不需要操作時折疊起來,無論組中有多少圖層,折疊后只占用相當于一個圖層的空間。

        0543建立新圖層組可通過【圖層 新建 組】。也可以通過圖層調板右上角圓三角按鈕選擇“新建組”。不過最常用的方法是點擊圖層調板下方的按鈕(如下各圖中紅色箭頭處)。注意新組的層次在之前所選擇圖層之上。如果創建之前選擇的是“face”層,那么新組就位于“face”層之上。如果之前選擇的是“eye”層,則位于“eye”層之上。如果之前沒有選擇任何圖層,則新建的組將位于最頂部。如下3圖所示。與圖層樣式類似,展開或是折疊可以從標志左邊的三角箭頭得知。箭頭向下為展開,向左為折疊。新組默認是處于展開狀態的。

        達內UI培訓PS基礎教程-29-使用圖層組

        達內UI培訓PS基礎教程-29-使用圖層組

        0544可通過圖層調板將現有的圖層拖入空組中。如下左圖,選擇一個或多個圖層后直接拖動到組的名稱上。如果拖入的是多圖層,各圖層原先的層次關系保持不變。圖層原先的顏色標志也將保留。
        0545如果將圖層拖入已有其他圖層存在的圖層組,則可以指定新拖入圖層在圖層組中的層次,可以將“nose”層拖動到“eye”層的上方(如下中圖),或拖動到“eye副本”層的上方(如下右圖)。

        達內UI培訓PS基礎教程-29-使用圖層組

        我們之前說過使用移動工具〖V〗在圖像中點擊右鍵將會出現圖層列表,那么在建立圖層組后,在相應位置上點擊右鍵就會出現圖層組的名稱,同時列出組中的圖層名,如下左圖。注意位于組中的圖層名字將向右縮進一些。
        點擊圖層組左方的三角形標志(如下左圖紅色箭頭處)可折疊圖層組,折疊后的圖層組只占用原先一個圖層的位置,如下中圖。可以看到圖層組是沒有縮覽圖的。也許今后版本的Photoshop能夠顯示組縮覽圖。
        0546如果要將nose層移出圖層組,可在選擇后直接拖出,要注意拖動的目的地。要么拖動到圖層組的上方,要么拖動到圖層組最底部圖層的下方,如下右圖中兩處綠線處。尤其注意拖動到下方的位置,如果只是拖動到紅色線處,則只會更改“nose”層的層次到“eye”層下方,但該層還是處在圖層組中。

        達內UI培訓PS基礎教程-29-使用圖層組

        如果在圖層組被選擇的時候點擊新建圖層按鈕(下2圖紅色箭頭處),新建的圖層會自動歸入到這個圖層組,前提條件是圖層組處于展開狀態,如下左圖。如果圖層組處于折疊狀態,新建的圖層將不會歸到圖層組中,如下右圖。

        達內UI培訓PS基礎教程-29-使用圖層組

        0547和普通圖層相同,在圖層調板中直接雙擊圖層組的名稱就可以改名。按住ALT鍵雙擊將會出現圖層組屬性,如下圖。可以在其中修改名字和組顏色標志。如果更改了組顏色標志,那么組中所有層的顏色標志將被統一更改。
        通道選項相當于顯示組中圖層的紅綠藍色彩通道,全選代表正常顯示。如果圖像是CMYK或其他模式的,這里就顯示相應的通道選項。這個功能不常用,具體應用將在以后介紹。

        達內UI培訓PS基礎教程-29-使用圖層組

        位于同一個圖層組中的圖層相當于一個整體。這表現在兩個方面:
        1:即使組中的各圖層沒有鏈接關系,它們也可以被一起移動、變換、刪除、復制。前提是必須選擇圖層組,單獨選擇組中的層是無法整體移動圖層組的。
        2:圖層組也具有不透明度的選項。在選擇圖層組后可通過數字鍵快速設定圖層組的不透明度。同時圖層組也具有混合方式,默認為“穿透”。有關圖層和圖層組的混合模式將在以后介紹。
        0548尤其是圖層組不透明度選項,這使得最終圖像的不透明度又多了一個變數。在前面我們學習過,一個圖層中的內容所表現出來的不透明度,一是在繪制時繪圖工具(以后還將接觸通過粘貼等方法)的不透明度設定,再就是圖層本身的填充不透明度和整體不透明度設定。如果這個圖層位于圖層組中,那么還要參考圖層組的不透明度設定。這還不算全部,因為Photoshop中可以建立多達5級的子圖層組,每一級的子圖層組不透明度都要受到上一級圖層組不透明度的影響。
        雖然看起來很繚亂,但這些影響不透明度的選項有一個共同的特點:都是只能降低不能升高。這樣我們在使用繪圖工具或通過其他方式向圖層中添加內容的時候,就應盡可能令內容不透明度達到100%(即完全不透明),這樣在后期修改中可以獲得最大的不透明度設定自由度。
        再者就是盡可能減少調整不透明度的次數,比如有多個圖層都需要調整到相同的不透明度,最好就是將其歸入同一個組中,這樣只需要設定圖層組的不透明度就可以了。類似的操作上的小技巧在我們以后的實例練習中就會用到。

        0549將圖層組拖動到圖層調板下方的新建按鈕上即可復制圖層組。如下左圖。
        是否還記得選擇圖層后使用移動工具〖V〗按下ALT移動將復制這個圖層?那么在選擇圖層組后,使用移動工具按住ALT鍵移動就可以復制整個圖層組。需要注意的是,如果原先的圖層組中有圖層處于隱藏狀態,在通過這種方法所復制出來的圖層組中它們將自動處于顯示狀態。比如先在圖層組中將“nose”層隱藏,然后使用移動工具復制圖層組,就會看到復制出來的新組中“nose”層是顯示的。
        這種復制方式在我們以后的設計制作中將發揮極大的作用。雖然即使不是用圖層組,我們也可以在選擇多個圖層后用同樣方法復制圖層,在視覺效果上也是相同的,但過多的圖層數量會降低圖層調板的使用效率。
        0550刪除圖層組的方法就是拖動圖層組(一個或多個)到垃圾桶圖標上。如下右圖。也可以在選擇后(一個或多個)直接按DELETE鍵或BackSpace鍵刪除。另外還可以通過【圖層 刪除 組】。

        達內UI培訓PS基礎教程-29-使用圖層組

        0551和圖層一樣,圖層組也可以被隱藏,方法也是點擊圖層調板中圖層組名稱左方的眼睛標志。當圖層組處于隱藏狀態時,位于圖層組中的所有圖層都將被隱藏。需要注意的是,圖層組中的圖層依然可以自行設置隱藏與否,如果有些圖層自身被設置為隱藏狀態,那么無論圖層組是隱藏或是顯示狀態,這些圖層都不可見。

        0552除了新建圖層組并將現有圖層拖入組中的方法以外,我們也可以將多個圖層直接組成圖層組,方法是先選擇多個圖層,然后通過【圖層 圖層編組】〖CTRL G〗也可以點擊圖層調板右上角的圓三角按鈕后選擇“從圖層新建組”。此外也可以在選擇多個圖層后直接拖動到圖層調板下方的按鈕處,如下右圖。

        達內UI培訓PS基礎教程-29-使用圖層組

        0553前面我們提到過圖層組中是可以存在子圖層組的,通俗地說就是組中組。這有利于更好地管理圖層,在Photoshop中最多可以存在5級圖層組。可以直接將現有的組歸為新圖層組的子組,方法是選擇圖層組(可選擇多個)后〖CTRL G〗,如下左圖。也可以在現有的圖層組中選擇幾個圖層后〖CTRL G〗,將這些組歸為子組,如下右圖。
        也可以選擇圖層或圖層組后拖動到圖層調板下方的新建組按鈕處。

        達內UI培訓PS基礎教程-29-使用圖層組

        如果在處于展開狀態的圖層組中選擇任意圖層,點擊新建組按鈕將建立一個子組。如下左圖。需要注意的是,如果之前所選的是圖層組,那么同樣的操作將建立一個同級組而不是子組,如下右圖。因此在操作前要明確圖層調板中的選擇以免發生錯誤。

        達內UI培訓PS基礎教程-29-使用圖層組

        除此之外,也可以在圖層調板中將一個圖層組拖入到另一個圖層組中,成為其的子組。如果目的地的圖層組處于展開狀態,還可以直接指定層次,如下左圖。如果目的地的圖層組處于折疊狀態,則拖入的圖層組位于目的地圖層組中的最底層,此時展開圖層組即可看到,如下右圖。

        達內UI培訓PS基礎教程-29-使用圖層組

        0554可以將圖層組變為一個普通層,組中的所有圖層將被合并。方法是選擇圖層組后〖CTRL E〗。如下圖。這是該快捷鍵的第三種使用前提:選擇圖層組時使用〖CTRL E〗將合并組中所有圖層(組中處于隱藏的圖層將被丟棄)。

        達內UI培訓PS基礎教程-29-使用圖層組

        0555最后要注意的是,在使用對齊功能時,如果選擇的是圖層組,那么將以整個組中的圖像內容作為對齊的參考,智能參考線也基于整個圖層組的圖像內容發生作用。如果想要以個別圖層對齊,就必須通過圖層調板選擇具體相應的圖層。

        我曾制作了一個畫面內容較多但技術水平中等的網頁設計稿,合并圖層后通過網絡發去一家正在招聘設計人員的公司作為題目,要求前來應聘的人都模仿我的設計稿來制作。之后我讓公司將30多份應聘者制作的PSD源文件給我發來,很快我便選定了一位。公司對此還有些疑惑,因為他們也看過全部人的作品,感覺沒有多少區別。我給出的理由是:不看實際效果,因為那并沒有多少難度,重點是看他們的圖層組織。我在Photoshop中逐一打開源文件觀看,這位應聘者的圖層組織最合理。
        合理的圖層組織非常重要。首先,構成網頁的圖像細節很多,且多有重復。使用圖層組復制可以快速地制作差別不大的各個部分。再者,可移交性在團隊合作中是很重要的,良好的圖層組織使別人可以較容易看懂源文件并接手工作。最后,合理的圖層組織說明操作者有清晰明朗的制作思路,說明其是一個富有經驗的成熟的設計師。
        由此看來,學會恰當地使用圖層組是很重要的。以后大家去應聘的時候,可要注意你源文件中的圖層組織哦。

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:達內UI培訓PS基礎教程-27-鎖定圖層
        下一篇:達內UI培訓PS基礎教程-29-使用圖層復合

        達內UI設計7月免費訓練營報名啦

        UI培訓教程之系統圖標如何設計

        月薪過萬的UI設計師都是怎么設計界面的

        達內設計學院九周年慶典回首來時路,共赴新征程

        • 掃碼領取資料

          回復關鍵字:視頻資料

          免費領取 達內課程視頻學習資料

        • 視頻學習QQ群

          添加QQ群:1143617948

          免費領取達內課程視頻學習資料

        Copyright ? 2021 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>