- Photoshop淘寶天貓網店設計裝修從入門到精通
- 蔣珍珍
- 4501字
- 2020-11-28 17:16:21
3.3 常用操作:排列與顯示商品圖像
在Photoshop CC中,用戶可以同時打開多個商品圖像文件,其中當前圖像編輯窗口將會顯示在最前面。用戶可以根據工作需要移動窗口位置、調整窗口大小、改變窗口排列方式或在各窗口之間切換,讓工作環境變得更加簡潔。
3.3.1 最大化與最小化顯示商品圖像
在Photoshop CC中,單擊標題欄上的“最大化”按鈕和“最小化”按鈕,即可將商品圖像的窗口以最大化或最小化顯示。
在菜單欄中選擇“文件”|“打開”命令,打開商品圖像素材,將鼠標指針移動至圖像窗口的標題欄上,按住鼠標左鍵的同時并向下拖曳,如圖3-40所示。

圖3-40 單擊標題欄并向下拖曳
單擊圖像編輯窗口標題欄上的“最大化”按鈕,即可最大化窗口,如圖3-41所示。單擊圖像編輯窗口標題欄上的“最小化”按鈕,即可最小化窗口。

圖3-41 單擊“最大化”按鈕
3.3.2 改變商品圖像窗口排列方式
在Photoshop CC中,當打開多個商品圖像文件時,每次只能顯示一個圖像編輯窗口內的商品圖像。若用戶需要對多個窗口中的內容進行比較,則可將各窗口以水平平鋪、浮動、層疊、選項卡等方式進行排列。
下面介紹調整商品圖像窗口排列的具體操作方法。

步驟 01在菜單欄中選擇“文件”|“打開”命令,選擇并打開多個商品圖像素材,如圖3-42所示。

圖3-42 打開多個商品圖像素材
步驟 02在菜單欄中選擇“窗口”|“排列”|“平鋪”命令,如圖3-43所示。

圖3-43 選擇“平鋪”命令
步驟 03執行上述操作后,即可平鋪窗口中的商品圖像,如圖3-44所示。

圖3-44 平鋪窗口中的商品圖像
步驟 04在菜單欄中選擇“窗口”|“排列”|“在窗口中浮動”命令,如圖3-45所示。

圖3-45 選擇“在窗口中浮動”命令
步驟 05執行上述操作后,即可使當前編輯窗口浮動排列,如圖3-46所示。

圖3-46 當前編輯窗口浮動排列
步驟 06在菜單欄中選擇“窗口”|“排列”|“使所有內容在窗口中浮動”命令,即可使所有內容在窗口中浮動,如圖3-47所示。

圖3-47 所有內容在窗口中浮動
步驟 07在菜單欄中選擇“窗口”“| 排列”“| 將所有內容合并到選項卡中”命令,如圖3-48所示。

圖3-48 選擇“將所有內容合并到選項卡中”命令
步驟 08執行上述操作后,即可使圖像窗口以選項卡的方式進行排列,如圖3-49所示。

圖3-49 圖像窗口以選項卡的方式排列
步驟 09在菜單欄中選擇“窗口”|“排列”|“平鋪”命令,對3.3.2(d).jpg商品圖像素材顯示的位置進行調整,如圖3-50所示。

圖3-50 調整素材顯示位置
步驟 10在菜單欄中選擇“窗口”|“排列”“| 匹配位置”命令,即可使圖像以“匹配位置”的方式進行排列,如圖3-51所示。

圖3-51 以“匹配位置”的方式排列圖像
專家指點
當用戶需要對窗口進行適當的布置時,將鼠標指針移至圖像窗口的標題欄上,按住鼠標左鍵的同時并拖曳,即可將圖像窗口拖動到屏幕任意位置。
3.3.3 商品圖像編輯窗口的切換操作
在Photoshop CC軟件中,用戶在處理商品圖像時,如果在界面的圖像編輯窗口中同時打開多幅商品圖像,則可以根據需要在各窗口之間進行切換,讓工作界面變得更加方便、快捷,從而提高工作效率。
在菜單欄中選擇“文件”“| 打開”命令,打開多個圖像素材,將所有圖像設置在窗口中浮動,如圖3-52所示。將鼠標移動至3.3.3(a)圖像素材的編輯窗口上,單擊鼠標左鍵,即可將素材圖像置為當前編輯窗口,如圖3-53所示。

圖3-52 所有圖像在窗口中浮動

圖3-53 將圖像置為當前窗口
專家指點
除了運用本實例的方法可以切換圖像編輯窗口外,還有以下3種方法。
● 快捷鍵1:按Ctrl+Tab組合鍵。
● 快捷鍵2:按Ctrl+F6組合鍵。
● 窗口菜單:選擇“窗口”菜單,在彈出的菜單列表中的最下方,Photoshop會列出當前打開的所有素材圖像的名稱,單擊任意一個圖像名稱,即可將其切換為當前圖像窗口。
3.3.4 商品圖像的放大與縮小操作
用戶在編輯商品圖像過程中有時需要查看圖像精細部分,此時可以靈活運用縮放工具,隨時對商品圖像進行放大或縮小。
下面介紹放大和縮小商品圖像的具體操作方法。

步驟 01在菜單欄中選擇“文件”|“打開”命令,打開商品圖像素材,如圖3-54所示。

圖3-54 打開商品圖像素材
步驟 02選取工具箱中的縮放工具,在工具屬性欄中單擊“放大”按鈕,如圖3-55所示。

圖3-55 單擊“放大”按鈕
步驟 03將鼠標指針移至圖像編輯窗口中,此時鼠標指針呈帶加號的放大鏡形狀,在圖像編輯窗口中單擊鼠標左鍵,即可放大圖像,如圖3-56所示。

圖3-56 放大圖像
步驟 04在工具屬性欄中單擊“縮小”按鈕,將鼠標指針移至圖像編輯窗口中,單擊鼠標左鍵,即可縮小圖像,如圖3-57所示。

圖3-57 縮小圖像
專家指點
除了運用上述方法可以放大顯示圖像外,還有以下3種方法。
● 命令:選擇“視圖”|“放大”命令。
● 快捷鍵1:按Ctrl++組合鍵,可以逐級放大圖像。
● 快捷鍵2:按Ctrl+空格組合鍵,當鼠標指針呈帶加號的放大鏡形狀時,單擊鼠標左鍵,即可放大圖像。
選取縮放工具后,每單擊一次鼠標左鍵,圖像就會縮小1/2。例如,圖像以200%的比例顯示在屏幕上,在圖像中單擊鼠標左鍵,則圖像將縮小至原圖像的100%。
3.3.5 使用抓手工具移動商品圖像
用戶在編輯商品圖像時,當商品圖像尺寸較大,或者由于放大窗口顯示比例而不能顯示全部商品圖像時,可以使用抓手工具移動畫面,查看和編輯商品圖像的不同區域。
下面介紹運用抓手工具移動商品圖像的具體操作方法。

步驟 01在菜單欄中選擇“文件”|“打開”命令,打開商品圖像素材,如圖3-58所示。

圖3-58 打開商品圖像素材
步驟 02選取工具箱中的縮放工具,在工具屬性欄中單擊“放大”按鈕,將鼠標指針移動至圖像編輯窗口中,此時鼠標指針呈帶加號的放大鏡形狀,在圖像編輯窗口中單擊鼠標左鍵,即可放大圖像,如圖3-59所示。

圖3-59 放大圖像
步驟 03選取工具欄中的抓手工具,將鼠標指針移動至圖像編輯窗口,如圖3-60所示。

圖3-60 選取抓手工具
步驟 04按住鼠標左鍵并拖曳鼠標,即可移動圖像,如圖3-61所示。

圖3-61 移動圖像
專家指點
除了使用菜單欄中的“文件”|“打開”命令選取抓手工具以外,還可使用快捷鍵H。
使用絕大多數工具時,按住空格鍵不放都可切換為抓手工具,放開空格鍵后即可還原為之前正在使用的工具。
3.3.6 適合屏幕顯示商品圖像
當商品圖像被放大到一定程度后,需要恢復全圖時,用戶在工具屬性欄中單擊“適合屏幕”按鈕,即可按適合屏幕大小方式顯示商品圖像。
在菜單欄中選擇“文件”|“打開”命令,打開商品圖像素材,選取工具箱中的縮放工具,將素材圖像放大,如圖3-62所示。

圖3-62 放大圖像
在工具屬性欄中,單擊“適合屏幕”按鈕,執行上述操作后,即以適合屏幕的大小顯示圖像,如圖3-63所示。

圖3-63 以適合屏幕的大小顯示圖像
專家指點
除了運用本實例中的方法將商品圖像以最合適的比例完全顯示外,在Photoshop中還有以下兩種方法。
● 快捷菜單:當鼠標指針呈放大鏡形狀時,單擊鼠標右鍵,在彈出的快捷菜單中,選擇“按屏幕大小縮放”命令。
● 工具:雙擊工具箱中的抓手工具。
3.3.7 按區域顯示商品圖像
在Photoshop CC中,如果用戶只需要查看商品圖像的某個區域時,就可以運用縮放工具,局部放大區域圖像,或者運用導航器面板進行查看。
下面介紹按區域顯示商品圖像的具體操作方法。

步驟 01在菜單欄中選擇“文件”|“打開”命令,打開商品圖像素材,如圖3-64所示。

圖3-64 打開商品圖像素材
步驟 02在工具箱中選取縮放工具,將鼠標指針移動到需要放大的圖像區域,按住鼠標左鍵的同時拖曳,如圖3-65所示。

圖3-65 按住鼠標左鍵同時拖曳
步驟 03至合適位置后釋放鼠標左鍵,即可放大顯示框選的區域,如圖3-66所示。

圖3-66 放大顯示框選的區域
步驟 04在菜單欄中選擇“窗口”|“導航器”命令,如圖3-67所示。

圖3-67 選擇“導航器”命令
步驟 05執行上述操作后,彈出“導航器”面板,如圖3-68所示。

圖3-68 “導航器”面板
步驟 06將鼠標指針移至紅色方框內,按住鼠標并拖曳,即可按區域查看局部放大圖片,如圖3-69所示。

圖3-69 按區域查看局部放大圖片
在“導航器”面板中,各選項含義如下。
代理預覽區域:將光標移到此處,單擊鼠標左鍵可以移動畫面。
縮放文本框:用于顯示窗口的顯示比例,用戶可以根據需要設置縮放比例。
縮放滑塊:拖動該滑塊可以放大和縮小窗口。
“縮小”按鈕:單擊“縮小”按鈕,可以縮小窗口的顯示比例。
“放大”按鈕:單擊“放大”按鈕,可以放大窗口的顯示比例。
專家指點
除了上述方法可以移動“導航器”面板中圖像顯示區域外,還有以下5種方法。
● 方法1:按Home鍵可將“導航器”面板中的顯示框移動到左上角。
● 方法2:按End鍵可將顯示框移動到右下角。
● 方法3:按Page Up鍵或Page Down鍵可將顯示框向上或向下滾動。
● 方法4:按Ctrl+Page Up或Page Down組合鍵可將顯示框向左或向右滾動。
● 方法5:按Page Up鍵、Page Down鍵、Ctrl+Page Up組合鍵或Ctrl+Page Down組合鍵的同時按Shift鍵,可將顯示框分別向上、向下、向左或向右滾動10像素。
3.3.8 調整商品圖像的尺寸
在Photoshop CC中,商品圖像尺寸越大,所占的空間也越大。更改商品圖像的尺寸會直接影響商品圖像的顯示效果。
下面介紹調整商品圖像尺寸的具體操作方法。

步驟 01在菜單欄中選擇“文件”|“打開”命令,打開商品圖像素材,如圖3-70所示。步驟 02在菜單欄中選擇“圖像”|“圖像大小”命令,如圖3-71所示。

圖3-70 打開商品圖像素材

圖3-71 選擇“圖像大小”命令
步驟 03在彈出的“圖像大小”對話框中,設置“寬度”為90厘米,如圖3-72所示。

圖3-72 設置“寬度”為90厘米
步驟 04單擊“確定”按鈕,即可完成調整圖像尺寸的操作,如圖3-73所示。

圖3-73 調整圖像尺寸
3.3.9 調整商品畫布的尺寸
在Photoshop CC中,畫布指的是實際打印的工作區域,圖像畫布尺寸的大小是指當前商品圖像周圍工作空間的大小,改變畫布大小會直接影響商品圖像最終的輸出效果。
下面介紹調整商品畫布尺寸的具體操作方法。

步驟 01在菜單欄中選擇“文件”|“打開”命令,打開商品圖像素材,如圖3-74所示。

圖3-74 打開商品圖像素材
步驟 02在菜單欄中選擇“圖像”|“畫布大小”命令,如圖3-75所示。

圖3-75 選擇“畫布大小”命令
步驟 03彈出“畫布大小”對話框,在“新建大小”選項區設置“寬度”為35厘米,設置“畫布擴展顏色”為“背景”,如圖3-76所示。

圖3-76 設置畫布大小
步驟 04執行上述操作后,單擊“確定”按鈕,即可完成畫布大小的調整,如圖3-77所示。

圖3-77 完成畫布大小的調整
在“畫布大小”對話框中,各選項含義如下。
當前大小:顯示的是當前畫布的大小。
新建大小:用于設置畫布的大小。
相對:選中該復選框后,在“寬度”和“高度”選項后面將出現“鎖鏈”圖標,表示改變其中某一選項設置時,另一選項會按比例同時發生變化。
定位:該區域顯示的是一個九宮格,里面有8個方向的箭頭,想把空白放在原圖的哪個區域,就將原點放置在哪個區域。
畫布擴展顏色:在“畫布擴展顏色”下拉列表中可以選擇填充新畫布的顏色。
3.3.10 調整商品圖像的分辨率
在Photoshop CC中,商品圖像的品質取決于分辨率的大小。分辨率指的是單位長度上像素的數目,通常用“像素/英寸”或“像素/厘米”表示。
圖像的分辨率是指位圖圖像在每英寸上所包含的像素數量,單位是dpi(dots per inch)。分辨率越高,商品圖像文件就越大,商品圖像也就越清晰,處理速度就會相應變慢;反之,分辨率越低,商品圖像文件就越小,商品圖像就越模糊,處理速度就會相應變快。
下面介紹調整商品圖像分辨率的具體操作方法。

步驟 01在菜單欄中選擇“文件”|“打開”命令,打開商品圖像素材,如圖3-78所示。

圖3-78 打開商品圖像素材
步驟 02在菜單欄中選擇“圖像”|“圖像大小”命令,如圖3-79所示。

圖3-79 選擇“圖像大小”命令
步驟 03彈出“圖像大小”對話框,設置“分辨率”為400像素/英寸,如圖3-80所示。

圖3-80 設置分辨率
步驟 04單擊“確定”按鈕,即可調整圖像分辨率,如圖3-81所示。

圖3-81 調整圖像分辨率
- 中文版Photoshop CS6完全使用手冊(超值版)
- Microsoft Visual C++ Windows Applications by Example
- 平面設計綜合教程:Photoshop+Illustrator+CorelDRAW +InDesign(微課版)
- Cinema 4D完全實戰技術手冊
- iPhone Applications Tune/Up
- AutoCAD 2016中文版完全自學手冊
- Apache Solr 3.1 Cookbook
- UG NX 12.0完全自學寶典
- Photoshop CS6案例教程(第3版)
- Midjourney商業設計完全教程
- AutoCAD 2020中文版入門、精通與實戰
- Mastering Zabbix
- Photoshop CS6平面設計實戰從入門到精通(經典暢銷版)
- 企業微信公眾平臺開發實戰:再小的個體也有自己的品牌
- Creo 4.0中文版基礎教程