@設計達人網 :文字與攝影圖片的排版最近很流行,在各大微博、社區博客都有,有的做成小清新、有的做成可愛的等等。今天將為大家分享一個實現復古風格的圖文照片效果的Photoshop教程,希望大家喜歡,先看看效果圖:

PS教程:簡單幾步創建復古風格的圖文排版

這個圖案你也可以是文字的形式,建議參考《平面排版時,教你突出中文美感的幾種方法》的效果。下面一起看看這個教程制作方法:

相關教程推薦:
《后期之王!教你輕松掌握PS曲線工具》(附大神實操曲線圖)
《PS新手教程:變換角度!讓你的設計稿更上檔次》

第1步:

在Photoshop新建一個畫布,我這里是2880x1800px大小,打開你的圖形素材(透明PNG格式或是矢量圖形),用鼠標拖到新建的文件里。

PS教程:簡單幾步創建復古風格的圖文排版

第2步:

雙擊圖形素材設置為白色(圖層樣式 > 顏色疊加),新建一個圖層并填充為黑色,并將圖形素材與黑色圖層合并。

PS教程:簡單幾步創建復古風格的圖文排版

第3步:

選擇主菜單“濾鏡” >“ 轉換為智能濾鏡”。 再次選擇“濾鏡” > “模糊” > “高斯模糊”,半徑選擇4px。(根據你的圖形可微調)

PS教程:簡單幾步創建復古風格的圖文排版

第4步:

選擇主菜單“圖層” > “新建調整圖層” > “色階”,改變這些值,直到你看不到模糊效果。然后再選主菜單 “圖層” > “創建剪貼蒙版”。

PS教程:簡單幾步創建復古風格的圖文排版

PS教程:簡單幾步創建復古風格的圖文排版

第5步:

在頂部創建一個圖層,然后通過一些骯臟筆刷或紋理實現類似印章質感。

PS教程:簡單幾步創建復古風格的圖文排版

第6步:

將所有層合屏成一個組,(選擇所有圖層,按快捷鍵CTRL+G),將這個組的混合模式改為“淺色”。

PS教程:簡單幾步創建復古風格的圖文排版

第7步:

添加背景照片,在組下方插入一張你喜歡的照片,可以在這里找《8個提供免費高品質的照片網站》。

照片現在比較明亮,我們通過色階調整一下,根據圖像細微調整(“圖像” > > “調整” > “色相/飽和度”)

PS教程:簡單幾步創建復古風格的圖文排版

第8步:

選擇主菜單“圖像” > “調整” > “色階” 將圖像再變暗一些。

PS教程:簡單幾步創建復古風格的圖文排版

第9步:

選擇主菜單“圖像” > “新建調整層” > “照片濾鏡” 來添加些暖色,濃度根據照片調整,我這里是51%

PS教程:簡單幾步創建復古風格的圖文排版

第10步:

雙擊編輯智能對象(圖形素材層),選擇主菜單“濾鏡” > “濾鏡庫” > “畫筆描邊”,選擇“強化的邊緣”調整到你滿意的效果。

PS教程:簡單幾步創建復古風格的圖文排版

最終效果圖:

下面是最終實現的效果圖,怎么樣?還可以吧?喜歡的自己動手試試哦!

PS教程:簡單幾步創建復古風格的圖文排版

PS教程:簡單幾步創建復古風格的圖文排版

 

原文地址:shejidaren
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊:網頁設計師必須修煉的內功技法,更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/
設計微博:擁有粉絲量61萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS教程:簡單幾步創建復古風格的圖文排版
 

收藏 5
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。