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

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

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

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

效果圖:

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

操作步驟:

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

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

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

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

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

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

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

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

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

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

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

大家可以舉一反三,運用在更多地方。

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

很多人會問,排版的畫布一般多大?實際上排版用到的畫布,我不會用很大。

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

圖片就被“圈”進矩形框里。

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

此時再加上英文字母,整體有一種拼貼海報即視感。

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

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

排版知識,通過實例來解析一下人像排版的思路_m.theoat.com.cn

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

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

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

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

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