當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>新手教程>教程內(nèi)容

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

來源:www.theoat.com.cn 作者:凃喬琦Mickey 學(xué)習(xí):133729人次

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

自我介紹:

wechat:Mickey_dreamer

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

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

使用什么軟件進(jìn)行排版?

photoshop CC

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

操作界面的說明

www.theoat.com.cn_jc00y9u7_01.jpg

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

www.theoat.com.cn_jc00y9u7_02.jpg

第一步:導(dǎo)入圖片

SNIP截屏導(dǎo)入PS,我每次都是直接把圖片拉進(jìn)PS,簡(jiǎn)單粗暴,還有一個(gè)辦法是點(diǎn)擊菜單欄里面的文件,然后點(diǎn)打開。

www.theoat.com.cn_jc00y9u7_03.jpg

之后 選擇你放目標(biāo)文件的文件夾,再點(diǎn)擊右下角的那個(gè)打開的按鈕。

第二步:剪裁

把截屏的時(shí)候不必要的部分裁剪掉。

www.theoat.com.cn_jc00y9u7_04.jpg

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

第三步:框國

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

www.theoat.com.cn_jc00y9u7_05.jpg

www.theoat.com.cn_jc00y9u7_06.jpg

同理:如何畫出強(qiáng)調(diào)文字

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

www.theoat.com.cn_jc00y9u7_07.jpg

第四步:添加文字

添加字體是非常簡(jiǎn)單的,橫排豎排任你選,如果想要移動(dòng)文字點(diǎn)移動(dòng)工具欄就好了。

www.theoat.com.cn_jc00y9u7_08.jpg

如何設(shè)置字體大小、顏色?

www.theoat.com.cn_jc00y9u7_09.jpg

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

第五步保存圖片

www.theoat.com.cn_jc00y9u7_10.jpg

www.theoat.com.cn_jc00y9u7_11.jpg

www.theoat.com.cn_jc00y9u7_12.jpg

www.theoat.com.cn_jc00y9u7_13.jpg

在編輯里點(diǎn)擊模式轉(zhuǎn)為L(zhǎng)AB顏色,合并所有的圖層,然后在轉(zhuǎn)成RGB模式即可保存,如果還是PSD格式也沒關(guān)系,將格式改為JPG即可,以上操作均可以看圖,很簡(jiǎn)單的,是不是?

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

再次附上完成圖

www.theoat.com.cn_jc00y9u7_14.jpg

如果用PS進(jìn)行拼圖?

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

簡(jiǎn)單的無縫拼圖

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

www.theoat.com.cn_jc00y9u7_15.jpg

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

www.theoat.com.cn_jc00y9u7_16.jpg

然后就出現(xiàn)這樣的疊加現(xiàn)象,不要慌,千萬不要雙擊,對(duì)劉兩們邊。

www.theoat.com.cn_jc00y9u7_17.jpg

www.theoat.com.cn_jc00y9u7_18.jpg

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

再用移動(dòng)工具移動(dòng)把這張圖移動(dòng)到第一張圖下面,記得要對(duì)齊,再用裁剪工具往下拖,點(diǎn)擊右上角的勾勾就大功告成了。

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

簡(jiǎn)單的有縫隙拼圖

學(xué)會(huì)了前面的無縫拼圖之后,有縫隙拼圖也變得很簡(jiǎn)單了。

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

www.theoat.com.cn_jc00y9u7_19.jpg

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

www.theoat.com.cn_jc00y9u7_20.jpg

再點(diǎn)擊頂部的工具屬性欄的對(duì)齊即可,也有其他的對(duì)齊標(biāo)準(zhǔn),根據(jù)你擺放的圖的位置來對(duì)齊。附上完成率圖一張:

www.theoat.com.cn_jc00y9u7_21.jpg

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

第一步:復(fù)制圖層

打開一個(gè)背景簡(jiǎn)單的圖像之后,按command+J復(fù)制一個(gè)圖層(WIN:CTRL+J)

www.theoat.com.cn_jc00y9u7_22.jpg

這樣做的好處是可以方便修改,圖層左邊的那個(gè)小眼睛非常好用,點(diǎn)一下就恢復(fù)你在所對(duì)應(yīng)圖層做的修改之前的樣子,再點(diǎn)一下就又還原成你做了修改之后的樣式。非常生動(dòng)形象的顯示出了每一步操作做之前和做之后的樣子。

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

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

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

第三步:移動(dòng)。

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

www.theoat.com.cn_jc00y9u7_23.jpg

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

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

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

www.theoat.com.cn_jc00y9u7_24.jpg

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

圖片的話可以先全部剪裁成正方形,置入之后按住SHIFT鍵調(diào)整為相同大小,然后一個(gè)一個(gè)覆蓋在原始圖片上即可。最后用移動(dòng)工具選擇要對(duì)齊的圖片,對(duì)齊即可。然后多余的文字就可以用內(nèi)容識(shí)別工具。

www.theoat.com.cn_jc00y9u7_25.jpg

如圖,打開編輯,然后一直往下點(diǎn)填充。

www.theoat.com.cn_jc00y9u7_26.jpg

這里會(huì)有一點(diǎn)小的問題,一次可能并不能完全去掉,所以要多去幾次。

www.theoat.com.cn_jc00y9u7_27.jpg

最后就大功告成了。

www.theoat.com.cn_jc00y9u7_28.jpg

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

www.theoat.com.cn_jc00y9u7_29.jpg

如何使用PSD?

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

www.theoat.com.cn_jc00y9u7_30.jpg

雙擊字體,然后點(diǎn)擊安裝即可。

www.theoat.com.cn_jc00y9u7_31.jpg

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

www.theoat.com.cn_jc00y9u7_32.jpg

將你要復(fù)制的文字排版直接拖入對(duì)應(yīng)的圖片當(dāng)中。

www.theoat.com.cn_jc00y9u7_33.jpg

然后合并圖層保存即可。

www.theoat.com.cn_jc00y9u7_34.jpg

附上完成圖一張。

www.theoat.com.cn_jc00y9u7_35.jpg

補(bǔ)充說明:

如果PSD遇到下圖這種情況,是因?yàn)殡娔X里沒有對(duì)應(yīng)的字體,自己去網(wǎng)上下載相應(yīng)字體即可解決。

www.theoat.com.cn_jc00y9u7_36.jpg

 

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!