當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計(jì)趣事>教程內(nèi)容

排版知識(shí),通過實(shí)例來解析一下人像排版的思路(4)

來源:黑光網(wǎng) 作者:小飯團(tuán)兒Midy 學(xué)習(xí):4741人次

本篇教程通過實(shí)例來解析一下人像排版中遇到的問題,我們把照片拍好,調(diào)好,如何展示我們的照片呢?這就涉及到如何排版了,一個(gè)好看的照片版面設(shè)計(jì)會(huì)給照片錦上添花,教程提供了思路,同學(xué)們可以根據(jù)自己需求去設(shè)計(jì),其實(shí)好看的版面有很多設(shè)計(jì)方法,比如多處留白都屬于照片排版,具體如何做通過教程來學(xué)習(xí)一下吧。

效果圖:

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

操作步驟:

這次直接跳過調(diào)色和大家說一說排版思路方法。

抱著玩一玩的心態(tài)。

摳圖,去色,拼貼,手繪。后面一一說明思路和玩法。希望可以幫到你們鴨。

關(guān)于排版的思路,其實(shí)來自于之前電商設(shè)計(jì)的工作經(jīng)驗(yàn)。

在以前電商公司工作經(jīng)常拼一些穿衣搭配的圖,有一些需要用到拼貼的搭配展示方式,

公司也會(huì)提供一些模特圖讓我們自由發(fā)揮。

這次的“模特”是我的客妹。既然風(fēng)格適合,就可以“玩”一下。

這樣會(huì)讓整組照片變得更有趣,更可愛。

下面放一些參考圖,我們可以學(xué)習(xí)別人的顏色,展現(xiàn)方式和色彩字母粗細(xì)搭配。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

別人除了服裝搭配上比較出眾以外,還用到了摳圖,手繪,色塊撞擊,文字排版搭配,線條等,

給整張圖增添了不少趣味感。

簡單來說說吧,如果想要拼貼效果,第一步是要會(huì)摳圖。

摳圖有很多方法,但我常常用到ps里的鋼筆工具。

我個(gè)人比較喜歡把鋼筆設(shè)置里的“橡皮帶”打開,摳圖的時(shí)候感覺會(huì)更順手。

大家操作一開始可能會(huì)比較慢,但用途較廣,多練習(xí)就會(huì)越來越順。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

這樣就結(jié)束了嗎?當(dāng)然不是。

打開這張圖,然后ctrl+j復(fù)制一層,用鋼筆在圖層一上勾畫,圈出需要摳出的部分。

可以沿著人物的邊緣摳的比較細(xì)致,也可以像我這樣留點(diǎn)邊緣。這取決于,你想要什么感覺的圖。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

緊接著,ctrl+回車,使鋼筆路徑變成虛線選區(qū)。再ctrl+j,圈起來的這部分,就被摳出來了。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

接下來,圖層2,就是摳出來的圖,可以放倒任意畫布上拼貼。

大家可以舉一反三,運(yùn)用在更多地方。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

對(duì)于初識(shí)ps的同學(xué)來說,還是挺有趣的。

我們可以把自己家人的照片摳下來,拼在一起,還可以做表情包:

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

一張簡單的照片,被我拼拼改改,變成另一翻模樣。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

很多人會(huì)問,排版的畫布一般多大?實(shí)際上排版用到的畫布,我不會(huì)用很大。

排版是為了展示在社交網(wǎng)絡(luò)各個(gè)平臺(tái)上,目的只要照片清晰,在網(wǎng)頁上能快速打開即可。

每個(gè)人習(xí)慣不同,我一般保存的大小也只是1m左右。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

首先,要會(huì)用ps新建畫布,有了畫布,才可以在上面“做文章”。

那么,我們ctrl+n,新建畫布,寬和高可以參考我的數(shù)值,你們也可以根據(jù)自己的需要去調(diào)整。

此時(shí),我們有了一塊干凈的背景圖可以隨意創(chuàng)作。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

第一步,把下圖1拖入畫布,放在了右邊(左右隨意,看心情)。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

這時(shí)候,左邊就有點(diǎn)空了,于是用左邊工作欄的矩形工具,拖出一個(gè)方塊,大小比例根據(jù)美感留白自己掌握。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

此時(shí),把圖1拖到方塊上方,如下圖所示。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

然后鼠標(biāo)點(diǎn)在圖1圖層上,右鍵“創(chuàng)建剪切蒙版“,或者快捷鍵:ctrl+alt+G。

圖片就被“圈”進(jìn)矩形框里。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

此時(shí),我擔(dān)心左邊的圖和右邊沒有層次感,于是,把左邊這部分變成黑色。也用到了“創(chuàng)建剪切蒙板”。

這樣只有左邊的方框里是黑白,不會(huì)影響右邊的圖。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

接下來,我們把扣好的圖片拖到左邊。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

鼠標(biāo)雙擊圖層3,然后給它增加了白色描邊。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

這時(shí)候發(fā)現(xiàn)右邊的圖有點(diǎn)單調(diào),于是加了色塊和文字,這樣就完整了很多啦。

左邊還用畫筆工具,手寫了biubiubiu~,整體更有趣味感。

(推薦大家使用手繪板,這樣寫起來會(huì)比鼠標(biāo)順很多。)

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

下面這張圖呢,也是運(yùn)用到拼貼和字母搭配還有去色的方式整合起來的。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

首先用鋼筆工具摳好這四張圖,分別把人摳出來,然后根據(jù)大小比例和整體感覺來排列起來。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

按之前的方法,新建一張畫布,把畫布背景色改成了黑色,然后把四張圖分別排列好。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

此時(shí)會(huì)有一種眼花繚亂的感覺,于是選了兩張去色,(去色快捷鍵:shift+ctrl+u)讓整張圖片有層次感。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

此時(shí)再加上英文字母,整體有一種拼貼海報(bào)即視感。

字母第一層黑色,復(fù)制一層改成白色,然后左移2個(gè)像素,這樣文字和人之間錯(cuò)開,也形成了另一種層次感。

有時(shí)候畫面需要一點(diǎn)層次感來拉開,否則讓人感覺擠的慌,沒有呼吸感?雌饋聿皇娣䥇s不知道問題在哪。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

下面和大家簡單說一說關(guān)于手繪元素是如何形成的。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

每一個(gè)元素,甚至每個(gè)顏色,色塊都是靠畫筆工具涂出來的。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

畫筆快捷鍵B,平時(shí)可以去網(wǎng)上下載一些板繪常用的畫筆筆觸。

每種都會(huì)有不一樣的效果,會(huì)給你不一樣的感覺。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

下面這張的排版呢,利用照片上已有元素來發(fā)揮。其實(shí)這張排的時(shí)候,我的靈感已經(jīng)有所枯竭。

然后眼睛盯著那個(gè)棒棒糖看了幾秒以后,又有了新的想法。

于是我把棒棒糖摳了下來,移到照片左上方,復(fù)制出3個(gè)棒棒糖,去色,

制造出游戲里一滴“血”的感覺。就像升級(jí)打怪,還剩一半“血”。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

這張呢,我是覺得右邊場(chǎng)景有點(diǎn)復(fù)雜,有點(diǎn)亂。于是摳出自己覺得重要的部分,把后面其余去色。

這樣大家的眼睛關(guān)注到的,可能就是我摳出來的部分。

畫面中間的小箭頭的想法也是取決右圖那個(gè)大大的箭頭,讓畫面豐富好玩起來。

排版知識(shí),通過實(shí)例來解析一下人像排版的思路_www.theoat.com.cn

同學(xué)們看完是不是對(duì)照片排版有自己的見解,也有自己的構(gòu)思了,快拿自己的照片來練習(xí)一下看看吧。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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