Studio–JQ 是一家位于英國的設計工作室，它是一個獨特的品牌傳播機構，由 Jonathan Quintin 所領導，他擅于運用排版及圖形，其設計風格獨樹一幟，在排版的運用上和圖形的理解上，可以說是出神入化，極具視覺張力。他的作品，我們有推送過，相信大家不會陌生，以前也有很多人問過這樣的海報怎么做，現在我們決定推出這個系列的教程。

這個系列的教程全部是來自于 Studio–JQ 的 Made-You-Look 系列。我們姑且稱之為配色排版教程。今天是這個系列的第一個。

首先是 Studio–JQ 的原作和我們的山寨對比，我拿到的圖片是800X600像素，我做成1200X900像素了，可能在細節上做不到完全一致，但是大致的意思是這樣，下面就跟著我們一步一步的來完成這個配色排版海報吧!

首先，新建文檔，尺寸是1200X900像素，創建一個漸變調整層，我們首先來做漸變背景。

下面，用矩形工具畫一個顏色為#7435f8的矩形，作為我們的海報主體，看上去，矩形是不是有點像漸變，其實只有一種顏色，這只是眼睛的錯覺而已，然后我添加了一個投影圖層樣式，在投影樣式中，我調整了等高線。

接下來，我復制了一層矩形，下移一層，將填充修改為0，重新調整了投影樣式的參數，注意投影的圖層混合模式。(這一步是為了照顧低版本的朋友，如果使用高版本的朋友，直接添加兩個投影樣式即可)

下面，用橢圓工具畫一個圓，然后添加圖層樣式。(既然是臨摹的話，就需要好好揣測下原作者的心思，看看人家到底是操作了什么，放大原圖的話，我們可以看到原圖的圓是有一個小小的描邊，不放大，可能你并不會注意到)

復制這個漸變的圓，右鍵清除圖層樣式，并將顏色修改為#ff28a9，并添加蒙版。

右鍵將這個復制的圓轉換為智能對象，為其添加一個動感模糊，并用蒙版輔助，使其良好過渡。

復制那個紅黃漸變的圓，置于頂層，將描邊的樣式去掉，執行一個動感模糊。

創建一個圖層組，將這幾個圓都包括進去，為了防止動感模糊后，有超出矩形的部分，所以，我給它添加了一個矢量蒙版。

下面，添加文本，這個不用過多講吧，我懶得再弄字體，就沒有用跟原圖一樣的字體，直接思緣黑體，這里需要注意的是，為這個圖層組添加一個描邊樣式，如果你仔細觀察了原圖你就知道。

接下來，添加這些方塊，操作手法很簡單，就是畫矩形，然后修改不透明度，動感模糊，這里不多說，大家自行嘗試一下。

接下來，添加這些0.5/0.1的文本和直線，那些直線適時的給點蒙版，文本和直線適當的調整不透明度即可，一樣的還是給它一個描邊。

下面，新建個圖層，填充黑色，將圖層混合模式修改為線性減淡(添加)，爾后添加雜色，然后創建一個圖層蒙版，涂抹成跟原圖一樣。

現在，我們回到漸變背景那里，把背景上的白色方框和文本做上去，一樣的添加一個描邊樣式。

至于這個藍色的條狀，除了動感模糊之外，還添加了一個高斯模糊。

文本和白線條狀下面，同樣的只是復制了一層，執行了動感模糊。

到這里，就算是完成了，可能講的不是那么的清晰有條理，但是，如果你跟著做的話，我想你會明白的，如果還是不明白，那可以看看我們所提供的PSD。

(責任編輯：極限)