亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

photoshop切圖的技巧總結(jié)

  發(fā)布時(shí)間:2016-09-07 17:03:20   作者:nono__   我要評(píng)論
這篇文章主要是根據(jù)自己對(duì)photoshop的了解聊一下photoshop的切圖,或者說(shuō)介紹一些可能會(huì)用到的小知識(shí)。方便有需要的朋友們參考學(xué)習(xí)。

下面就用一張很簡(jiǎn)單的圖片來(lái)當(dāng)例子。

photoshop切圖的技巧總結(jié)

標(biāo)尺和對(duì)齊:
1.    標(biāo)尺,這個(gè)就是標(biāo)尺了,作用不用說(shuō)了吧。。。

photoshop切圖的技巧總結(jié)

調(diào)出菜單在視圖,把標(biāo)尺前面的對(duì)鉤打上就OK了。

2.   對(duì)齊,這也是一個(gè)非常好用的選項(xiàng),比如用選框工具或者拉參考線的時(shí)候只要拖到附近就會(huì)自動(dòng)對(duì)齊,很方便。但是缺點(diǎn)也是有的,就是太“智能”,你選到附近幾個(gè)像素的時(shí)候它就會(huì)自動(dòng)對(duì)齊了。這個(gè)選項(xiàng)的優(yōu)點(diǎn)和缺點(diǎn)需要自己體會(huì)。。。反正以后你因?yàn)?px左右的選取而糾結(jié)的話(huà),想一下這個(gè)選項(xiàng)是不是打上勾了。

photoshop切圖的技巧總結(jié)

關(guān)于圖片的拖拽和縮放問(wèn)題:
這是兩個(gè)縮放常用的快捷鍵:

photoshop切圖的技巧總結(jié)

那說(shuō)到這兩個(gè)選項(xiàng)就不得不說(shuō)photoshop左下角這個(gè)地方了。

photoshop切圖的技巧總結(jié)

這就是當(dāng)前圖片顯示的大小,你可以通過(guò)點(diǎn)擊它來(lái)輸入任意數(shù)值,雙擊會(huì)自動(dòng)輸入100%,很好用。

其實(shí)對(duì)于拖拽和縮放,最好的方式是Alt+滾輪進(jìn)行縮放,space+鼠標(biāo)左鍵進(jìn)行拖拽,這兩個(gè)操作方式的優(yōu)點(diǎn)是靈活以及對(duì)細(xì)節(jié)把控的到位。(注意如果空格+鼠標(biāo)不能拖動(dòng)圖片的話(huà),說(shuō)明圖片顯示比屏幕小,直接放大一些就ok。)

關(guān)于參考線:
參考線是前端切圖必須要用到的功能了。

調(diào)用參考線也很方便,將鼠標(biāo)移動(dòng)到標(biāo)尺上按住拖動(dòng)就會(huì)出現(xiàn)一條參考線了。如果將鼠標(biāo)移到左上角標(biāo)尺重合的地方可以拖出兩條(橫豎各一條)參考線。

photoshop切圖的技巧總結(jié)

如果要清除所有參考線,在視圖菜單里就有清除參考線按鈕。

如果只是要清除某一條參考線,按住Ctrl鍵(調(diào)用移動(dòng)工具),把鼠標(biāo)移動(dòng)到參考線上,按住拖動(dòng)回標(biāo)尺就行了。

關(guān)于圖層:
一般打開(kāi)非psd格式的圖片都只有一個(gè)背景層:

photoshop切圖的技巧總結(jié)

而且后面有一個(gè)小鎖,是不允許編輯的。解除小鎖的方式很簡(jiǎn)單,通過(guò)雙擊背景層彈出

photoshop切圖的技巧總結(jié)

點(diǎn)確定就可以。

一般不建議直接在背景層上編輯,因?yàn)闀?huì)對(duì)原始素材造成毀壞。所以可以通過(guò)復(fù)制圖層來(lái)解決:

鼠標(biāo)將背景層按住不放拖動(dòng)到新建圖層按鈕

photoshop切圖的技巧總結(jié)

這樣會(huì)出現(xiàn)一個(gè)背景層副本,可以在副本上編輯。

photoshop切圖的技巧總結(jié)

圖層前面的小眼睛是設(shè)置圖層的可見(jiàn)性的,有關(guān)閉和打開(kāi)兩種狀態(tài)。

圖層的上下順序是有講究的,上面的圖層會(huì)覆蓋在下面的圖層上,所以如果有兩個(gè)不透明的圖層疊加,會(huì)顯示上面一個(gè)圖層。

圖層有個(gè)不透明度選項(xiàng),這個(gè)選項(xiàng)可以用來(lái)驗(yàn)證我們做出來(lái)的頁(yè)面和原稿的吻合度。

圖層的內(nèi)容比較復(fù)雜,不是一兩句話(huà)能說(shuō)清楚的,如果小伙伴們遇到了問(wèn)題,歡迎來(lái)和我一起探討。

關(guān)于選框工具(測(cè)量、摳圖):
前端切圖中會(huì)不斷用到這個(gè)工具:

photoshop切圖的技巧總結(jié)

其實(shí)這也是一個(gè)非常簡(jiǎn)單的工具,一般我們只用得到第一個(gè)矩形選框工具(測(cè)量,摳圖),后面三個(gè)切圖基本用不上。

比如我們要測(cè)量一個(gè)div的高度

photoshop切圖的技巧總結(jié)

選好之后按F8可以調(diào)出信息框

photoshop切圖的技巧總結(jié)

這樣就能知道高度了。

選框工具在前端切圖中還可以用來(lái)?yè)笀D(因?yàn)榍岸藫笀D很簡(jiǎn)單,很少有那種特別難摳的圖):

比如我們要摳出這個(gè)郵箱icon

photoshop切圖的技巧總結(jié)

我們先Alt+滾輪將圖片放到足夠大(每個(gè)像素塊清晰可見(jiàn)):


然后用矩形選框工具選取非白色的像素塊。對(duì)于這種不規(guī)則形狀需要用到shift+選:按住shift拖動(dòng)鼠標(biāo)會(huì)將選區(qū)相加。Alt是減選,操作相同。這個(gè)操作沒(méi)有技術(shù)含量。。。耐心就行了。。。

選好之后

photoshop切圖的技巧總結(jié)

按Ctrl+C復(fù)制選區(qū),Ctrl+N新建文件

photoshop切圖的技巧總結(jié)

彈出的框中記住要將北京內(nèi)容設(shè)置為透明。寬高不用設(shè)置,默認(rèn)剪貼板預(yù)設(shè)。然后確定,按Ctrl+V粘貼,即可得到扣下來(lái)的圖。

photoshop切圖的技巧總結(jié)

關(guān)于圖片保存的問(wèn)題:

photoshop切圖的技巧總結(jié)

一般前端中切圖保存都要用到這條命令,記住快捷鍵??梢员4鏋間if,png等web圖片格式。

吸管工具、裁切等等就不一一細(xì)說(shuō)了。

最后總結(jié)一下用的特別多的快捷操作:

      Alt+滾輪:縮放圖片

     空格+鼠標(biāo):拖動(dòng)圖片

     Ctrl+N:新建文件

     Ctrl+Shift+I:選區(qū)反選

     Ctrl+鼠標(biāo):調(diào)動(dòng)移動(dòng)工具

     Shift(Alt)+鼠標(biāo):選區(qū)加(減)選

photoshop博大精深,上面列舉的功能知識(shí)滄海一粟,如果有感興趣的小伙伴可以自己學(xué)習(xí)一下,用處太多。。。。

以上就是這篇文章的全部?jī)?nèi)容了。如果有什么問(wèn)題可以聯(lián)系我,大家一起學(xué)習(xí)進(jìn)步!

相關(guān)文章

  • photoshop怎么切圖?PS切圖方法匯總

    網(wǎng)頁(yè)設(shè)計(jì)中最常用的切圖工具還是photoshop,那么photoshop怎么切圖?下面小編就為大家詳細(xì)介紹PS切圖方法,不會(huì)的朋友可以參考本文,來(lái)看看吧
    2016-06-27
  • photoshop網(wǎng)頁(yè)切圖怎么用?ps網(wǎng)頁(yè)切圖圖文教程

    photoshop網(wǎng)頁(yè)切圖怎么用?有一個(gè)網(wǎng)頁(yè),想把各個(gè)部分都單獨(dú)切出來(lái),該怎么辦呢?這時(shí)候可以用ps對(duì)網(wǎng)頁(yè)進(jìn)行切圖,下面分享ps網(wǎng)頁(yè)切圖的圖文教程,需要的朋友可以參考下
    2015-11-12
  • LayerCraft Photoshop切圖插件 免費(fèi)版

    一個(gè)Photoshop 切圖插件,針對(duì) iOS 和 Android 一鍵導(dǎo)出選中的圖層,支持 @3x 導(dǎo)出。需要的朋友們可以下載
    2015-03-18
  • ps教程 Photoshop CC智能切圖功能教程

    用了Photoshop CC一段時(shí)間感覺(jué)到一些強(qiáng)大的新功能,不過(guò)今天腳本之家的小編又發(fā)現(xiàn)了一個(gè)新功能,那就是智能切圖啦,應(yīng)用在圖像輸出上非常方便,想要詳細(xì)了解的話(huà),就來(lái)閱讀
    2014-10-12
  • Photoshop和DW進(jìn)行網(wǎng)頁(yè)模板切圖教程

    本教程主要似乎用Photoshop結(jié)合DW給網(wǎng)頁(yè)模板切片,下面讓我們一起來(lái)學(xué)習(xí).
    2010-07-17
  • PS制作淘寶詳情頁(yè)及切圖導(dǎo)出方法圖解

    這篇教程主要是向腳本之家的朋友分享PS制作淘寶詳情頁(yè)及切圖導(dǎo)出方法,教程比較基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以參考一下,希望能對(duì)大家有所幫助
    2016-05-12
  • PS切圖后圖片大小過(guò)大的幾種常用解決方法

    下面小編為大家分享PS切圖后圖片大小過(guò)大的幾種常用解決方法,教程真的很不錯(cuò),對(duì)于不知道怎么解決的朋友可以參考本文,希望能對(duì)大家有所幫助
    2016-04-18
  • ps修圖之淘寶寶貝詳情頁(yè)切圖制作教程

    剛開(kāi)網(wǎng)店,不知道該怎么修圖,今天我們就來(lái)簡(jiǎn)單介紹一下ps中怎么制作淘寶詳情頁(yè)的寶貝圖片,其中有幾個(gè)注意事項(xiàng),下面分享p圖的過(guò)程,需要的朋友可以參考下
    2016-01-26
  • PS切圖經(jīng)驗(yàn)技巧分享

    這篇教程是向腳本之家的朋友介紹PS切圖經(jīng)驗(yàn)技巧,教程比較實(shí)用,很適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以過(guò)來(lái)吧
    2015-06-11

最新評(píng)論