這樣的效果用PS如何實現?


網頁設計範疇。圖層置入技巧/半透明應用/瞎扯淡的設計感/你需要一個好素材

教程看看就好,做之前一定要跟前端和交接人溝通尺寸,不然會被嘲諷到臉黃的。

根據題主的圖模仿一個污污的教程:

1:新建一個文檔(我覺得這個純屬廢話??)
2:糊精斑,或者找個差不多的素材處理一下,半透明,濃厚多少取決於個人身體素質。(找找青春期畫的世界地圖亦可。)

3:是時候糊一下字了。每個段落最好都分段整理,前端BOY會感謝你的。

4:DUANG圖形處理,矩形折騰出來合併。

5:糊素材,把素材複製兩份出來,一份置入下面的矩形。

6:另外一分不置入,蒙版+筆刷圖一下特效。

7:偷懶的Duang一下,複製剛剛做的特技水平翻轉一波,換素材,我這裡是加了一個濺射效果的圖層,把複製出來的風景素材置入,記得處理。

8:就是上面置入的濺射效果。

9:偷懶一波,還是那套置入套路,沒什麼好說的。

10:整理一下圖層,分文件夾,一般來講靠譜的設計BOY都會給圖層和組命名,我這裡是非常不規範的演示,建議去看看2013新版 - 40條網頁設計師需了解的Photoshop禮儀。

11:DUANGDUANG~紅綠藍路邊店設計風格大成功!

PS:瞎弄教程知道就行,一定要注意對齊、規律、色彩、排版,基本功玩起來。


試著做了一下 ,感覺還不錯,左右顏色對比有點大,主要是懶,找圖麻煩。主子們,勿噴
剛剛用手機看回答,才發現背景沒扣好,慚愧。重現發一遍答案。

1.背景

不是純白背景,填的灰色,rgb看個人喜好
2.我命名為 灰色圖案背景

網上找一張噴濺圖案

去色 或者 添加黑白調整圖層

調整好顏色後,用橡皮擦把白邊抹掉,或者用魔法棒把白底扣掉
3.添加文字

文字不是純黑 ,你喜歡哪種灰就用哪種灰 (我選的字體好醜)
4.中間的圈圈和線條

填充顏色和描邊顏色隨意選擇 。圖案做的很簡單,為什麼呢~, 因為懶
5.左上效果製作

先用矩形工具畫一個矩形

然後複製2次,現在有3個矩形,按照海報上的樣子調整它們的位置和大小,調好後,合併圖層(選中三個圖層,按ctrl+E)
置入圖片(不要把置入圖片柵格化。智能對象會讓圖片在縮放後 ,圖片質量和最初一致)

選中置入的圖片圖層,右鍵點擊「創建剪貼蒙版」

就變成這樣啦~~選擇 移動工具 調整圖片位置,按ctrl+t調整圖片大小
再複製一層圖片

又變成這樣了

莫慌 添加圖層蒙版

我先用黑色畫筆,把圖片全部抹掉,再用白色的畫筆把需要顯示的塗抹出來。畫筆需要到網上下載噴濺畫筆,調整畫筆的大小,方向等

duang~ 效果出來了

6.右上效果製作
複製組——拖到右邊——ctrl+t——右鍵——水平翻轉,然後調整位置
接下來只需要做一些小修改 換圖 換個筆刷塗蒙版 完成

7.左下圖片製作

和左上圖片製作大同小異 矩形工具 置入圖片 創建剪貼蒙版
矩形的填充顏色我換成了白色偏灰,因為調整了置入圖片的透明度。根據自己喜好調整圖片的飽和度,明度等等
注意 :小矩形描了邊,描邊顏色接近背景色
8.右下圖片製作

偷懶的方法同上。複製 旋轉角度 換圖片 等等
9.最上面文字的製作

這個超級簡單 我就不贅述了

講完了 歡呼╰(*°▽°*)╯


很不錯的效果!


挺好看的


我記得去年還是什麼時候在UI中國看過這圖ˉ\_(ツ)_/ˉ


推薦閱讀:

如何用PS做這種紙質感的圖片?
請問如何解讀這張圖片?
什麼樣的作品算是好的拼貼作品?
為何顯示器校色後色域與sRGB偏差巨大?

TAG:AdobePhotoshop | 設計 | 平面設計 | Photoshop使用技巧 |