歡迎來到神秘園PS教程自學網,這里是Photoshop愛好者的樂園![登錄][注冊]

如何用PS制作九宮格拼合多張圖片效果

2019年05月01日16:43來源:互聯網編輯:Dante

九宮格原本是指一種數字游戲,但現在大家第一反映估計是多張照片的拼接,例如微信微博發多張照片的時候就會自動幫我們排列成九宮格形式。這種九宮格式的排列,不僅可以呈現出多張照片,同時又不會產生零亂感,很適合展示。那么如何在PS中做出這種九宮格的排列效果呢?接下來我們就來一起學習一下吧!

在制作九宮格拼圖前,因為我們要做出類似下面這樣的布局,所以要先確定好畫布大小或者是先定好每個格子大小以及間隔距離,這樣才能精確計算出所需要的尺寸;

九宮格樣式.jpg

做九宮格的操作方法有挺多種,這里我們采用先做單元格,再排列的方法。例如現在我們要制作一個尺寸為960*960(尺寸單位為像素,以下都忽略)的九宮格拼圖!

第1步:通過在畫布上做簡單模擬效果與計算后,單元格的長寬定在310*310,間隔距離為15,然后使用圓角矩形工具,把圓角半徑設定為15(這個值也是模擬效果后取的,不是隨便設哈),在畫布上做出這個形狀,大致如下;

圓角矩形形狀.jpg

需要說明的是單元格的長寬,間隔距離,圓角半徑值都在模擬效果后才定的,因為是做教程,所以都會直接給出最后的數值,實際制作時都是經過嘗試多次后才能得到滿意的效果,除非是做的非常熟練了,才能一口氣完成設計。

第2步:做出了路徑還不夠,我們要把它轉化為選區,然后在圖層面板里新建一個組,給這個組添加圖層蒙版。這樣就把選區形狀以蒙版的形式保留下來了,為了能看出這個蒙版的效果,我們再給這個組添加一個黑色填充圖層,效果如下:

轉為選區后添加圖層蒙版再填充黑色.jpg

此時圖層面板效果如下:

單元格圖層效果.jpg

第3步:做好第一個單元格模板,接下來只要復制與排列即可。排列的時候可以花點心思如何快速排列好,比如先排最上方的三個,左右兩個單元格位置可以先定位,然后再定位中間的單元格,再之后把這三個一起復制到最下方,最后排中間的一排。總之排列的方法可以靈活多變,最后達到如下效果即可!

復制排列出九宮格布局.jpg

此時圖層面板效果如下:

單元格最后排列圖層效果.jpg

第4步:到此我們就做好了九宮格的模板,接下來只要把素材圖片放到單元格里(即圖層面板每個組里)就行了,放的時候要適當的做縮放以及位置調整;

把素材調整好放到單元格里.jpg

第5步:把所有的單元格都放入圖片后就完成了,最后的效果參考如下:

九宮格效果.jpg

最后小結:

1.現在的九宮格排版并非一定是3X3排列的九個格子,只要是能對稱排列都可以稱為九宮格式的拼圖,九宮格已經成為一種拼圖方式的代稱;

2.制作九宮格的方法有挺多種,我們介紹的這種方法適合制作模板文件,方便更換內容;

3.單元格可以是圓角也可以是直角或者其他樣式,大家可以多嘗試幾種,發揮出大家的想象力與創造力。

教程由[www.prvcmq.live]收集整理
ps教程自學網 ps照片 ps摳圖教程 ps鼠繪教程 ps字體 ps技巧 ps入門 ps知識問答
下次找不到怎么辦?★一鍵收藏分享★
更多
相關教程>>
設計軟件教程
ps教程大全
ps教程入門
ps摳圖專區
ps照片美化
關閉
u147台球