先声明一点，本教程是视频教程，我把链接贴在这里，能看视频的就看视频吧，这里贴的是本人的听课笔记，有点乱，也很啰嗦，因为云打不开视频，所以只好把我的凌乱的笔记贴上。
链接： http://taohua36.blog.163.com/blog/static/73124842011617114012331/
效果图：



1. 新建500*290白色画布，RGB颜色，分辨率72。
2. 打开效果图，选择——全选。编辑——拷贝。打开新建的画布，编辑——粘贴。改名效果图，关闭效果图的眼睛。
3. 设置前景**4cb85，背景色c7dab1。点蓝背景层，渐变工具——渐变编辑器——选第一个渐变，从背景层的左上角向右下角拉一个渐变。点开效果图的眼睛，矩形工具——形状图层画一个矩形。
或者直接在效果图上用矩形选框工具拉一个框，关闭效果图的眼睛，点蓝背景层眼睛，Ctrl+J复制一个图层1。
4. 前景色白色。新建一层图层2，改名白描。按Ctrl点图层1的缩略图载入选区，点蓝新建图层，编辑——描边——白色，1像素，内部——确定。不要取消选择，不透明度改为30%，再点蓝背景层，在背景层上新建图层，改名黑描。编辑——填充——黑色。选择——取消选择（Ctrl+D）取消选择。
5. 点移动工具，点蓝黑描层，滤镜——模糊——高斯模糊1——确定。将黑描层的模式改为叠加。
6. 用吸管工具，在效果图灰色部分点一下，颜色代码373737，选择矩形工具，属性是形状图层，按着效果图画一个灰色部分的矩形，关闭效果图。右键画布，栅格化图层。


7. 点开效果图，前景色白色，用矩形工具画灰色框下面的白色框。关闭效果图，右键画布，栅格化图层。
8. 点蓝黑描层至形状2的所有图层，Ctrl+G新建一个组，取名底图。
9. 再建一个组，改名为格子。创建新图层（图层2），前景色黑色，点画笔工具，点属性栏画笔右边小三角——再点小三角，找到方头画笔，点追加，再在右上角画笔面板中找到14号方头画笔，不透明度100，流量100。用画笔在灰色矩形里面点一下，出来一个小方块，选择移动工具，复制图层2，按Ctrl点击图层2副本的缩略图，取得选区。再按CTRL+ALT+T复制并变换，左手按SHIFT，右手点向右的方向键移动2次，回车确定。再
CTRL+ALT+SHIFT+T踢出一排小方块来。选择——取消选择（Ctrl+D）取消选择。将图层2及副本合并，取名黑格子。新建一层，按Ctrl点蓝黑格子图层取得选区，前景色白色，编辑——描边——白色，1像素，内部——确定。取消选择。不透明度35%。同时点蓝描边和黑格子图层，用移动工具向上移动。

10. 在格子图层前的小三角上点一下。再新一个组，取名画轴。
前景色11，矩形工具，属性是形状图层。点开效果图，按着效果图画轴部分画一个矩形形状3图层。关闭效果图。右键栅格化图层。
按Ctrl点画轴缩略图取得选区，前景**4cb85，背景色d8e8b9，点色板第二个按钮“创建前景色的新色板”保存前、背景色。用线性渐变从左上角至右下角拉一个渐变，新建一层，取名白描，前景色白色，编辑——描边——白色，1像素，内部——确定。不要取消选择，不透明度30%。点蓝形状3图层，按Ctrl点点创建新图层按钮，在形状3下面新建一层，取名黑描层，填充黑色。取消选择。点蓝黑描层，滤镜——模糊——高斯模糊1——确定。图层模式叠加。
11.打开效果图看一下关闭，点蓝白描层，按Ctrl点形状3缩略图取得选区，选择——修改——收缩8像素——确定。点蓝形状3图层，Ctrl+J复制一层，改名为面，移到白描层上面。按Ctrl点面的缩略图取得选区，新建图层改名白描，编辑——描边——白色，1像素，内部——确定。不透明度30%。点蓝面图层，按Ctrl点创建新图层按钮，在面图层下面新建一层，取名黑描，填充黑色。取消选择。滤镜——模糊——高斯模糊1——确定。图层模式叠加。
12. 点蓝面图层，按Ctrl点面的缩略图取得选区，在图层面板中点“创建新的填充或调整图层”按钮——渐变——点开右边小三角——找到渐变，角度45，把渐变往右移一点，模式柔光，不透明度35%。
点蓝画轴下面的白描层，在白描层上新建图层，改名为轴。点开效果图，用矩形选框工具，在效果图左边的轴上画一个矩形，然后关闭效果图。轻移矩形位置，点开渐变工具，找到一个三色渐变，点开渐变编辑器，第一个93b355，第二个93b355，第三个93b355，点新建保存渐变。用线性渐变在轴的图层从左至右画一个渐变。画好后，在轴的下面新建一层，改名投影，填充黑色。取消选择。

滤镜——模糊——高斯模糊4——确定。图层模式叠加。
13. 点移动工具，在属性栏“自动选择图层”前打勾。点蓝面图层，然后选择加深工具，画笔20，中间调，曝光度30%，按住SHIFT在轴图层右侧从上往下画一下；再选择减淡工具，画笔20，中间调，曝光度20%，按住SHIFT在轴图层刚做过加深的右侧从上往下画2下。再点蓝面图层，然后选择加深工具，画笔40，中间调，曝光度30%，在面图层做过渐变的地方，在深色区涂一下。然后点击画轴左边小三角。
14. 新建图层，改名虚线。新建３０＊４的透明画布。界面左下角的１００％改为１２００％。点开效果图，用吸管工具，在效果图颜色最深的地方点一下，铅笔工具——１像素在透明画面上随意点一下，编辑——定义图案。关闭透明画布。关闭效果图。点蓝虚线图层，用矩形选框工具，在画布上画一个矩形（写文字的框），编辑——填充——图案（刚定义的图案）——确定。选择——取消选择。调整虚线位置，再复制虚线层得虚线副本。点蓝虚线层并载入选区，填充白色。取消选择。用移动工具，按键盘向下的方向键一次，不透明度５０％。
１５．点蓝虚线副本图层，点文字工具，在属性栏最右边点“显示／隐藏字符和段落调板”设置行距３０（因为做虚线时行距是３０），颜色1a8316，宋体，１２点，无，然后输入文字，每一句之间用回车键隔开。移好位置后，复制文字层得文字副本层，点蓝文字层，把文字的颜色改为白色，点移动工具，按键盘的方向键向下、向右各点１次。不透明度８０％。然后输入名字和日期，进行同样操作即可。
选择所有的文字层和虚线层，ＣＴＲＬ＋Ｇ新建组１，改名文字。


１６．再新建一个组１，在组１上面新建一层，改名下雨。移动工具，拖入窗格素材。
点击图层面板的“添加图层样式”按钮——渐变叠加——点渐变右边小三角——再点右边　小三角——载入渐变，线性，角度９０，缩放１００。投影——去掉“使用全局光”前面的勾，距离１，大小１，不透明度５０％，改图层名为窗格。
１７．再用魔棒工具，在窗格中心位置点一下，取得选区。然后打开人物素材，选择——全部，编辑——拷贝，编辑——贴入，编辑——自由变换——等比缩放调整大小，图像——曲线——ＲＧＢ输入５８，输出３６，绿输入５２，输出３５，图像——色彩平衡＋５０。
（这里的数据与老师讲的有点出入，是我自己用的，姐妹们自定哈）
１８．将下雨图层放到人物层上面。点蓝下雨层，点击人物蒙版缩略图载入选区，编辑——填充——黑色——取消选择。复制下雨图层得下雨副本，关闭下雨副本的眼睛。
点蓝下雨层，滤镜——杂色——添加杂色３５，高斯分布，单色——确定；滤镜——模糊——动感模糊——角度－５８，距离１６——确定，图层模式滤色（留白去黑）。
点蓝下雨副本，滤镜——杂色——添加杂色３８，高斯分布，单色——确定；滤镜——模糊——动感模糊——角度－７０，距离１２——确定，图层模式滤色（留白去黑）。
选中窗格图层，用魔棒工具点击窗格中心取得选区，选择——反向。分别点蓝下雨及副本图层，点ＤＥＬＥＴＥ删除。取消选择。〔如果人物层（或其他素材）颜色太淡，复制一层得副本，滤镜——其他——高反差保留１０——确定。图层模式柔光。调整后将人物层及副本合并，合并后再复制一层，模式改为颜色加深，给复制层添加图层蒙版，前景色黑色，用柔角画笔工具将人物或花卉擦出来，〕。

１９．窗口——动画。时间改为０．１秒，在第一帧上，打开下雨图层，关闭下雨副本图层，复制一帧，打开副本的眼睛，关闭下雨层眼睛。点击查看效果。
点第一帧，有移动工具，点击最下面的背景层，图像——调整——曲线——ＲＧＢ曲线中心点向右下方拉一点，把背景层颜色加深一点；滤镜——杂色——添加杂色２，平均分布，单色——确定。
２０．创建新图层（图层３），前景色88ad4e，点画笔工具，点属性栏画笔右边小三角——再点小三角，找到方头画笔，点追加，再在右上角画笔面板中找到14号方头画笔，不透明度100，流量100。用画笔在画布文字上方点一下，出来一个小方块，选择移动工具，复制图层３，按Ctrl点击图层３副本的缩略图，取得选区。再按CTRL+ALT+T复制并变换，左手按SHIFT，右手点向右的方向键移动2次，回车确定。再CTRL+ALT+SHIFT+T踢出一排小方块来。选择——取消选择（Ctrl+D）取消选择。将图层３及副本合并，取名绿格。新建一层，按Ctrl点蓝绿格子图层取得选区，前景色白色，编辑——描边——白色，1像素，内部——确定。取消选择。不透明度35%。
２１．立体效果：点击底图层左边的小三角，找到图层１，按ＣＴＲＬ载入选区，找到窗格使用过的渐变，样式是角度，角度是９０，然后从上往下拉一个渐变。也可单独新建一个图层，填充黑色，高斯模糊，再旋转一下。 （这一步我没做，因为做不出那样的效果，索性没做。）
２2．完成！

贴上我的图：

窗格素材：

亲爱的姐姐，你是世上最温暖的姐姐~

云：第十六步就是做窗格渐变的。
１６．再新建一个组１，在组１上面新建一层，改名下雨。移动工具，拖入窗格素材。
点击图层面板的“添加图层样式”按钮——渐变叠加——点渐变右边小三角——再点右边　小三角——载入渐变，线性，角度９０，缩放１００。投影——去掉“使用全局光”前面的勾，距离１，大小１，不透明度５０％，改图层名为窗格。
我想起来了，当时我是看视频上老师用的那种渐变自己设置的，因为不知具体数值，只是大致与老师的那种相似，所以我的做出来与老师的也有很大的差异呢。对不起妹妹，我也很想把视频下载，可是迅雷和维棠都下载不下来，不知怎么回事。


云：我拉渐变的步骤和你一样，出来的效果请看下图。

因为姐的水平有限，所以具体是哪里出了问题我也看不出，但我觉得和妹的步骤是一样的，妹再试试。

姐姐，晚上好！
没办法交作业，对不起~

交作业, 比做动图用上的时间多~