• <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基礎教程-12-界面概覽

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

        首先我們來認識一下Photoshop的界面組成,如下圖是一個典型的界面。為了方便識別,我們加上了顏色和數字。
        1:頂部的紅色區域是菜單欄,包括色彩調整之類的命令都存放在從菜單欄中。在我們的教程中使用【】符號來表示菜單項目。
        2:稱為公共欄,主要用來顯示工具欄中所選工具的一些選項。選擇不同的工具或選擇不同的對象時出現的選項也不同。
        3:綠色的豎長條稱為工具欄,也稱為工具箱。對圖像的修飾以及繪圖等工具,都從這里調用。幾乎每種工具都有相應的鍵盤快捷鍵。
        4:靠右邊的紫色部分稱為調板區,用來安放制作需要的各種常用的調板。也可以稱為浮動面板或面板。
        5:調板區上方的藍色部分稱為調板窗,用來存放不常用的調板。調板在其中只顯示名稱,點擊后才出現整個調板,這樣可以有效利用空間。防止調板過多擠占了圖像的空間。
        其余的區域稱為工作區,用來顯示制作中的圖像。Photoshop可以同時打開多幅圖像進行制作,圖像之間還可以互相傳送數據。在打開的圖像間可通過菜單【窗口】底行的圖像名稱切換,也可以快捷鍵〖CTRL TAB〗完成圖像切換。
        除了菜單的位置不可變動外,其余各部分都是可以自由移動的,我們可以根據自己的喜好去安排界面。并且調板在移動過程中有自動對齊其他調板的功能,這可以讓界面看上去比較整潔。在移動調板的過程中按住SHIFT鍵將對齊到Photoshop主窗口的四邊。

        達內UI培訓PS基礎教程-12-界面概覽

        現在介紹以下圖像窗口的組成,一個典型的圖像窗口如下圖。
        1:標題欄,顯示文件名、縮放比例,括號內顯示當前所選圖層名、色彩模式、通道位數。
        2:圖像顯示比例,可通過輸入數值或按住CTRL鍵后左右拖動鼠標來改變。使用其它方式更改顯示比例后這里也會顯示相應的數值。注意這里的比例只是圖像顯示的比例,而并不是涉及像素重組那樣的更改圖像尺寸。另外一個需要注意的是,有些圖像細節(如細小的線條、小文字等)在小于100%顯示比例的時候也許會看不清楚甚至看不到,建議都在100%比例下進行各種操作。
        3:狀態欄,顯示一些相關的狀態信息,可通過單擊紅色箭頭所指處的三角按鈕來選擇顯示何種信息。較常用的為“暫存盤大小”,因為其可以顯示出Photoshop的內存占用量。如134M/480M表示Photoshop總共可以使用480M的物理內存,當前已經占用了134M。當占用數量超過可用數量(如520M/480M)時,Photoshop的反應速度就會降低,因為此時需要使用硬盤模擬內存負責數據處理,由于硬盤的數據存取速度比起內存來慢了許多,因此導致整體處理速度的下降,這在處理大幅面圖片時尤為明顯。可在【編輯 首選項】的“內存與圖像高速緩存”中設置較大的內存占用比例,但過大的比例可能導致其他應用程序因內存不足而無法運行。最徹底的解決方法自然是增加內存硬件或使用高速硬盤(如SCSI接口高速硬盤)。
        PhotoshopCS及更早版本的狀態欄位于底部。

        達內UI培訓PS基礎教程-12-界面概覽

        0301某些右下角有縮放標志的調板是可伸縮調板,如下左圖紅色箭頭處,用鼠標拖動此處即可拉伸調板。一般可伸縮調板都有一個最小尺寸,不能無限縮小。在每個調板的右上角,位于關閉按鈕的下方,都有一個圓形三角按鈕(如下右圖紅色箭頭處),點擊這個按鈕后會出現調板功能的選項。不同的調板點擊后出現的菜單也不一樣。

        達內UI培訓PS基礎教程-12-界面概覽

        雙擊調板的標題區(如下左圖紅色箭頭處),可以將調板縮成最小,如下右圖。但其中的功能也都不可以使用了,除非再次雙擊展開調板。雙擊標簽名稱(如下左圖的“顏色”文字處)也有同樣效果。
        還可以點擊調板的最小化按鈕(如下右圖紅色箭頭處),調板將變為簡要形式,此時調板功能可能會部分保留,再次點擊將恢復,如顏色調板保留了色譜。也就是說并不是所有的調板都具有簡要形式的,有的調板點擊最小化按鈕的效果,和雙擊標題區是一樣的。

        達內UI培訓PS基礎教程-12-界面概覽

        因為屏幕空間有限,在我們處理圖像尤其是尺寸較大的圖像時,再大的屏幕也可能不夠用,這時在Photoshop中減少調板的占用面積就可以騰出更多屏幕空間用來處理圖像。可以將多個調板進行組合。
        組合調板的方法是將調板的標簽拖動到另外一個調板中。如下圖所示從紅色橢圓區域拖動到藍色橢圓區域。組合后幾個調板只占用一個調板的空間面積,并且可以一起移動。
        雖然經過組合可以減少空間占用,但是組合在一起的調板不能同時使用,需要切換。比如下圖所示的顏色調板和樣式調板就無法同時使用,需要用鼠標點擊相應的標簽才可以使用。因此在折疊組合調板的時候不要將需要同時使用的調板組合在一起,以免造成使用上的不便。

        達內UI培訓PS基礎教程-12-界面概覽

        上面說過,需要同時使用多個調板的話就不能將其組合在一起,這樣當移動調板位置時就可能要依次移動多個調板,顯得較為繁瑣。如果出現這種情況,可以調板進行上下并列組合。這樣做雖然不會減少空間面積占用,但是多個調板既可以同時使用也可以同時移動。上下組合的方法是將調板標簽拖動至另外一個調板的底部。如下圖,從紅色圓圈區域處拖動到藍色矩形區域。

        達內UI培訓PS基礎教程-12-界面概覽

        調板間的折疊組合和上下組合,都沒有數量的限制,你可以任意折疊或上下組合多個調板。如果要取消調板組合,拖動標簽到調板外面即可。在使用中按下TAB鍵將隱藏除了菜單以外所有的內容,方便整體觀看圖像。再次按TAB鍵恢復。下面是組合過程的視頻動畫。

        0302Photoshop啟動后各個調板的擺放位置以上次退出Photoshop時為準。如果有些時候調板的位置找不到,可能是因為更改屏幕分辨率等一些原因造成的,此時可通過【窗口 工作區 復位調板位置】來將所有調板(包括工具欄)歸位。

        0303Photoshop的工具眾多,如果全部放在工具欄中,工具欄會變得很長。因此有一些性質相近的工具被放到一起,只占用一個圖標的位置,并且在工具欄上用一個細小的箭頭來加以注明。如下圖的畫筆中就包含了畫筆和鉛筆兩個工具。展開其他工具的方法是用鼠標點住工具不放一會兒,就會出現如下圖的列表。也可以直接單擊鼠標右鍵。

        達內UI培訓PS基礎教程-12-界面概覽

        0304工具名稱后面的字母B是該工具的快捷鍵,只要在鍵盤上按下相應的字母就可以直接選擇這個工具。快捷鍵的使用可以極大地加快制作的速度,同時也讓你的操作顯得專業(至少看起來是)。因此應多使用快捷鍵。在教程中我們使用〖〗符號來表示快捷鍵。
        從上圖大家會看到一個問題,畫筆工具和鉛筆工具的快捷鍵都是〖B〗,那么按下后究竟是選擇哪一個呢?以上一次用過的為準,如果上次使用的是鉛筆,那么此時按〖B〗就選擇鉛筆。
        那么如果上一次選擇的是鉛筆,此時要使用快捷鍵選擇畫筆是不是就不可以了呢?可以的,按住SHIFT再按B即可在畫筆和鉛筆之間切換。也可以按住ALT鍵單擊,這樣不必展開工具列表就可以切換工具。
        除了工具快捷鍵以外,Photoshop中的一些命令也有相應的操作快捷鍵,所不同的是這些命令快捷鍵通常需要使用CTRL、ALT、SHIFT等鍵來配合使用。比如〖CTRL D〗就表示先按住CTRL鍵不放(注意是按住不放),再按下D鍵,然后先松開D鍵再松開CTRL鍵。如果出現〖CTRL ALT K〗這樣的,則表示先按住CTRL和ALT兩鍵不放,再按下K鍵,然后先松開K鍵再松開CTRL與ALT鍵。其中CTRL和ALT鍵沒有先后之分,既可以依次按下也可以同時一起按下。
        要特別注意的是如果啟用了中文輸入法,有些快捷鍵就無效了,此時應關閉中文輸入法。建議大家只有在需要輸入中文的時候才打開中文輸入法,而平時都應將它關閉。

        0305大部分命令快捷鍵所執行的命令都存在于Photoshop的菜單中,大家可以對照菜單看一下,〖CTRL D〗命令在菜單中其實就位于【選擇 取消選擇】。通過這兩種方式都可以使用這個命令,效果也完全一致。
        Photoshop的程序設計非常人性化,為了方便使用者,對常用的命令都設置了相應的快捷鍵。在Adobe的幾大軟件之間都具有相同或類似的快捷鍵,如〖F7〗在Photoshop、Illustrator、InDesign中的作用都是開啟圖層調板。這些快捷鍵從很早的版本開始沿用至今。在今后也將繼續被沿用下去。因此現在掌握的快捷鍵在以后也不會過時,還可以觸類旁通。
        除了預先設定好的通用快捷鍵,我們也可以自己設置快捷鍵的分配。此外還可以對菜單項目進行設置,既可以為常用的菜單可以標上顏色以便快速選擇,也可以隱藏一些不需要使用的項目以縮短菜單長度。設置的方法是〖CTRL ALT SHIFT K〗和〖CTRL ALT SHIFT M〗,也可以【編輯 鍵盤快捷鍵】和【編輯 菜單】,還可以通過【窗口 工作區 鍵盤快捷鍵和菜單】。它們兩者其實都處在同一個設置框中,如下2圖。注意:PhotoshopCS及更早版本沒有菜單設置功能。
        從“組”中選擇Photoshop提供的幾種鍵盤和菜單的組合方式,也可以在下方具體的項目中修改,如下右圖就將“文件 新建”項目修改為綠色,并且隱藏了“文件 打開”項目。在對現有項目進行了修改后,組名稱會出現“已修改”的提示,此時可以按旁邊的按鈕儲存這個設定,儲存之后這個組合的設定就被覆蓋了。需要注意的是菜單和快捷鍵中還有子項目,如下2圖紅色箭頭處,要正確選擇。
        如果不想覆蓋現有的組合,可以按按鈕另外保存一個新名字組合,新的組合以文件形式存放在“Photoshop安裝目錄下的“預置”目錄下的“菜單自定”及“鍵盤快捷鍵”子目錄中,擴展名為.mnu和.kys。可從相應的目錄中取出對應的文件發送給別人,讓對方不必一一設置就可以使用和你相同的組合。將從別處得到的組合文件拷貝到相應目錄中即可在列表中選擇其并使用(需在Photoshop未運行的前提下)。
        按下按鈕將刪除目前的組合,請謹慎使用。

        達內UI培訓PS基礎教程-12-界面概覽

        0306前面說過,應盡可能關閉不需要的調板(或停放到右上角的調板窗),為制作中的圖像留出最大空間。在所保留的調板的分配上,不同人風格和習慣也不一樣,最明顯的區別就在于各個調板的擺放位置,有的人將顏色調板放在左端覺得比較順手,有的人則習慣放在右端。即使是同一個人,在針對不同作品制作的時候調板的位置也可能不一樣。針對印刷品的制作,經常使用色板調板,那一定就是將其放在最順手的地方;針對網頁制作,就會將樣式調板放在最順手的地方;而如果是針對數碼照片的單純色彩調整,可能連最基本的圖層調板都不需要。
        Photoshop可以將調板的擺放位置存儲起來,方法是【窗口 工作區 存儲工作區】,將出現如下圖的存儲對話框,默認只保存調板的位置,也可以將目前所使用快捷鍵設定和菜單設定一起保存。

        達內UI培訓PS基礎教程-12-界面概覽

        0307Photoshop提供了3種屏幕顯示模式,可通過〖F〗循環切換。分別為標準模式、帶菜單的全屏模式、無菜單的全屏模式,依次如下123圖所示。在兩種全屏模式下只顯示一幅圖像,即當前進行操作的圖像。如果切換到其它圖像原先的全屏狀態仍然保留。全屏時圖像將出現在屏幕的中央位置,可使用工具欄中的抓手工具〖H〗改變圖像顯示的位置,也可按住空格鍵不放拖動鼠標完成。在無菜單全屏模式下如果需要使用菜單,可點擊工具欄頂端的三角按鈕,如下第3圖綠色箭頭處。
        此外,可以通過按下快捷鍵〖TAB〗來隱藏(或顯示)所有使用中的調板,如果和無菜單全屏模式一起使用將呈現如下第4圖所示的樣子。此時仍然可以通過各個快捷鍵來對圖像進行操作,當你的快捷鍵使用得相當熟練后,可以在別人面前使用這種顯示模式來炫耀一下。這種方式有一個很實用的好處,可以避免顯示器上其它色彩干擾我們對圖像的視覺感知,在實際中常使用這種方式來思考類似色彩搭配之類的問題。

        達內UI培訓PS基礎教程-12-界面概覽

        作為捆綁軟件,ImageReady是對Photoshop網頁輸出及動畫制作等方面功能的增強。因此在界面上兩者幾乎相同,只有一些細小但并不重要的差別。多了一些與網頁制作相關的調板,最明顯的是多了一個制作動畫的調板〖窗口 動畫〗,即位于下方的橫長條調板。如下圖。
        使用ImageReady可以簡單快速地制作動畫,我們在以后很快會接觸到。

        達內UI培訓PS基礎教程-12-界面概覽

        下面我們來看看Illustrator的界面風格。與Photoshop類似,Illustrator也有菜單、公共欄、工具欄和各種調板。同樣也具有3種屏幕顯示模式。在Illustrator中通常習慣于將所操作的圖像最大化布滿整個區域(非全屏模式)。調板也可以和Photoshop一樣伸縮、移動、組合。按下〖TAB〗可以隱藏除菜單以外所有的調板。在調板右上角也有圓三角按鈕style="width:inherit;height:auto;" />。工具欄也屬于“多合一”的類型,在工具上按住鼠標左鍵不放即可出現工具列表。
        一般來說Illustrator用到的調板數量要多于Photoshop,所以應該適當地組合各個調板以節約屏幕顯示空間。同時為了解決調板數量過多的問題,Illustrator可以直接在公共欄中設置調板中的主要內容,如下右圖的不透明度就可直接在公共欄修改百分比。更方便的是,如果點擊帶下劃線的藍色文字(紅色箭頭處)則會出現相應的完整調板,可進行更多設定,設定完成后調板即消失。這種方式稱為彈出式調板,對照下方的普通調板,就會看到兩者的內容是完全一致的。彈出式調板在很大程度上降低了普通調板出現的必要性。

        達內UI培訓PS基礎教程-12-界面概覽達內UI培訓PS基礎教程-12-界面概覽

        GoLive的界面布局與前兩者也大同小異,如下左圖。調板右上角的圓三角按鈕與Photoshop一致,是調板功能的選項。可伸縮調板在右下角的標志也與Photoshop一樣。GoLive沒有工具欄,與之相當的是 對象調板。
        調板之間的組合方式也是相同的。 當幾個調板上下組合以后,每個調板標簽左邊都會出現一個方形三角按鈕(如下圖紅色箭頭處),點擊這個按鈕可以起到相當于最小化的作用。此外GoLive為調板提供了一種隱藏在屏幕邊緣,滑動伸縮的使用方式。方法是將調板標簽拖動到屏幕的左右兩邊界。

        達內UI培訓PS基礎教程-12-界面概覽

        達內UI培訓PS基礎教程-12-界面概覽

        預約申請免費試聽課

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

        上一篇:達內UI培訓PS基礎教程-11-圖像格式的選擇
        下一篇:達內UI培訓PS基礎教程-13-新建Photoshop圖像

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

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

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

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

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

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