我翻譯好了，奉獻上來，順便我也保留一個我在自己博客上的原文鏈接：
http://www.rainoina.com/raino/archive/355.html

我主要是翻譯大意，沒有逐字翻譯，大家不要太苛求我了，呵呵
dynamic recessed watercolor typography in photoshop

原文地址：
http://psdtuts.com/tutorials/designing-tutorials/dynamic-recessed-watercolor-typography-in-photoshop/

版權聲明：英文版權歸fabio所有，中文翻譯由rainoxu（http://www.rainoina.com）制作，未經許可不得用于商業用途，轉載請附上這段完整版權聲明，否則一切法律后果由轉載者承擔。

final image preview
before we get started, let's take a look at the image we'll be creating.

在我們開始創作以前，先來看一下最終我們所要實現的效果吧（上圖）。

step 1
the first step here is actually the first step in all my projects. i look for references images based on my sketch. this research and planning process is intertwined. it allows me to look through various elements and plan the direction to follow. of course, i can change the direction during the creation as this process is fluid. so i found multiple images with effects i really liked and wanted to apply to a design (images: 1, 2, 4, and 5). then i put some ideas on paper (image 3), added my own direction, and developed my concept.

我的整個創作的第一步，是根據我的創作大意尋找了許多相關的圖片素材，同時我開始對我的創作過程進行規劃。這樣我便在收集圖片的時候就開始定下我的設計路思路與方向。當然，我可以在創作的時候改變我的思路，所以我收集了許多效果的圖片，都是我喜歡的以及在此次設計中會應用到的（下圖中的1/2/4/5），緊接著我便把我的想法畫在了紙下（下圖的3），并融入了我的設計思路，同時也形成了我的一個設計理念。

|||

step 2

create a new document in photoshop, i used a wallpaper size of 1920 pixels by 1200 pixels.

在photoshop中新建一個圖層，我使用的是壁紙的尺寸：1920px*1200px。

step 3

download the bleeding dragon oldpapers textures, and place the paper 2.jpg in your document.

下載“bleeding dragon oldpapers textures”的圖片，并將它添加到你的文檔中去。

step 4

now let's use some brushes, in this case the fantastic bitbox set of watercolor brushes. go ahead and download these watercolor brushes. bitbox has some other amazing watercolor brushes as well, so feel free to test different ones as well.so, let's select the brush tool (b) and blue for the color. create a new layer, then with just one click paint place some paint on the layer.

現在讓我們開始使用筆刷工具，在這個例子中，我使用的筆刷是“the fantastic bitbox set of watercolor brushes”，如果你還沒有這個筆刷，可以去下載（下載地址），這個系列的筆刷還有幾個其他的奇特樣式，你可以嘗試不同的效果，選擇一種進行創作，前景色為藍色，新建一個圖層，在這個圖層上面一次性的畫上圖案，大至像下圖所示。本文由網頁設計webjx.com整理發布！轉載請注明出處，謝謝！

|||

step 5

create a new layer, select a different brush and use red for the color. once again paint the layer. also you can try different blend modes, in this case i used normal but you can try multiply as well.

新建一個圖層，選用紅色，像上一個步驟那樣操作。同時你還可以嘗試著用不同的圖層疊加開式，在這里我使用的是正常模式。

step 6

create more layers and paint each layer with different colors. use yellows and greens and different blend modes as well. try to reproduce the image below.

繼續創建更多圖層，像上面的步驟繼續操作，得出的效應該和下圖差不多。在這個過程中，你可以不斷地嘗試不同的圖層疊加模式。

step 7

group all the layers with watercolor brushes and duplicate the group. you can hide one. with the other layer go to layer > merge group. rescale the layer and make it bigger, as in the image below. then go to filter > blur > gaussian blur, and use 250 for the value. now change the blend mode to multiply.

把所有的用"watercolor"筆刷處理好的圖層都放到一個組里去（既“序列”），把這個組復制一個備份，并隱藏掉一個組。然后把顯示的那個組合并掉（ctrl+e）得到一個新圖層，并把它放大一些，放在靠后的圖層位置，繼續用高斯濾鏡處理（濾鏡-模糊-高斯模糊），填入250的值，完成后將圖層的疊加模式改成疊加。本文由網頁設計webjx.com整理發布！轉載請注明出處，謝謝！

|||

step 8

go to layer > layer mask > reveal all. select a big round brush and change the hardness to 0%. choose white for the color and paint over the layer mask to hide some areas of the layer. mainly in the center.

對當前圖層進行操作：圖層-添加圖層蒙板-顯示全部，然后選用一個大號的圓形筆刷，調整它的硬度為0%，顏色為白色，在這個圖層蒙板上面涂抹以隱藏掉圖層的一些區域——主要是中間的區域。

step 9

write the text you want, for the typeface i used a p22 font called constructivist. you can use the one you like the most. just make sure that it's really bold. also, i placed some birds i got from the gomedia's arsenal (set 5). the pack is called flock of birds, but i'm sure there are brushes with birds like that you can search on the web for.the main idea here is make the birds coming from the text. that's why i placed them over the s and a bit on the t.

然后打上一些你想好的文字，這里用到的字體是“constructivist”，你也可以用別的你喜歡的字本，但有一點要注意的是，你所用的字體必須是粗體，并且看起來像下圖中的一樣，我還添加了一些鳥類的圖案，你可以用手頭的一些鳥類筆刷來實現相同的效果，或者如果你沒有的話，可以在網上搜索一下下載相應的筆刷。這里主要的一個構思是要讓鳥類圖案看著像是從文字里飛出來的，所以將鳥類的圖案盡量放在“t”和“s”附近。本文是網頁教學www.webjx.com收集整理或者原創內容，轉載請注明出處！

step 10

again, let's use that group of layers painted with the watercolor brushes we hid on the step 6. first, use a big version, as in the image below. rename the group to "watercolor big" and change the blend mode to multiply.

接下來繼續使用著面我們用“watercolor”處理的組，即那個放大過的靠后的那個組。將它重命名為“watercolor big”并更改圖層疊加模式為疊加。

|||

step 11

duplicate the group several times. change the blend mode to multiply for each copy. then select all new copies and merge them in one unique layer. just go to layer > merge layers. after that change the blend mode to soft light, rename the layer to "watercolor small," then group it with the "watercolor big" group. rename this new group to "watercolor."

復制這個組得到幾個復本，每個復本都用不同的圖層疊加模式，然后選中這些新得到的復本，將它們一起合并成一個單獨的圖層，并將得到的這個新圖層的圖層疊加模式設置成“柔光”，然后重命名這個圖層為“watercolor small”,然后把它和"watercolor big"編成一個組，將這個新組命名成為“ watercolor”。

step 12

here let's add more elements to our design. use some brushes and paint over some letters (1-6). i used some brushes from brusheezy: 1, 2, 3, 4. make sure you paint in black and with small brushes.

接著，讓我們往這個設計里加入更多的元素，用不同的筆刷，在新的圖層里向那些文字的周圍涂抹幾下，像下圖一樣的效果，用黑色與小號的筆刷。主要的部位在圖中用數字標注。本文是網頁教學www.webjx.com收集整理或者原創內容，轉載請注明出處！

step 13

merge the layers with the text, the birds and the brushes with the splatters and other details. go to the layer palette, then hold down the command key and click on the thumbnail of the layer you have just merged. that will create a marquee selection, as in the image below. now select the "watercolor" group and go to layer > layer mask > reveal selection.

把文字圖層，鳥類圖案的圖層，以及你上一步驟中涂抹的圖層和一些其他細節相關的圖層都合并掉得到一個新圖層，然后在圖層面板中，按住ctrl鍵，再擊這個新圖層，便會選中這個新圖層的區域，然后再切換到“watercolor”的圖層，進行這樣的操作：圖層-添加圖層蒙板-顯示選區。

|||

step 14

duplicate the group we have just used on the previous step and go to layer > merge group. this layer has to be beneath the "watercolor" group. after that go to layer > layer style > blending options. change the fill opacity to 0%. select inner shadow and change the blend mode to multiply. use 75% for the opacity, 5 pixels for the distance and size, 130º for the angle, and choke set to 0.

把我們前面用到的組復制一個副本，然后合并圖層，這個新圖層在“watercolor”組的下方，然后進行：圖層-圖層樣式-混合選項，改變填充透明度為0%，選中“內陰影”并把它的混合模式設定為“疊加”，透明度為75%，5px的距離以及130度的角度，阻塞設為0。

step 15

here i used one image of a linear floral design from istockphoto. place it in your design and change the blend mode to multiply. this layer has to go beneath the watercolor layers. duplicate the layer twice. rotate and place them behind the d, p, and s. use the image below as a reference.

接用來用一張如下的矢量花朵的圖片，把它導入到你的文檔中，圖層疊加模式為“疊加”，這個圖層必須被放置在“watercolor”組的后面，復制這個圖層兩次，旋轉后將三個圖層中的圖案分別移到字母“d/p/s”的后面做為修飾。加此信息網頁設計（webjx.com）發布目的是為了防止你變懶！webjx.com不主張采集！

|||

step 16

let's add more vector elements, i used another image from istockphoto, this time of floral elements. place the new image in your design and repeat the same thing as the previous step. this time let's use just two copies.

繼續為我們的創作加入更多的矢量元素，用另一張圖片，像上一個步驟那樣來做，這次只要拷貝兩次再放置到合適的位置便可。

conclusion

now you can add your logo or some text to finish the design. the idea of this tutorial is to show how to create a design from multiple reference images, a simple sketch, and your own ingenuity. using vectors and images from stock sites allows you to create quick and attractive results with relatively simple steps.

總結一下，最后你可以再添加一些你的logo或者其他的文字到這個創作中來完成你最后的收尾工作。這個教程的目的在于向你展示如何使用一些相關的圖片，以及你的設計稿和你的想法來創來一副作品。使用一些素材網站上下載的矢量圖，按照本例的相關步驟，你便可以迅速地創作出吸引人的作品。