虽然吧里已经有过一个了，但是看作业情况，好像大家都没看懂的样子。今天无意看到于是就转过来。看得懂英文的童鞋自行翻译，看不懂的，晚生提供简易翻译一份。不准跳我翻译的各种语病和漏洞。你们懂就好。

原教程的背景比较大，所以有些数值不一定合适，大家根据情况修改

Step 1 Open Photoshop and create a new document. I'm using 2560x1440 pixels for the document size. After that I filled tha background layer with a dark grey. This part will be necessary to create the water drops. 打开PS新建一个文档，我用的是2560*1440px的尺寸，给背景填充深灰色。
Step 2 Go to Window>Brushes to create the brush for the water drops. Follow the image below for the settings but it's important to change the shape to an ellipse and also for this first part the brush has to be very soft..转到【窗口-笔刷设置】设置笔刷来做水滴。请根据图片来修改数据，重点是要让形状变成椭圆形（你们有看过圆形的雨么···简易翻译，不准说我有地方没翻译出来）
Step 3 Add a new layer and group this layer into a folder. Then change the Blend Mode of the folder to Color Dodge. With the Brush Tool (B) and white for the color, paint with the Brush Tool some drops. As you can see the blurry edges of the little objects sort of melt with one another depending how close they are. That is really important to make the drops more realistic.新建一个组，把混合模式设置为颜色减淡，在组里新建图层。用白色画笔画一些水滴，改变画笔的大小多画一些，这让水滴变得更加逼真。



Step 4
Select the background layer and the group with the drops and merge them into on layer. After that go to Image>Adjustments>Levels. Change the Black Input to 124 and the White to 161. The values might vary depending on the drops, so just make sure that you get rid of the blurry edges. 把背景图层和水滴图层合并。之后，转到图像>调整>色阶，更改数值黑色输入为124,，白色输入161。 值取决于雨滴，所以只要确保边缘不再模糊。

Step 5 With the Magic Wand Tool (W) select the black area, then go to Select>Similar to make sure all the black areas get selected. Then delete this area. 用魔术棒工具（W）选择黑色区域，右键选择相似。选中所以黑色区域，然后DELETE 。【晚生觉得完全可以用硬角笔刷画在背景图层上，然后在用魔术棒，省掉好几步】

Step 6 Import an image to use in our design. The one I'm using is courtesy from Thinkstock and you can find it here. Duplicate this layer because we will use it a few more times with different blur values.打开素材图片，复制一层，重命名为素材图片1，素材要模糊好几次 - - （多复制几次总不会错的）



Step 7 Go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius. 滤镜-模糊-高斯模糊，数值20

Step 8 Go to Layer>Layer Styles>Color Overlay. Use a dark grey for the color and change the Opacity to 60%.图层-图层模式-颜色叠加 深灰色 不透明度60％

Step 9 Now put the water drops in front of the image and let's apply some layer styles to give them the realistic effect we want.



Step 10 Go to Layer>Layer Styles>Blending Options and change the Fill Opacity to 0. After that select Inner Shadow. Use white for the color and LInear Dodge for the Blend Mode, for the Opacity use 50%, for the angle 90º, then for the Distance use 3 pixels and for the Size use 5 pixels. Also change the Contour mode to the Cone one.转到图层-图层模式-混合选项 ，改变填充不透明度为0。之后，选择内阴影，混合模式改为线性减淡，白色，透明度50％，角度90°，距离用3个像素和的大小5个像素 ，等高线选择锥形1

Step 11 Select Bevel and Emboss. Change the Depth to 350%, the Direction to Down, the Size to 7 pixels, the Soften to 5 pixels, then over the Shading options use 54º for the Angle and 42º for the Altitude. Also change the Gloss Contour to the Cove Deep one, the for the Highlight Mode use 80% with white and Color Dodge for the Blend Mode, then for the Shadow Mode use Multiply with black and 50% of Opacity.选择斜面和浮雕 ，深度：350％、方向：下、大小：7、软化：5、角度：54°、高度：42°、等高线：内凹-深 。高光模式：颜色减淡 白色 不透明度80％。阴影模式：正片叠底 黑色 50％

Step 12 Select Inner Glow then for the Blend Mode use Darken with 40% Oapcity and black for the color. Change the Source to Edge and the Size to 25 pixels. 选择内发光，混合模式：变暗、黑色、不透明度：40％、源：边缘、大小：25


Step 13 Now select Color Overlay and use (#907f72) for the color with Color Dodge with 45% Opacity. 现在，选择颜色叠加，不透明度45％，颜色：＃907f72

Step 14 The last layer style option will be Drop Shadow. Use Multiply for the Blend Mode, black for the Color and 20% Opacity. Change the Angle to 90º and use 9 pixels for the Distance, 5% for the Spread and 10 pixels for the Size. 最后，选择阴影。混合模式：正片叠底 黑色 20％的不透明度、角度90度、距离9、扩展5、大小10。

Step 15
Make the photo without blur visible again and go to Filter>Blur>Gaussian Blur. Use 5 pixels this time. Then over the Layer Palette click with the right button of the mouse on the thumb of the water drops layer, then select "Select Pixel" to select just the water drops. Select the photo that we applied the 5 pixles Gaussian Blur and go to Layer>Layer Mask>Reveal Selection. This way the image with 5 pixels blur will be only visible beneath the water drops. 复制素材图片1，得到素材图片1副本，滤镜-模糊-高斯模糊，数值5。然后按住CTRL点击水滴层，获得选区，添加图层蒙版。（简易翻译 - -。你懂的）



Step 16
Select the layer mask that we created in the previous step and go to Filter>Blur>Motion Blur. Use -90º for the Angle and 80 pixels for the Distance.在素材图片1副本的图层蒙版里选择滤镜-模糊-动感模糊，角度-90°，数值80。（楼主提示：这步数值的大小看你想要什么效果，是长一点的，还是粗一点的，晚生表达能力不好 - -）

Step 18 After the motion blur, go to Image>Adjustments>Levels. Change the black and white inputs again to get rid of the blurry edges caused by the blur. You will have an effect like the image below as if the water drops were running down on the window. 动感模糊后，转到图像>调整>色阶，更改数值，摆脱模糊的边缘就好。

Step 19
Duplicate the layer with the photo that we applied the Gaussian Blur with 5 pixels for the radius only and delete the layer mask. The with the Horizontal Type Tool (T) add a text with a handwriting font, or if you have a tablet or is really good with the mouse you can write with your own handwriting. Again select just the pixels of the text like we did in the Step 15. Then mask this new photo with the shape of the text, so again the photo will be visible only beneath the text area. 复制素材图片1副本，扔掉原有的图层蒙版，打上你要的字，然后按住CTRL点击文字，获得选区，添加图层蒙版。



Step 20 Add a new layer and with the Brush Tool (B) and the same brush we created the water drops, add more water drops and especially over the text area like the image below. To apply the same layer style of the water drops, just click with the right button of the mouse over the water drops layer and select Copy Layer Style, then on the new layer with the small water drops click again with the right click of the mouse and select Paste Layer Style. 添加一个新层，用画笔工具（B）在水滴图层画一些小的水滴，尤其是在文字区域（这里我按自己的做法写的 - -）

Step 21 Duplicate the photo again and delete the layer mask, after that go to Layer>Layer Mask>Hide All. Select the thumb of the layer mask and go to Filter>Render>Clouds. Make sure you had black and white for the colors. This will apply a cloud texture to the foggy window effect, that will make it more realistic.

Step 22 Select all layers and duplicate them, after that merge all the duplicated layers into one. You can also use the keyboard shortcut Command+Alt+Shift+E. Then go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius. 盖印图层（快捷键ALT + SHIFT + E），复制盖印的图层。对盖印图层执行滤镜-模糊-高斯模糊，数值20



Step 23 Change the Blend Mode of this blurry layer to Overlay with 40% opacity.更改不透明度为40％

Step 24 Duplicate the previous layer and just change the Blend Mode to Screen, keep the same 40% of Opacity. 对盖印的图层，改变其混合模式为滤色，保持其40%的不透明度

Step 25 Add a new layer on top of the others and fill it with a radial gradient using dark grey and light grey for the colors. Also use Multiply for the Blend Mode.

Conclusion Here is the outcome of the tutorial. As you can see the technique used is pretty simple it was all about Layer Styles, Masks and basic filters. The most important thing was to understand how to recreate the effect using the tools available in Photoshop, in this case I spend hours analyzing a foggy window trying to get the basic characteristics to make the effect realistic. Now it's up to you.

没有原图 - -
晚生的作业，在涂雨滴的时候大家可以找张真的图片对比着图，其实真的图雨滴会比较连续


伸手党求签求手绘

C楼的全部给我叫作业， @〃淡′妆へ @祁筱芸滴小日子 @小孩神游 @he358493588 @甜味消散 @JmQin9 @兽性撕扯de理性 @萌洁殿° 

@@〃淡′妆へ