photoshop初学者的一点忠告
其中第八条的后面部分很适合你看
尽管我还不是photoshop高手 但我的建议也许对那些入门的photoshop学习者会有些帮助的：
1.不要迷惑的众多的photoshop图书中，其实有相当大部分是重复又重复的。只是里面某些应用的例子不同，功能的讲解基本上是一致的，这类‘从入门到精通’的书千万不要买多，否则吃力不讨好。
2.如果你是刚刚进入photoshop大门的菜鸟，我建议你不要去买“试图把photoshop所有的功能都讲清楚”的学习书。这类书通常会在1/3的路程处把你的学习兴趣通通打消的，就算你毅力坚强的坚持学习到最后，学完回头看看却还是做不出高质量有创意的作品来。看到别人好的作品还是会一头雾水，原因是没有重点、没有深刻理解photoshop的精髓。
3.初学者学习过程中最好是理论和实机操作相结合，不要看太多的理论而不去实践，也不要尽看教程而不学理论， 尽量在实例中理解photoshop的功能。
4.初学者买什么样的photoshop书好？尽管各人有各人的理解。但笔者认为不能买上面说到的“尽说功能”的书外，也不能都是买尽讲例子的教材。尽量挑即有带吸引力的应用教程又有相应分类的功能讲解的书。初学photoshop尽量从“学习photoshop的精华部分入手，像图层、通道、蒙版等等。目前市场上对这三样功能结合讲解比较好是《photoshop 6 影象密码》或是《photoshp 7解像》两本书都是同一个作者。书中的理念也都是围绕“图层 通道 选区（蒙版）”三大概念展开 不同的是《photoshp 7解像》里的范例比较成熟一点吧，虽然两本书上写的软件版本已经比较老了， 但作者的写作理念并没改变-即要求读者多多注意一下photoshop的三大概念的深层理解和应用，而不是一开始就迷失在photoshop繁多的命令的海洋里。
5.当然不是学完上面介绍的书中的例子就是photoshop高手了，学习photoshop最重要的是自己多练习、多实践、多多思考和延伸学过的功能的应用。
6.当你理解了photoshop最重要的部分后，你就可以开始扩展你对photoshop其他功能的学习了。如果你有决心学好phtoshop 第二条里面提到的“试图把photoshop所有的功能都讲清楚”类的参考书可以买一本回来了，这时候才是这类书能帮助你进步的时段。记住：这类是最主要的只是帮你进一步理解photoshop的其他功能，学完了并不表明你就是photoshop应用高手。
7.当然，有些朋友并不喜欢在入门之后去买一本“功能全讲解”的书进行枯燥的学习。这时你就可以从学习photoshop的应用教程入手， 从教程的学习中同样可以理解photoshop的其他功能，
并增强你学习photoshop的兴趣。在这点上，我不得不推荐一本书了，它在全球都畅销 。今年是第一次来到中国 算是相当经典的photoshop图书了，相信有些朋友已经猜的出这本书就是美国出版的〈photoshop wow！book〉， 我最欣赏这本书的是他把photoshop的应用提高到了艺术的高度上了。
8.其实不管是买哪本书学习都好，最终的目的只有两个：一是能熟练的应用photoshp进行创作，二是提高对艺术理念的深华。所以 photoshop学习者不要认为学习photosop很难，也不要认为很容易。phoshop本身就是一个即容易又高深的软件，好的指导书可以为你进入他的殿堂铺好道路。
但最重要的还是在进入photshop的世界后加强艺术素质的培养，多多分析别人好的作品，也要多多用photoshop尝试创作。当你看到一幅很有分量的作品，心中已看透作品的实现过程时，相信你已经是真正的photoshp高手了。
9.最后一点：希望大家在学习photoshop的过程中多多思考，不要被事物的表面东西给迷惑住了，能用学到的技巧为自己自由应用才是学习photoshop的终极目的。

第六点的意思是在菜单栏中图像下有个“应用图像”后在图层面板中的图层模式改为“颜色”
第八点复制是可以复制但是覆盖不了B通道
第十点他用的是英文版的不太明白好像是个磨皮插件
在网上找的教程有的是我们本身不能完成的，因为教程里也许有我们没有的插件

摘要：本文主要讲解UI设计师常用的PS工具有哪些？PS实现界面效果的原理是什么？最后结合网易新闻首页案例进行PS操作分析讲解。目的让大家对UI设计师的工作有一个直观的、深入的认知，方便后续在学习PS技能时更有针对性、效率更高。 

  

  UI设计师常用的ps工具有哪些？ 

  

 对于初学UI设计的同学来讲，无论是自学还是报培训班，往往一开始都是先从一堆ps基础功能学起。 这个过程是枯燥的、痛苦的，因为都是术语理论介绍，而且不知道对UI设计有什么用？

  

 那么，初学UI设计者如何高效的学习ps？UI设计师需要掌握哪些ps功能？

  

  就我的工作经验来讲，ps里面有20多个基础功能，但UI设计真正常用的功能只有4个：文字、图形、颜色、移动。 

                                          

  所以，如果你是想做UI设计师，只需要专注的、深入的研究这4个功能就行了，不需要一开始就研究PS所有的功能。 

  

 为什么是这四个？这个是由界面内容和视觉元素决定的。

  

  几乎所有的界面，都是由文字、图形、颜色这三大视觉元素组成的。 

  

 以网易新闻为例，我们来分析一下他们的界面内容构成。

                                          

  PS实现界面效果的原理是什么？ 

  

 前面分析了，界面内容由文字、图形、颜色三大视觉元素组成。

  

 UI设计师的工作是 界面内容的排版、文字、颜色、图形的设计 

  

 更简单的来讲，就是 设计文字的大小、粗细、颜色，图形的形状、大小、颜色，然后在通过一定的组合原理，进行排列和组合 。

  

 这个过程怎么通过ps来实现的？

  

 1. 文字功能，设计文字类型、大小、粗细、颜色、行间距等等 

  

 2. 图形功能，通过圆、矩形等基础图形，运用布尔运算，设计出复杂的、新的图形形状 

  

 3. 颜色功能，给字体、图形赋予颜色变化 

  

 4. 移动功能，通过移动字体、图形的位置，达到舒适的排版、组合效果 

  

 5. 图层，所有的文字、图形的设计，都是基于图层来实现的， 

  

 简单来讲，图层是盛放文字、图形的容器，不同的文字或图形，放到不同的图层里面，方便复杂设计的管理。有点像居家的收纳柜，

                                          

  网易新闻首页PS实际操作 

  

 前面讲的理论逻辑，为了加深大家的理解，接下来以网易新闻首页为例，看看用ps是怎么实现的

  

  第一步，分析界面内容组合逻辑 

                                          

 然后打开ps，新建画布750x1334px，分辨率72，背景色白色。

  

  第二步，绘制头部模块内容 

  

 本文主要讲设计思路，工具具体步骤细节可能不会很细致，如有疑问的地方，可以百度查看相关工具的教程，或者私信我。

  

 1.新建分组，双击重命名-头部，（不分组也行，但是对于复杂图层来讲，分组方便后续的管理和修改，以及同事之间的协同）

  

 2.选中矩形工具，新建宽度750px、高度128px的填充矩形，（为什么高度是128，这个是苹果系统规范），双击色板，修改填充色色值#d13c35，然后顶对齐。

  

 3.新建图层，选中文字工具，输入网易 logo，打开文字面板，调整文字大小36pt，颜色白色，字体类型圆体-简（网易logo是特殊字体，这里随便找的一个字体类型），选中文字图层，移动文字，使其距离画布左边距离34px，距离红色底部-容器距离24px。（为什么是这个距离，看着舒服就行，当然这个舒服的前提是大量的实验的结果，刚开始练习，可以不用考虑太多细节）

  

 4.新建图层，选中圆角矩形工具，画出一个圆角矩形，调整圆角矩形参数：宽度w=540px，高度h=64px，圆角半径32px，颜色调整为白色，调整图层不透明度，由100%调整为20%，移动矩形位置，使其距离网易文字左边距30px，距离红色底部-容器距离14px。

  

 5.选中椭圆工具，画出26x26px大小的圆形，双击图层，调出图层样式，选择描边-样式，设置大小3px，位置内部，然后点确定，修改图层填充度，从100%改成0%。

  

 新建图层选中圆角工具，画出10x3px大小的圆角矩形，圆角半径1.5px，同时按ctrl+t，激活变形功能，旋转45度，然后移动位置至图示处，完成放大镜图标绘制。

  

 6.直播图标的绘制原理也是一样，先新图层，选中圆角矩形工具，绘制44x49px大小，圆角半径8px的矩形，然后设置填充为无，描边3px，选中钢笔工具（关于钢笔工具，网上有教程详解），分别在左、右两边各添加一个锚点，然后选中这两个锚点，按delete键删除，然后选择描边选项-端点-圆角，最后输入直播文字，居中对齐。

  

 下面是过程示范和图层样式说明

                                          

  第三步，绘制TAB导航 

  

 这个不再详细说明步骤了，最后附件有源文件PSD，大家可以根据过程示范和PSD图层查看。

  

 主要应用到的技巧有：文字等分，遮罩

  

 下面是过程示范和图层样式说明

                                          

  第四步，绘制头图 

  

 主要应用到的技巧有：遮罩

  

 下面是过程示范和图层样式说明

                                          

  第五步，绘制内容列表 

  

 主要应用到的技巧有：文字行高，遮罩，投影

  

 下面是过程示范和图层样式说明

                                          

  第六步，绘制底部图标 

  

 主要应用到的技巧有：椭圆和矩形，结合布尔运算，然后描边，

  

 下面是过程示范和图层样式说明

                                          

  最后效果和图层展示 

                                          

 源文件PSD百度网盘地址：链接:  https://pan.baidu.com/s/1p0cI9LaaTzoXsNKMOcKf2Q

  密码: tmbx

  

 希望能帮助初学者，对PS制作界面有一个直观的了解，知道自学的PS技能，怎么应用到界面设计里面。

  

 至于PS技能方面的教程，后续会专门更新

  

 如果有疑问的地方，欢迎留言评论。

  

 如果觉得对你有帮助，欢迎点赞支持一下。

  

 

  

  

  其他UI设计文章链接 

  

  2021年​最酷的UI设计趋势 -  

  

  从零基础如何自学UI设计 -  

  

  干货福利！全网质量最高的图标PSD源文件 -