超詳細的照片排版方法和思路

2021-01-17 飯糰醬de雜貨鋪

(摳圖,拼貼,手繪步驟)

出鏡:@S7erRY 



又很久沒寫教程了。


這組照片修完後,感覺很可愛,於是排了個版,還加了點手繪元素。後來發現很多人想學習如何排版。雖然自知排的不算特別好,但很多人也想實現,也想知道操作方法,那就簡單的寫一篇教程吧。


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


抱著玩一玩的心態。

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


關於排版的思路,其實來自於之前電商設計的工作經驗。

在以前電商公司工作經常拼一些穿衣搭配的圖,有一些需要用到拼貼的搭配展示方式,公司也會提供一些模特圖讓我們自由發揮。

這次的「模特」是我的客妹。既然風格適合,就可以「玩」一下。

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


下面放一些參考圖,我們可以學習別人的顏色,展現方式和色彩字母粗細搭配。


別人除了服裝搭配上比較出眾以外,還用到了摳圖,手繪,色塊撞擊,文字排版搭配,線條等,給整張圖增添了不少趣味感。


簡單來說說吧,如果想要拼貼效果,第一步是要會摳圖。摳圖有很多方法,但我常常用到ps裡的鋼筆工具


我個人比較喜歡把鋼筆設置裡的「橡皮帶」打開,摳圖的時候感覺會更順手。大家操作一開始可能會比較慢,但用途較廣,多練習就會越來越順。

這樣就結束了嗎?當然不是。打開這張圖,然後ctrl+j複製一層,用鋼筆在圖層一上勾畫,圈出需要摳出的部分。可以沿著人物的邊緣摳的比較細緻,也可以像我這樣留點邊緣。這取決於,你想要什麼感覺的圖。



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


接下來,圖層2,就是摳出來的圖,可以放倒任意畫布上拼貼。大家可以舉一反三,運用在更多地方。


對於初識ps的同學來說,還是挺有趣的。我們可以把自己家人的照片摳下來,拼在一起,還可以做表情包:


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



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

排版是為了展示在社交網絡各個平臺上,目的只要照片清晰,在網頁上能快速打開即可。每個人習慣不同,我一般保存的大小也只是1m左右



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

那麼,我們ctrl+n,新建畫布,寬和高可以參考我的數值,你們也可以根據自己的需要去調整。此時,我們有了一塊乾淨的背景圖可以隨意創作。



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


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


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


然後滑鼠點在圖1圖層上,右鍵「創建剪切蒙版」,或者快捷鍵:ctrl+alt+G。

圖片就被「圈」進矩形框裡。



此時,我擔心左邊的圖和右邊沒有層次感,於是,把左邊這部分變成黑色。也用到了「創建剪切蒙板」。這樣只有左邊的方框裡是黑白,不會影響右邊的圖。


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


滑鼠雙擊圖層3,然後給它增加了白色描邊


這時候發現右邊的圖有點單調,於是加了色塊和文字,這樣就完整了很多啦。左邊還用畫筆工具,手寫了biubiubiu~,整體更有趣味感。(推薦大家使用手繪板,這樣寫起來會比滑鼠順很多。)


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


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


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



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


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


字母第一層黑色,複製一層改成白色,然後左移2個像素,這樣文字和人之間錯開,也形成了另一種層次感。


有時候畫面需要一點層次感來拉開,否則讓人感覺擠的慌,沒有呼吸感。看起來不舒服卻不知道問題在哪。


下面和大家簡單說一說關於手繪元素是如何形成的。



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


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

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


下面這張的排版呢,利用照片上已有元素來發揮。


其實這張排的時候,我的靈感已經有所枯竭。然後眼睛盯著那個棒棒糖看了幾秒以後,又有了新的想法。


於是我把棒棒糖摳了下來,移到照片左上方,複製出3個棒棒糖,去色,製造出遊戲裡一滴「血」的感覺。就像升級打怪,還剩一半「血」。


這張呢,我是覺得右邊場景有點複雜,有點亂。

於是摳出自己覺得重要的部分,把後面其餘去色。這樣大家的眼睛關注到的,就是我摳出來的部分。


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


看完後,是不是對排版又有了新的想法了呢?

那麼用你自己的照片試試鴨?





轉發到朋友圈,截圖發送至後臺:






謝謝觀看



- END -



關於飯糰醬de雜貨鋪

「隨心所欲,記錄生活」


圖文均來自小飯糰兒原創,

若你看完文章有一點點喜歡,

歡迎把文章分享給朋友或轉發到朋友圈哦。


大圖可關注微博:@小飯糰兒Midy

❤️

相關焦點

  • 超詳細的照片排版方法和思路 | 攻攝選修課 vol.02
    照片排版 了解一下?
  • PS技巧:證件照照片摳人物的方法和一寸照片排版方法
    1、先把你拍好的照片放進PS中(圖片從網上找到),然後新建一個圖層,填充白色背景,再複製一個照片圖層,放在白色背景圖層上面。複製照片圖層是為防止把原圖損壞2、用鋼筆工具仔細勾勒人物輪廓,對於頭髮部分粗略勾畫,詳細如圖所示:
  • 幼兒園畢業紀念冊排版 幼兒園紀念冊設計思路
    幼兒園畢業紀念冊確定設計思路和設計風格,是懷舊還是個性.......本文說說幼兒園畢業相冊的設計和排版。幼兒園畢業相冊包含的內容較多,並不固定,延伸性和彈性較大。在提供資料的時候,大致包括畢業證書、幼兒園簡介、畢業集體照、籤名秀、小朋友個人信息、園長寄語、活動照片、老師信息、畢業歌、我愛我園等等。幼兒園畢業紀念冊假設按照時間排版,可以依據小班、中班、大班的學習和生活照片排版。並分對標題予以點綴,如古靈精怪、天真浪漫、無憂無慮等。按照時間順序進行排版也符合中國傳統先後習慣。
  • 幾種設計感絕佳的排版思路!
    最近又發現一些不錯的圖文排版設計,迫不及待將其方法提取出來與大家分享,這些排版不管是在UI設計、Web設計、提案包裝又或者品牌規範等都比較實用。 這種布局排版方式,雜誌感相對強一些,形式感和趣味性也豐富。
  • 全網最詳細的證件照換背景以及照片排版
    也行,但是我們這裡要說不說這個哈,我們要手把手教同學們給手頭的不管紅底、藍底的證件照進行更換背景顏色,網上教程很多,但是這篇你一定要學,為什麼,因為你會用到啊,哈哈,本篇除了教你給證件照換背景,還教你如何給照片進行排版,對的,沒錯,好不容易換了,不得打出一張來?話不多說,我們來具體學習一下吧。沒有什麼難度,難的就是要細心。
  • 靠這些排版技巧,能讓你照片的點讚率提高50%!
    通過巧妙的排版,我們能讓普通的照片看起來逼格滿滿。可究竟怎麼排版,才能讓照片畫面既有層次感又不顯得凌亂無序?咳咳,今天Air君安利給你的2個照片排版的小技巧,可以拯救你的照片哦~想用排版給照片加分一點都不難!我們常常會為了讓一組照片有更好的呈現,而進行排版設計讓它更加出彩。
  • 【內容排版】超實用圖文排版方法 文章排版怎麼有美感
    素都能影響瀏覽,排版設計的好壞絕對很考驗一個人的基本功底。那麼什麼是好的排版?在小編看來有比較棒的閱讀性的,內容在視覺上是平衡連貫的,並且有整體空間感和美感的就是好排版。所以現在就從文字排版和圖片排版這兩大方面,與大家分享內容排版的技巧。
  • PPT圖片排版,製作PPT照片牆效率翻倍的超實用方法,快來get一下
    想要用PPT做一個照片牆,但是圖片比較多,大小又不一樣,一張張地手動去拖拽調整大小,非常的耗費時間,怎麼辦?快跟橘將軍來學一個圖片排版的小技巧,保證效率翻倍又非常簡單!PPT小心機:效果展示PPT小心機:製作過程1、首先我在腦子裡構思好想要的樣子,然後插入矩形,調整大小位置,將矩形排版(圖1)。
  • 我想用這16個案例,來告訴你PPT人物排版的方法
    接下來分享幾個不同的思路。 統一人物圖片的形狀 通過統一人物圖片的形狀,讓頁面更具有秩序感。 比如我們可以將人物圖片裁剪為圓形:
  • 微信公眾號中照片如何排版
    圖片在排版設計中,佔有很大的比重,視覺衝擊力比文字強 85 %。照片排版也是圖片排版中的一類。也有人說一幅圖勝於千字。是因為圖片在視覺傳達上能輔助文字,幫助理解,更可以使版面立體、真實。那麼在微信公眾號中照片如何排版呢?
  • 畢業論文格式規範的重要性和排版方法
    為什麼說畢業論文除了內容以外其排版也非常重要呢?首先,一篇完整的論文是由多部分內容構成的,包括封面、目錄、摘要、正文、參考文獻、附錄、致謝等等,每一部分都承載有不同的功能並且有自己的格式要求。可以說,格式規範也是一篇論文不可或缺的組成部分。
  • 學會超連結,排版變高階!
    大家好,我是每天都刻苦鑽研排版風雨無阻的老沙是時候用更好的排版技術和你告白了
  • 有了這些人物介紹PPT的頁面排版方法,再也不愁沒有製作思路了!
    那麼團隊介紹頁該如何排版呢?我準備了40個案例來做一個系統的總結。1、當頁面只有一個人的時候,我們可以這樣排版縱列式排版,用過色塊劃分版面除了縱列式,還可以上下結構的版式。2、當頁面只有兩個人的時候,我們這樣排版3、當頁面有三個人的時候,我們這樣排版4、當頁面有四個人的時候,我們這樣排版5、當頁面有五個及其以上的人時
  • 4個超炫酷方法輕鬆搞定多圖排版!
    這麼多的圖片,要怎麼排版才能不讓人覺得擁擠難看、單調乏味、缺乏設計感呢?今天要分享的這幾個多圖排版方式,就能幫你解決這些問題!01 讓圖片滑起來~多張圖片排版,如果直接按順序擺放,無疑會增加文章篇幅。
  • 最近刪除的照片刪除怎麼恢復?超詳細操作步驟,一看就會!
    最近刪除的照片被刪除怎麼恢復?在蘋果手機的照片中,如果我們刪除了部分照片,這些照片會被轉移至最近刪除,一般情況下會保存30天之內刪除的照片,也可以直接手動進行二次清理。平常刪除的照片其實可以直接通過最近刪除來恢復,如果最近刪除相簿也被清理掉,我們需要嘗試其他的方法來恢復照片,今天要給大家分享兩種技巧。
  • 課件教學設計之排版
    >博客大巴-基於PPT的課件製作作者:蠅子連結:http://www.blogbus.com/quick-learning-logs/89677070.html版權聲明:轉載時請以超連結形式標明文章原始出處和作者信息及
  • 影樓後期照片排版ps模板軟體
    影樓後期照片排版ps模板軟體隨著技術的發展,漸漸出現了眾多的自動設計排版套版軟體。這類自動設計套版軟體跟photoshop到底有什麼區別呢?為什麼自動設計套版軟體的出現受到眾多影樓後期數碼師的喜歡?因此造成了photoshop:1.雖然功能強大,但操作十分複雜;2.操作繁瑣用過photoshop的朋友都知道,用它來設計模板的話,是想當的麻煩的;3.模板只能單張的設計有的照片拍攝的風格是一樣的
  • 多張照片排版的設計技巧
    全屏照片可以成為一個非常有吸引力和醒目的頁面元素。通常情況下,設計師會放棄只通過使用一張完整照片的想法和一般的布局,轉而使用包含兩個圖像或更多圖像的拼合式照片。照片網格當創建諸如上面的布局時,主圖像和文本區域採取黑色和白色的視覺分割,而次要圖像是彩色的,並具有非常酷的白平衡。藍色的光線會對我的配色方案造成嚴重破壞,所以我通過調整圖像的飽和度,突然兩張照片看起來就像是單拍的。
  • 作品集&排版設計入門課 03期報名
    參與了超厲害的落地項目?如果不會排版,沒有添加進作品集,可大大損失了他們的價值! 酒香也怕巷子深,一份優秀的作品集,就是給自己重金打造的廣告。 作品集&排版設計入門課,帶你從建立邏輯思維,熟悉軟體,清晰方向,信息整合,連貫風格,再到最終的製作完成。
  • 如何把多張照片合成一張?多張照片拼圖排版軟體
    多張照片合成一張:多照片拼圖排版軟體有很多時候我們需要將N多張圖片拼合在一起,但是一張張的拼接排版這樣做起來十分的不方便,費時費力不說