當前位置:首頁>ps入門教程>ps基礎教程>新手教程>教程內容

排版教程,超詳細適合初學者的排版教程(4)

來源:m.theoat.com.cn 作者:凃喬琦Mickey 學習:133729人次

本文章是以MAC系統(tǒng)來講解的,WIN的操作起來可能有一點不相同,但區(qū)別不大。

自我介紹:

wechat:Mickey_dreamer

博主是一位熱愛攝影的姑娘,平時也很喜歡看各種教程,自覺攝影后期、排版,每次看到好的知識,都會覺得好感謝分享的博主,所以,我也想和那些博主一樣常常分享一些好的東西給大家,進步,下面進入正題,這次主要是分享一些平時使用的小排版小技巧給大家,自己也不是什么高手,初衷只是想分享,和大家共同進步,這些技巧其實都是很簡單的東西,相信大家看了之后,也都一定可以學會,如果有不對的地方,或者有更簡單的方法,請各位大禮友善指出。

也歡迎更多小伙伴分享自己的排版小技巧。

使用什么軟件進行排版?

photoshop CC

今天要教大家的是PS排版,其他類似的軟件就不多介紹了,PS它本身就有很多版本,寶寶們也可以下載別的版本,不一定要和我一樣,大部分的工具的使用方法都是一樣的,只是版本不同。

操作界面的說明

m.theoat.com.cn_jc00y9u7_01.jpg

這是教程的制作界面,我用SNIP截圖,PS制作之后導入,接下來我就教大家如何制作這張圖,SNIP可以在APP STORE下載,WIN用戶也可以百度搜索一下就有。

m.theoat.com.cn_jc00y9u7_02.jpg

第一步:導入圖片

SNIP截屏導入PS,我每次都是直接把圖片拉進PS,簡單粗暴,還有一個辦法是點擊菜單欄里面的文件,然后點打開。

m.theoat.com.cn_jc00y9u7_03.jpg

之后 選擇你放目標文件的文件夾,再點擊右下角的那個打開的按鈕。

第二步:剪裁

把截屏的時候不必要的部分裁剪掉。

m.theoat.com.cn_jc00y9u7_04.jpg

如果截屏的時候就做到了沒有多余的部分那更好,就可以省略這一步。

第三步:框國

用矩形工具框出要標示出的部分,然后修改該圖層的不透明度即可。

m.theoat.com.cn_jc00y9u7_05.jpg

m.theoat.com.cn_jc00y9u7_06.jpg

同理:如何畫出強調文字

首先在你想要強調的文字上使用矩形工具將它框出來,然后調整一下這個框框的顏色,之后在圖層面板里面選中它,將透明度改到合適的程度就可以了。

m.theoat.com.cn_jc00y9u7_07.jpg

第四步:添加文字

添加字體是非常簡單的,橫排豎排任你選,如果想要移動文字點移動工具欄就好了。

m.theoat.com.cn_jc00y9u7_08.jpg

如何設置字體大小、顏色?

m.theoat.com.cn_jc00y9u7_09.jpg

然后就可以設置你喜歡的字體和顏色了,如果嫌字體太少可以去網上下載。

第五步保存圖片

m.theoat.com.cn_jc00y9u7_10.jpg

m.theoat.com.cn_jc00y9u7_11.jpg

m.theoat.com.cn_jc00y9u7_12.jpg

m.theoat.com.cn_jc00y9u7_13.jpg

在編輯里點擊模式轉為LAB顏色,合并所有的圖層,然后在轉成RGB模式即可保存,如果還是PSD格式也沒關系,將格式改為JPG即可,以上操作均可以看圖,很簡單的,是不是?

照顧初學者所以寫的比較細,如果還有不懂的可以留言和我說。

再次附上完成圖

m.theoat.com.cn_jc00y9u7_14.jpg

如果用PS進行拼圖?

PS拼圖的最大優(yōu)點是會保留圖片的清晰度,也可以自己設計,可以自由發(fā)揮自己的創(chuàng)意,沒有局限性,接下來就教大家如何拼圖。

簡單的無縫拼圖

我的習慣是直接打開一張圖片,直接把圖拖到PS里面。

m.theoat.com.cn_jc00y9u7_15.jpg

然后就再直接拖一張圖進去,注意這里不是像剛才那樣用PS打開,而是直接拖進圖里面。

m.theoat.com.cn_jc00y9u7_16.jpg

然后就出現這樣的疊加現象,不要慌,千萬不要雙擊,對劉兩們邊。

m.theoat.com.cn_jc00y9u7_17.jpg

m.theoat.com.cn_jc00y9u7_18.jpg

然后等等比例的放大縮小,按住SHIFT鍵然后雙擊置入。

再用移動工具移動把這張圖移動到第一張圖下面,記得要對齊,再用裁剪工具往下拖,點擊右上角的勾勾就大功告成了。

在這里要說的是,圖片拼之前,要先改成一樣的尺寸,再拼在一起,因為這樣看起來更整齊一些,最好拼之前就想好怎么拼,這樣拼圖會更加高效也不容易出錯。像這兩張圖尺寸一樣,所以第二張圖就進去的時候根本不用修改尺寸,有條理的去做,會事半功倍哦。

簡單的有縫隙拼圖

學會了前面的無縫拼圖之后,有縫隙拼圖也變得很簡單了。

同理還是打開一張圖片,再拖入一張圖片,兩張圖有一定縫隙之后

m.theoat.com.cn_jc00y9u7_19.jpg

就會出現留白,還是用剪裁工具往外拖,拖多一點,沒關系,反正等下可以裁剪的,拖少了又要裁剪很多次,如果所拼的圖片數量多了之后,就要按住“command”鍵點擊右下方圖層面板的兩個圖層(WIN是用CTRL鍵。)

m.theoat.com.cn_jc00y9u7_20.jpg

再點擊頂部的工具屬性欄的對齊即可,也有其他的對齊標準,根據你擺放的圖的位置來對齊。附上完成率圖一張:

m.theoat.com.cn_jc00y9u7_21.jpg

簡單摳圖:針對背景和主體有非常明顯的色彩和明度的區(qū)別,通常魔棒和套索工具結合使用,優(yōu)點是效果高,缺點是不適合復雜的背景對象摳圖。

第一步:復制圖層

打開一個背景簡單的圖像之后,按command+J復制一個圖層(WIN:CTRL+J)

m.theoat.com.cn_jc00y9u7_22.jpg

這樣做的好處是可以方便修改,圖層左邊的那個小眼睛非常好用,點一下就恢復你在所對應圖層做的修改之前的樣子,再點一下就又還原成你做了修改之后的樣式。非常生動形象的顯示出了每一步操作做之前和做之后的樣子。

第二步:摳出背景,反選。

在這里有一個心得想告訴大家,如果背景比主體簡單,那么直接用魔棒工具摳出,再按“command+shift+i”反選就好了,如果有多余的地方就按住ALT鍵在用鼠標把多余的部分點掉就行了。

(WIN系統(tǒng)是CTRL+SHIFT+I,總之大家記。篧IN里面的CTRL就是MAC的command鍵,下面就不再重復了)

第三步:移動。

移動你需要的主體到人合適的位置即可,當素材的話可以保存成素材下次再用。

m.theoat.com.cn_jc00y9u7_23.jpg

這里只告訴大家最簡單的方法,優(yōu)點是快速簡單,缺點是邊緣會有殘缺或者多余的東西,適用于初學者,如果想知道更精準的摳圖方法,可以到這里學習:http://m.theoat.com.cn/photoshop/koutujiaocheng/

看到好的排版怎么借鑒?如何使畫面變得更干凈簡單?

這個方法類似于剪貼畫,把自己喜歡的貼圖和搭配粘貼于自己的文案上,可以借鑒很多好的圖文的排版,但是不要完全抄襲,還是要有自己的想法和風格,學會了這個技能會讓圖文的編輯變得事半功倍,這個技能就是我們的內容識別工具,首先,先打開一個我喜歡的排版。

m.theoat.com.cn_jc00y9u7_24.jpg

然后這里已經注明了攝影師的微信和微博名,我想把它全部改變成自己的怎么辦?(可以參照拼圖里說的方法做,方法類似)

圖片的話可以先全部剪裁成正方形,置入之后按住SHIFT鍵調整為相同大小,然后一個一個覆蓋在原始圖片上即可。最后用移動工具選擇要對齊的圖片,對齊即可。然后多余的文字就可以用內容識別工具。

m.theoat.com.cn_jc00y9u7_25.jpg

如圖,打開編輯,然后一直往下點填充。

m.theoat.com.cn_jc00y9u7_26.jpg

這里會有一點小的問題,一次可能并不能完全去掉,所以要多去幾次。

m.theoat.com.cn_jc00y9u7_27.jpg

最后就大功告成了。

m.theoat.com.cn_jc00y9u7_28.jpg

如果有排版的PSD,剛可以不用這么麻煩。這里講的是沒有PSD的情況下如何模擬自己喜歡的模板。最后附上成品圖一張。

m.theoat.com.cn_jc00y9u7_29.jpg

如何使用PSD?

PSD是一個很好的文件格式,它可以儲存每個圖層的操作,并且很方便的可以復制到別的圖片上,就像美圖秀秀里面那些模板一樣好用,這里就用日系字體為例。

m.theoat.com.cn_jc00y9u7_30.jpg

雙擊字體,然后點擊安裝即可。

m.theoat.com.cn_jc00y9u7_31.jpg

之后打開一個你喜歡的日系排版PSD,和一張你喜歡的圖片。

m.theoat.com.cn_jc00y9u7_32.jpg

將你要復制的文字排版直接拖入對應的圖片當中。

m.theoat.com.cn_jc00y9u7_33.jpg

然后合并圖層保存即可。

m.theoat.com.cn_jc00y9u7_34.jpg

附上完成圖一張。

m.theoat.com.cn_jc00y9u7_35.jpg

補充說明:

如果PSD遇到下圖這種情況,是因為電腦里沒有對應的字體,自己去網上下載相應字體即可解決。

m.theoat.com.cn_jc00y9u7_36.jpg

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
想你了唄5202019-03-25 08:41
新人看看~~~~~~~~~~~~~
寄居蟹2017-08-19 11:13
有點亂?
泣鴉2017-07-11 08:37
新人完全沒看懂
陶康2017-05-20 11:58
完全看不懂,touyun
陶康2017-05-20 11:05
完全看不懂,touyun
PS教程自學網網友2016-12-21 10:12
我能說那個排版的沒看懂嘛 用PS無縫拼接的那個操作步驟完全沒看懂,感覺圖片跟文字完全對不上,能說的再明白一些么
2016-12-21 10:08
我能說那個排版的沒看懂嘛 用PS無縫拼接的那個操作步驟完全沒看懂,感覺圖片跟文字完全對不上,能說的再明白一些么
袁筠雅2016-12-15 12:12
八零在線 學習了
袁筠雅2016-12-15 12:52
八零在線 學習了
四楓院櫻璃2016-04-30 03:01
多謝分享。
四楓院櫻璃2016-04-30 03:01
多謝分享。
四楓院櫻璃2016-04-30 03:01
多謝分享。
彼岸鴻鈞2016-04-30 02:08
辛苦 了。
彼岸鴻鈞2016-04-30 02:08
辛苦 了。
彼岸鴻鈞2016-04-30 02:08
辛苦 了。

關注大神微博加入>>

網友求助,請回答!