在今年的某月某天与简书相遇，发现里面有很多技术文章，这几个月学习受益匪浅。作为一个多年前端设计师，正在学习ios开发，看过不少人分享自己的心得，现也萌生写一篇日记教程，供大家来拍砖！
最终效果图
1、设计之前：弄清需求 确定色调和风格
在做一个设计之前，一定要明确你的设计需求和色调，因为这有助于提高你的设计效率。我要做的是一个新闻报道系列的专题设计，跟历史、经济、文化相关，重点是突出的铁路在历史进程中变迁和发展。所以，我在弄清楚需求后，我先择多彩和简洁的设计风格。
2、素材选取和需要的技能
素材的选取不是一成不变的，但在设计之前一定要在脑海里勾画出一个大框，有的时候一个原创设计过程是不断在迭代的。
素材：铁路、阳光、闪电、云彩、水墨群山
需要的技能：图层蒙版、混合模式、调整图层运用、智能滤镜和滤镜的简单使用、通道抠图
3、开始设计
3.1 打开ps后，导入所有素材。
3.2 我们从背景图开始着手设计，我们选择背景图,shift+ctrl+U来去色，方便以后调色，同时把背景进行抠图（抠图有很多种，我这里用通道抠图，这里不细说），使背景色为白色。
背景图
3.3 对背景图右键选择“图层选项”，然后选择“渐变叠加”，角度180，样式线性，重要的是混合模式改成“颜色”，设置如下图：
图层样式设置
设置后的背景图3.4 点击图层最下方“创建填充和调整图层”按钮，选择“色相和饱和度”选项，设置如下，这一步的目的就是调色，要颜色更柔和些。
创建填充和调整图层
色相和饱和度设置
3.5 把云彩图层放在背景图调整层的上方，对云彩图层用“图层蒙版”，适当的抹去云彩。然后对云彩图层使用混合模式里的强光，最终的效果如下：
对云彩用图层蒙版
选择强光
添加云层后的效果3.6 添加阳光：在云彩图层上面新建一个图层，然后填充黑色的背景，选中图层（命名阳光），点击上方面板的滤镜-渲染-镜头光晕，设置如下图。最后把阳光图层的混合模式，改为滤色。把光晕放在背景图上的中心点，让人看起来像是太阳升起的感觉，并用图层蒙版擦去不必要的光线
镜头光晕设置
添加阳光后的效果
3.7 添加水墨的群山素材，并去色，放到适当的位置，并把做过的图层归成一个组，命名为背景。
这一步的结果
3.8 新建图层组，名为文字，把设计里相关的文字都放在这个组里，用文字工具输入主题文字，再复制主题文字图层，对下面层进行如下设置。对复制的主题文字层，文字颜色设置为黑色，把图层转换为智能滤镜，然后点击滤镜-滤镜库，进行如下设置。最后在确定两个图层位置重合的情况下，向左和向下移动主题文字图层，做成错位的效果。
主题文字层的设置
复制的主题文字层设置
两个图层进行错位
3.9 添加地图并制作闪电效果。把地图图层放在最上面，更改混合模式为划分。在选取地图素材的时候，最好背景是浅黄色。最后用钢笔工具画出一个路线图，加上注释，就Ok了
地图
最终效果图
PS：在这里分享了自己做网页设计的过程，但是事无巨细，不可能面面俱到。最后分享下当初学习PS的网站链接，共勉！
网友评论