• <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基礎教程-23-圖層不透明度

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

        除了改變位置和層次以外,圖層一個很重要的特性就是可以設定不透明度。降低不透明度后圖層中的像素會呈現出半透明的效果,這有利于進行圖層之間的混合處理。
        按下〖TAB〗隱藏所有調板,然后使用【視圖 屏幕模式 全屏模式】〖按兩次F〗將Photoshop切換到一種沒有調板沒有菜單沒有窗口的顯示方式。這種方式可以為操作留下最大的屏幕空間。
        OK,現在在不借助圖層調板的前提下完成以下操作:改變一個眼睛的色相讓兩個眼睛的色彩有所區別。然后將兩個眼睛移動到臉的邊緣。如下圖。該怎么做呢?

        我們來分析一下過程,改變色相就是使用色相/飽和度調整工具,雖然我們在之前已經使用過很多次,但不同的是這次多了圖層的因素。所以要先正確地選擇圖層后再使用。在有圖層調板的時候只要在調板中點擊選擇即可,而現在沒有圖層調板了,我們就需要使用前面所說的用移動工具來選擇圖層。
        所以先選擇移動工具〖V〗,按住CTRL點擊位于右方的“eye副本”層,再使用色彩/飽和度調整工具〖CTRL U〗,改變色相到+35左右(可自己決定其他數值)。然后移動到臉部邊緣。再按住CTRL單擊“eye”層并移動到合適位置。有必要的話再調整一下兩個眼睛的圖層層次,使改變顏色后的眼睛位于較高層次(可通過置為頂層命令來實現〖CTRL SHIFT ]〗)。這樣就在不借助調板和菜單的前提下“摸黑”完成了操作。從這里我們也可以看出,能夠摸黑行進的人其實對道路是了如指掌,內心是非常明亮的。

        以后大家到公司應聘,在老板眼中,在全屏方式下完成操作的你肯定顯得比那些需要借助菜單和調板的人來得更專業。因為他看不懂你操作的步驟,看不懂自然他感覺是因為操作者水平高啊。同樣,全屏操作使得你在別人眼中看起來很酷。當然啦,在高手(比如我)和同是本教程的讀者面前就免了吧。

        0521現在回到正常顯示方式〖F〗,當然大家也可以繼續留在全屏方式下耍酷。然后〖F7〗開啟圖層調板(也適用于全屏方式)。然后在圖層調板中改變eye層(注意正確選擇圖層)的不透明度為50%,如下左圖紅色箭頭處。然后再改變eye副本層的不透明度為50%,圖像效果改變順序如下右圖。
        當不透明度為100%的時候,代表完全的不透明,圖像看上去非常飽和非常實在。當不透明度下降的時候,圖像也隨著變淡。如果把不透明度設為0%,就相當于隱藏了這個圖層。層的不透明度雖然只對本層有效,但會影響到本層與其他圖層的顯示效果。
        在右圖中可以看到,當藍色眼睛層的不透明度下降以后,與臉層產生了一種色彩重疊的效果,在兩者的相交區域內臉層的色彩加重了。此時位于其上層的紫色眼睛層沒有受到影響,那是因為紫色眼睛層次較高且處于100%飽和狀態。
        當紫色眼睛層的不透明度下降以后,與藍色眼睛層和臉層產生了重疊效果。這時無論改變藍眼層或是紫眼層或是下方臉層的不透明度,都會同時影響三者間的重疊效果。

        假設各圖層中的像素均為100%不透明,那么當各圖層處在100%的不透明度時,彼此間是不存在重疊效果的。當各圖層處于半透明(即不透明度低于100%)時,在圖層內容之間的重疊區域就會呈現色彩重疊的效果,此時改變任何一個層的不透明度,都會影響這個重疊區域內的效果。

        注意在圖層調板上,剛才調節不透明度的地方下面(下左圖紅色箭頭處),也有一個百分比的調節,寫著“填充”。試著調節一下,會發覺單獨改變“填充”的效果和單獨改變“不透明度”效果相同。它們其實是有區別的,這區別在后面的內容中就會學習到。
        就現在來說可以認為兩者的作用都相同,就是更改圖層的不透明度。那么將眼睛層的不透明度設為50%填充設為100%,與不透明度設為100%填充為50%的效果,在圖像中看來是相同的。如果將兩者都設為50%,那么圖層就是25%的實際不透明度了。
        類似這樣幾種不透明度綜合作用的例子在Photoshop中很常見,也并不復雜。舉個例子,比如新建一層用50%不透明度的筆刷繪制圖案,當圖層不透明度為100%的時候,圖案就已經是50%的不透明效果了。如果圖層不透明度再下降為50%,那么圖案的實際不透明度就應該是50%基礎上再50%,就是25%。這時所看到的效果,應該和用100%不透明度的筆刷繪制后將圖層不透明度降為25%的效果(100%基礎上的25%,就是25%),是一致的。可以調出信息調板〖F8〗,比較一下兩者的色彩數值,應該是相等的。如下中圖。當然,如果用25%的筆刷然后以100%的圖層不透明度顯示,那么效果也和下中圖相同。從這里我們不難總結出,圖像的實際不透明度就是與之有關的幾個不透明度值的乘積。

        在實際的操作中,圖層不透明度因為位置明顯所以大家經常只記得這個不透明度控制,而忽略了Photoshop中其他的不透明度控制。這其他的不透明度控制主要是指繪圖工具在繪制時工具本身的不透明度設置。初學者常因為圖層不透明度為100%時圖像還是半透明而感到困惑,這很可能就是因為沒有顧及到繪圖工具的不透明度設置。

        建議大家在使用畫筆等繪圖工具時最好都設為100%不透明度,后期通過調節圖層不透明度去實現各種半透明效果。為什么這么說呢?
        首先繪圖工具的不透明度要在繪制前設置,然后在繪制時才能看到效果,不滿意的話還要撤銷,然后重新設置再行繪制。這自然較為麻煩。相比之下圖層不透明度不僅調節方便,并且效果立現。不滿意可以直接修改無需重繪。
        再者也是比較重要的一點,就是不透明度在后期調整中只能降低而不能提高。如果先使用50%的筆刷繪制了圖像,那么在以后的調整中只能降低而無法高于這原始的50%不透明度。所以為了保留最大的調整余地,也為了方便及簡化操作,應該把圖像的半透明效果全部交給圖層不透明度去控制。
        當然,在實際的制作中也常會遇到需要在一個圖層的不同區域設置多種不透明度的情況。那么首先考慮能夠分層制作就分層,在不同層中設置不透明度。如果難于分層制作,那么還是建議在繪制時候都使用100%不透明度,然后使用以后課程中將要介紹的圖層蒙版去實現不同地方的不同半透明效果。如下圖即是使用圖層蒙版實現了同一圖層中不同區域的多種不透明度。

        這里要附帶說明一下,信息調板中所反映的色彩數值,是以在圖像上所呈現的效果為準的。并不是以圖層中實際像素的顏色為準。這一點與不透明度的數值顯示原理相同。造成圖層中實際像素顏色值與呈現效果中顏色值不同的原因目前有兩個:一是圖層中像素的不透明度低于100%(無論是繪制時還是更改圖層不透明度),造成了與下方圖層中顏色產生混合。二是我們后面要學習到的,由于更改了圖層混合模式,即使圖層中像素的不透明度為100%,而圖層本身的不透明度設定也是100%,也會造成與下方圖層中的顏色產生混合。

        現在回來說說剛才提到的在圖層調板中的“填充”百分比,它的效果看起來和圖層不透明度差不多,那么它們有什么區別呢?首先明確這個填充也是一種不透明度,但它只針對圖層中原始的像素起作用。
        那什么叫原始像素呢?就是指如同我們剛才那樣畫上去的圖形,可以是用畫筆、形狀或者填充選區等方式繪制出來的,也可以是從其他圖像中粘貼過來的部分。可以說到此為止我們在Photoshop圖層中所制作和看到的效果都屬于原始像素。
        與之相對應的,有一種類型的圖像不是通過繪制或粘貼產生,而是通過其他方式表現出來的。比如在后面課程中將會學習到的圖層樣式。樣式的英文單詞是Style,在Photoshop以及Illustraotr中都存在。樣式可以用很簡單的步驟做出很出色的效果,因此非常好用。現在我們先來闡述樣式的概念。
        我們如果到鄉村去游玩,常會看到布滿爬山虎的墻,爬滿青藤的樹干或電線桿。它們的外表看上去都是綠色的。如下左圖是我在福建泉州拍攝的照片。那屋子的墻本來就是綠色的嗎?不是,那綠色是由外部的寄生植物產生的。所謂寄生就要有一個宿主,墻壁是爬山虎的宿主,沒有墻壁就沒有爬山虎。從這種特性上,我們可以稱爬山虎的綠色是添加在墻上的一種Style,也就是樣式。引申開去,衣服是身體的樣式,京劇臉譜是演員的樣式等。它們都有一個共同的特點就是需要一個宿主。而它們的作用通俗地說就是為宿主“化妝”。
        0522Photoshop中的樣式是指圖層樣式,就是在圖層的基礎上為圖層化妝、添加一些視覺效果。我們可以打開樣式調板【窗口 樣式】,默認的樣式調板應該如下右圖。
        如果其中的樣式列表不符,可以點擊調板右上角的 按鈕后選擇復位樣式并在確認對話框中按下好按鈕。如果排列的方式不符,就點擊調板右上角的按鈕后選擇小縮覽圖。如果選擇純文本、小列表或大列表方式可以直接看到每個樣式的名稱。縮覽圖方式下將鼠標停留在縮覽圖上一會兒也會出現名稱提示。
        位于下右圖樣式列表第一行第一個的樣式(紅色箭頭處)功能是清除。可以通過點擊它來清除圖層上現有的樣式。

        注意,這個按鈕在以后課程中統稱為圓三角按鈕,它位于調板的右上角。復位調板的方法一般就是點擊該調板的圓三角按鈕后在彈出菜單中選擇相應的復位選項。為節約篇幅,在之后的內容中將不再敘述復位的方法,只會提“復位筆刷”、“復位樣式”之類。

        調出樣式調板后,選中face層(使用移動工具按住CTRL單擊圖像中的face),然后在樣式調板中點擊各種現成樣式,會看到臉層發生了各種各樣的變化。如下左圖。
        同時注意圖層調板中face層發生了變化,在原先的face層名字之后出現了標志和一個三角形(下右圖紅色箭頭處),點擊三角形后會出現許多附屬樣式層,這些是樣式的獨立效果指示,也就是圖層樣式為face層所做的各種具體的化妝方法。一個圖層樣式可以由一個或多個獨立的效果組成。可以通過點擊左端的眼睛圖標來隱藏某項獨立效果,關閉下右圖蘭色箭頭處的眼睛標志將隱藏(不是刪除)整個樣式。平時應點擊三角形收起附屬樣式層以節約調板空間。

        除了利用現有的樣式外,我們也可以自己設定樣式。圖層樣式對于網頁設計來說是很重要很常用的,關于樣式設定的詳細內容將在以后課程中介紹。這里先粗略接觸一下。
        首先清除掉face層現有的樣式,可以使用菜單【圖層 圖層樣式 清除圖層樣式】,也可以在圖層調板face層上點擊右鍵然后選擇清除樣式,注意點擊的位置不能在圖層縮覽圖上。其余的方法以后介紹。
        清除樣式之后我們來自己設定一個簡單的陰影效果,確保選擇層是face層,然后點擊圖層調板下方的標志,如下左圖紅色箭頭處。注意在這個標志有邊還有一個很細小的向下三角形。還記得工具欄中的部分按鈕也有一個細小的三角形嗎?這種三角形就是表示點擊后會有其他選項出現,相當于多項選擇題。而沒有小三角形的按鈕點擊后就執行單一功能,沒有其他選項,相當于單選題。
        點擊后選擇投影這一項,將出現一個如下中圖的很大的設置框,全部的圖層樣式效果都在這里設置。由于前面我們已經選擇了投影這一項,所以看到在設置框左邊的樣式效果列表中投影一項已自動打勾。設置框右邊也自動切換到投影的一些調整選項。在這里我們都使用默認的投影設置而不作其他的調整,因為說好了現在只是粗略“見識”一下,圖層樣式的詳細內容將在以后課程中介紹。所以按下設置框右上角的好按鈕,完成設定。此時可以看到face層被添加了一個陰影的效果。如下右圖。

        此時我們來看圖像中新增加的陰影部分,這陰影是用繪圖工具畫上去的嗎?不是。它是根據face層這個“宿主”產生的附屬效果,也可以說是附屬像素。因此,這陰影部分便不屬于“原始像素”。此時在圖層調板中改變填充的百分比數值為0%,就會看到一個奇妙的效果。如下圖。原先綠色的face層消失了,只剩下陰影。

        為什么以前我們下降填充不透明度的效果,和下降整體圖層不透明度效果是一樣的,而現在卻不一樣了呢?
        以前我們的圖層中只含有原始像素,而現在除了原始像素之外又多了一部分的附屬像素。前面說過,填充控制的是圖層中原始像素的不透明度,也就是說填充對附屬像素是無效的。所以這一次我們下降填充后屬于原始像素的臉消失了,屬于附屬像素的陰影部分不受影響。于是產生了如上圖般的效果。
        雖然同處在一個圖層中,但是原始像素和附屬像素屬于兩個不同的“行政區”。從級別上來說,圖層整體不透明度是最高級的,是中央政府,它控制著圖層中所有的行政區,包括原始和附屬像素。而填充屬于地方政府,它只負責管轄原始像素行政區。

        0523除了從圖層調板拉動滑桿改變不透明度的數值以外,還可以使用鍵盤上的數字鍵來快速設定。比如改為80%就按一下8,30%就按一下3,如果要改為47,快速地先后按下4和7。這樣是更改圖層整體不透明度數值。如果按住SHIFT再按數字鍵將更改填充不透明度數值。需要注意的是,數字鍵在鍵盤上分布在兩個地方,一是位于字母區上方,二是位于鍵盤右方專門的數字小鍵盤區。如果要更改填充不透明度的數值,在按住SHIFT鍵之后必須按位于字母區上方的數字鍵才有效。
        需要注意的是,更改不透明度只能針對單個圖層有效。如果同時選擇了多個圖層,是不能更改不透明度的。如果確實需要同時更改多個圖層的不透明度,可以通過后面將要學習到的圖層組來實現。

        這種方法和在以前課程中所學到的改變畫筆工具不透明度的方法一樣。那如何區別呢?
        其實很簡單,如果選擇了繪圖類工具,數字鍵就是改變這個工具的百分比選項,這個百分比選項未必是不透明度,比如模糊工具〖R/SHIFT R〗的選項是強度。而如果沒有選擇繪圖類工具,數字鍵就是改變圖層的不透明度。

        作為我們現在來說,要記熟哪些是繪圖類工具哪些不是,還是比較困難的。教大家一個快速判定是否可以使用數字鍵的方法:就是觀察目前的公共欄中是否有百分比選項。有的話數字鍵就是改變這個工具選項。沒有的話就是改變圖層不透明度。如果有兩個百分比選項,那么另外一個就是按住SHIFT鍵后再按數字鍵。

        現在就本節中比較難懂和重要的部分作一下總結:
        1:各個圖層不透明度互相獨立,各自調整。
        2:圖層不透明度為100%不能保證圖像就是完全不透明的。圖像半透明效果可能是由多種因素綜合作用而成。
        3:如果圖層中所有像素的不透明度低于50%,將無法用選擇工具按住CTRL鍵在圖像中直接點擊選擇。如果低于10%就不再出現在右鍵關聯菜單中。
        4:背景層作為一種特殊圖層,一定是100%不透明,且不能調整不能移動。

        注意,在后面的課程中將不再敘述圖層的選擇方法,因此請仔細學習這部分內容并確保能夠熟練操作。
        還有,本節中提到的原始像素和附屬像素這兩個概念名詞,是我們為了便于大家理解而自創的,在Photoshop官方的技術文檔中并不存在。在其他教程中也許也看不到(如果看到的話,很可能那就是引用了我們這里的解釋方法哦)。大家要根據這兩個名詞理性地去理解這兩類像素的概念,掌握之后則不必拘泥于這里的名稱。

        預約申請免費試聽課

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

        上一篇:達內UI培訓PS基礎教程-22-圖層層次關系
        下一篇:如何讓圖標從AI到PS不模糊?

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

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

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

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

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

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