手把手教你用PS绘制炫酷的半透明渐变星球（新手小白向）
2017年，五彩斑斓的渐变色是一大热点。这个渐变星球的图用到了大量的渐变叠加和混合模式的组合，对于渐变色练习和图形练习都有一定好处。
又更新：评论区好多小伙伴比较介意此图的原作者到底是谁，我根据大家提供的线索找了一下，这位大神的呼声最高：嗯。。&确实几乎一毛一样了。。但是貌似这种风格还有更早的：觉得可能大家在创作的时候会有一定的借鉴吧，看到别人的图有了灵感之后，思考，总结，再设计。。我不是原作者，不敢断言，就不多说了。只是看看人家的作品集，不禁汗颜，大神都那么厉害，还一直坚持创作，保持高产，而我只是借用一下人家的图写个教程，平白受到这么多关注，惭愧惭愧。不多说了，我要去努力学习了～7月13日更新：看了下评论发现步骤7的剪切和23的渐变问题最多，也怪我没写清楚。在对应步骤里写了下，不懂的可以看一下。& & & & & & & & & & & & & & & & & & & & & & & & & & & &分割线 & & & & & & & & & & & & & & & & & & & & & & & & & & & & &以下原文：首先声明：图片是我在素材网站上看到的，本人对图片不具有原创权（评论区网友提示：原作者是Dribbble的MBE大神）。教程是我自己写的，大小、色值等各种参数，都只是提供参考，做的过程中多尝试，也许会有更好方案。这个教程的目的也是鼓励大家多学习，多尝试。教程是给新手写的，其中包括各种基本操作，完全的PS小白也能跟着一步步做出来，有基础的同学可以跳过我的啰嗦，直接看图。（个人觉得小白看这种教程还是比较有用的，毕竟我当初就是这样学会了很多操作方法）开始吧！1.新建画板，我设置的大小是1024px*768前景色设置为，用油漆桶点一下填充背景。2.用椭圆工具添加一个正圆，大小276px*276px（这个大小只是参考，但是大家一定要采用偶数直径，方便后面对齐），颜色任意（因为这个填充色咱们最后不用它），为了方面描述命名为&圆-外层&。ctrl+A选中整个画面，选择工具，水平、垂直居中。3.调节圆形的图层样式，首先，将填充改为0%；添加图层样式-渐变叠加，设置颜色和参数这个渐变点进去，设置两端的色值，#ff00f6 ；#f000ff；调节上面的不透明度，从左到右依次是：看一下效果图是不是跟我的差不多就行。4.选中图层&圆-外层&，ctrl+J复制一个图层，ctrl+T自由变换，按住shift+alt缩小，大小大概为原来的95%（我这里是264*264），改名为&圆-内层&。右击-清除图层样式，得到如图：5.给&圆-内层&添加样式：将填充改为0%；然后添加图层样式-渐变叠加，设置颜色和参数（怎么有种似曾相识的感觉）:注意这次渐变方向为径向，而且这个状态时鼠标在园内移动可以改变渐变的位置，注意要让受光面在左上角处；右侧色值参考：#660777；6.复制&圆-内层&（ctrl+J），去掉图层样式，变换大小得到一个大小为原来95%的同心圆（参考步骤4）命名为&液体-1&。7.非常关键的一步来啦：绘制水波状的形状。首先，选择小黑工具点击圆形选中，在这种状态下，选择矩形工具按住alt键，画一个矩形（tips：布尔运算：按住alt绘制是减去，按住shift绘制是加上）再回到小黑，选中矩形调节位置，减去圆形的大概小一半（注意不是正好一半）。按住shift再选中圆合并形状组件选是，得到一个类似于半圆的形状。用添加锚点工具添加三个锚点用小白工具（直接选择工具）选择一个锚点，调节位置，注意调节的过程中按住shift键，保证手柄的方向一直都是水平的（tips：贝塞尔曲线的绘制技巧&&添加新锚点时按住shift键，拉出手柄，保证手柄的方向一直是水平或45度斜角，这样绘制出的曲线会比较平滑。）同样的方法调节另外两个锚点添加渐变叠加色值参考：左#20f0f2 &右#418deb&8.复制&液体-1&，在其基础上调节锚点得到&液体-2&。9.重复第7步得到&液体-3&（要注意这里减去的矩形要更多啦），添加渐变叠加。（从左至右#f429da、 #f400d4、 #f47ffb 、#fcc5ff）这里单纯通过图层样式的叠加可能得不到如图所示的渐变样式啦，这个时候为们要引入另一种方法。新建一个图层，放在&液体-3&上面。按住alt点击图层2和液体-3之间的位置，将图层2剪切进&液体-3&。双击效果-勾选第一个对勾&将内部效果混合成组&，去掉第二个对勾，确定。（非常重要，否则我们接下来做的步骤效果就看不出来了。）再选中新建的透明图层，选择画笔工具，按住ALT键点击&液体-3&上渐变色最浅的地方，前景色就成了浅粉色将画笔调节为柔和，笔触放大。沿着&液体-3&曲线的外侧点击几下，注意不要多点，避免颜色太实。再将前景色颜色改成橙色，沿着右下角外侧点击一下，得到如图：10.辛辛苦苦到这里，还是有的小小的成就感的吧。。。下面我们该绘制高光和反光啦，也并不轻松。。。回到&圆-内层&，复制一个放在最顶层。填充改为白色，运用布尔运算减去一个大圆，设置混合模式为叠加，不透明度17%添加个图层蒙板，用渐变工具添加一个渐变。反光完成。(6.26更新：这里详细解释一下吧，当时说的太笼统图层蒙版相当于给当前的图层加一个透明的膜，然后你可以在这个膜上用黑色或白色（只能是黑色和白色，没有其他颜色）画，效果是黑色的部分会挡住原来图层，白色就是透明的。这里的黑色和白色你可以用画笔画，可以用选区填充，也可以用渐变工具画。画出来是什么形状，就怎么遮挡原来的图层。我们拿个图层来实验一下：画一个圆图层蒙版工具（在图层面板下面，添加图层样式按钮右面）点一下之后图层会变成：（白块是蒙版，外面的白线框住它说明此时选中的是图层蒙版）渐变工具（找不到渐变工具的，找油漆桶，右击，切换）点击渐变工具后,前后景色会自动切换成黑白窗口左上角是这样的，后面的选项是选择渐变类型，这里选的是线形渐变沿着箭头方向拉一下（按住shift是垂直的）变成这样：此时图层是这样的，黑色的把圆挡了，而且黑色越淡，挡的越少。假如我们用矩形选区来挡呢？图层蒙版是不是很好用！快去试试吧！)11.
高光。。。这个真不好讲，总之就是用布尔运算加加减减，直接上步骤吧。（更新：评论区网友提示，这里有个简单的办法，用描边画然后添加和删除锚点。去掉填充，描边白色，宽度为6用添加锚点工具添加几个锚点（添加的时候想着高光留多长，该添加几个）把不要的锚点删除改变端点样式成功！这个办法好处是添加的时候比较便捷，缺点是不太好调整，比如你添完发现有点短了，再想加长，只能重新来了。所以做的时候第一个画好的圆先复制一个保留着，万一修改不用重新画了。）12.到这一步主体终于完成啦！趁热打铁，咬牙做下去。下面我们来做光环吧。用之前教大家的布尔运算，做一个椭圆形的环。渐变叠加。添加一个图层蒙版，用渐变工具把后面遮一下，注意不要遮太死，因为我们的星球也是半透明的。13.
在图层上右击，删格化图层样式，将混合模式改成&线性减淡（添加）&，然后ctrl+T，按住shift旋转30度，调整一下位置。14.
将刚才的圆环复制一层，下移25px。添加颜色叠加#96015c，混合模式改成正片叠底。填充0%，不透明度13%。15.
好我们来绘制流星。用圆角矩形工具添加一个高16，宽138像素的圆角矩形。填充改为0。添加渐变叠加。16.
删格化图层样式后旋转30度放在合适位置，并复制一个改变位置。17.
用同样的方法做出另外两个，调节透明度（参考50%），适当减弱一下。18.
添加一个圆（卫星），渐变叠加，注意径向。调节反光位置正好冲着星球。（更新：这里有的同学调不出来渐变，是因为不知道一个操作：在图层样式&&渐变这个窗口开着的时候，鼠标在图层上滑动，是可以拖拽渐变的。如下图，现在高光在右上我可以拽到这到这到这甚至把高光拽出这个圆！这样是不是就懂了？第23步给星星添加渐变看不见效果的，也是这个原理。）19.
给上一步的卫星添加一个图层蒙版，用黑色柔光笔在左上角点几下，如图。再将图层混合模式改成颜色减淡20.再添加一个圆，渐变叠加：（注意此时图层填充是0）21.
终于该画背景了，这个流动的云形图最近也是很流行了，直接拿圆角矩形用布尔运算拼就可以，直接上图：填充色：#230d4e22.
小星星：多边形工具，设置边数为4，星形，缩进边依据40%，鼠标拖出一个四角星形。23.
旋转，添加渐变叠加，放到合适的位置。同样的办法再做两个大小不一样的。24.
将上述云和小星星建一个组，复制组，移到主体星球右边。将两个背景组放在主体图层之下。看一下整个的图层:25.&整体调节一下，大功告成！后记：后面的一些渐变色我都没有给色值，直接给了截图，大家可以看着截图调节颜色，不要过于依赖色值，毕竟做设计，调色是绕不过去的。（好吧其实是我懒。。。）
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
588人已收藏
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的编辑推荐大作
手把手教你用PS绘制炫酷的半透明渐变星球（新手小白向）
在她入驻到UI中国的日子里
总共吸引了51635位设计师的驻足流连
总共收获了562位设计师的由衷赞赏
总共获得了588位设计师的悉心珍藏
总共引起了145位设计师的深入讨论
依然要删除吗？(ERROR:15) & 访客不能直接访问收藏的论坛
嘻嘻 无聊发些你们不知道的东西
　　52级粉段的特殊效果是裂波时会出2刻印而且就算空放不中人也有一刻印 邪光集气放时有2刻印不集气放同样也生成一刻印　　漫游移动射击打不会霸体的怪时拿手炮会有最佳效果　　漫游的回头一击相当于反方向的爆头一击，但CD是共享所以为了多20%伤害建议使用回头一击，不要怕麻烦　　骑士在给队友加守护祝福的同时自己身上又有光之复仇的话 队友被打时如果符合光之复仇的发动条件，会同时触发你身上的光之复仇　　元素的冰墙可以格挡远程攻击 同时冰墙的减速触发效果会延迟一秒左右(也就是说怪进冰墙时不会马上减速，同样的怪离开冰墙范围后减速效果会多维持1秒左右　　驱魔的白虎阵只有一个时会增加跳跃力并给武器附加光属性攻击，白虎增加成复数时这一效果会消失　　驱魔的星落 狂暴 大风车等技能使用时连续按X键会有增强效果　　阿的不动冥王阵同样使用时连续按X会增加旋转速度(其他职业很多技能使用时可以手动增强)　　蓝拳的腹拳 直拳 三连拳等技能使用时有短暂的伪霸体效果(这种霸体效果在遭受一定次数的打击后会失去霸体效果，而破碎 破军等技能使用时是一直霸体效果)　　现今版本蓝拳的妖风打人有微小的硬直效果，但没有打断判定　　蓝拳的神圣反击强制使用时全程不带霸体　　同时攻击复数的目标时不关事物理攻击还是魔法或者是远程还是近身，收招的速度会因为攻击目标的数量增加而变慢。这效果对使用缓慢攻击速度的武器极为明显。同时攻击的目标如果已经空血变不会出现减速效果　　百花使用觉醒时如果旁边障碍物过多可能会导致丢出的莲花数量减少　　羽灵套装的魔法书效果会不仅仅只会因为被攻击触发 ，吃药 被震飞 被异常状态等同样有几率触发(很多被击产生效果的装备也是同样的原理)　　武器附带属性攻击时，攻击空中的空血怪会造成怪物尸体直接消失　　驱魔的巨旋风集气释放时会推怪结束顺带卡怪(遇到精灵类怪物事则不能卡住)，不集气的话打任何怪不会卡住　　毒的网有大幅度减少怪物防御的效果，驱魔的狗同样有这效果　　中纠缠状态的目标就算被某些技能强制移动，但在技能结束后依然会回到原位(比如BBQ)　　骑士的治疗之风会补蓝而且补得不少，还有在治疗之风发动时一直站在技能效果范围中的人会被加上类似罩子的效果　　白花的气弹不关集气或不集气撞到雷分身时都会直接消失　　阿修罗觉醒状态普通X攻击的范围比狂的双刀范围还大　　气功的罩子无法阻挡异常状态的效果　　流血效果在PK场里非常BT　　阿修罗不开波纹刻印一样可以用裂波和邪光集印　　无头那的复制灵魂会复制召唤物，但复制出来的会被原先的召唤物围殴到死。。。。　　狂的暴走会增加很高的异常状态抵抗　　无头 熔岩 野猪图里那恶心的组合怪属性抵抗高到让人发指，所以别拿带属性武器打　　身上随时带住金币和睡眠螺肉可以避免卡死或睡得太久
近期游戏热闻
地下城与勇士
你对该游戏感兴趣吗？优秀设计联盟-SDC-优设网-设计师交流学习平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需 5 分钟
：近日，有人问我：PS画笔里面，流量和不透明度的区别到底在哪里？
哈，这个问题挺有意思的，然后我到网上搜了一下，讲得五花八门，云里雾里的。有的讲得是很正确的，但太抽象了。
今天，我就这个问题展开一下。
叶明童鞋的教程写得深入浅出，很适合新手熟悉一下Photoshop的呦：
（不想看论证过程的，直接跳最后的结论）
首先，我们看一幅图：
中间是百分百的不透明度和百分百的流量，左边是流量不变，不透明度减半，右边是不透明度不变，流量减半。
笔刷参数：间距为最小间距。
那么，你会发现在上面这幅图中:不透明度不变而流量减半时，和百分百的不透明度和百分百的流量效果完全一样。
再看一幅图，我把笔刷的间距参数改为了60：
这时候大家会发现，不透明度不变而流量减半这种情况下，出现了颜色叠加的现象。
我们继续改变笔刷参数，改为120
大家这时候会发现，左右两边都变得一样了，都相比于中间颜色变浅了。
那么根据上面三幅图，我们可以得出一个结论：在单次操作中，流量是可以叠加的，而不透明度是不可以的。
什么意思呢？也就是说，如果你把流量设为100%，不透明度为50%时，在你按住鼠标不放的情况下，无论你怎么在同一个地方画，它的不透明度永远只有50%，颜色永远不会变成100%那样。
而但你把不透明度设为100%，流量设为50%时，你按住鼠标不放，在同一个地方多画上几次（为什么不是两次呢？），它就会变成100%流量时候的情形。
这时候，我们反过来看上面三幅图：
第一幅图因为笔刷间距设为了最小，所以在50%流量的情况下，我们即使只画了一次，但也相当于做了多次叠加，所以与100%流量的情形一样。
而在第二幅图中，因为笔刷间距为60，所以只有部分叠加了，所以有部分的颜色明显加深了。
第三幅图中，因为笔刷间距为120，完全没有叠加部分，所以所有的颜色都是50%的样子。
而在三幅图中，不透明度完全不受叠加部分多少的影响。
不透明度：从你按下鼠标到松开鼠标的那段时间，无论你怎么涂抹，你画出来的永远都是你设置的不透明度的值。
流量：从你按下鼠标到松开鼠标的那段时间，只要你不断涂抹，即使是1%的流量也能抹出100%流量的效果。
简而言之：在单次操作中，流量具有叠加属性，而不透明度没有。
那么：如果不透明度和流量都是50%呢？虽然流量可以叠加，但不透明度它已经控制了你流量可以叠加的极限值了，所以：无论你怎么涂抹，你叠加出来的最高值就是你设置的不透明度的值：50%。
如果你还觉得上面的抽象，自己操作一把就什么都清楚了。
哈，它们的作用？当你用数位板画画的时候就知道了。
原文地址：
================关于优设网================
“优设网“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南。
设计微博：拥有粉丝量62万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
让阅读更时尚！25例杂志风格网页设计不可否认，纸媒日渐衰微，力图转型为网络媒体。
而网络媒体，则"反其道而行之"，采用纸媒的布局设计风格。
传统的力量不容忽视，约定的习俗...
编者按：最近湖南卫视热播剧《花千骨》很火爆，每个同事都在关注这个热播剧，《花千骨》画面唯美，场面壮观，使用电影镜头的拍摄手法，故事情节跌宕起伏，丝丝入扣，因...@P大点S微博 ：今天临摹的是一个SIRI图标，iOS里标志性的icon，非常漂亮。看了原图后我认为临摹过程中最麻烦的地方就是麦克风中的一组镂空和它的发光效...编者按：今天的插画教程，可以帮你学到一个特别受欢迎的技巧——绘制头发，而且展示的是一个超简单的方法。除此之外也可以学到绘制眼睛、鼻子和嘴巴的技巧，顺便熟悉基...@ChloeRowe林雅诺 ：今天分享给大家的这个教程特别的简单，主要来练习高光与阴影的运用，PSD源文件已经打包好，不懂得可以下载来看看。 更正：本教程原...编者按：今天的教程效果是很多广告特别喜欢用的，特别酷炫，拿来做下一张海报或PPT素材完全没问题！看似复杂的效果其实很简单，该有的素材也给同学们打包了，动手开...编者按：今天来一个酷炫的圆环教程，教程简单易学，不过里边提到的方法特别使用，无论是绘制图标还是Logo设计都会经常用到，一起跟着Sevenmoly同学来练个...@他山之眼 ：在上一期教程中，我们介绍了如何制作星球特效，今天，我们介绍一下如何制作九重天特效。 上期教程：《PS教程！手把手教你打造酷炫的专属星球特效》 ...在这个教程中，@茂趣创意 将带领大家来学习如何创建一个小女孩儿骑着蜗牛的梦幻场景。合成教程重点都是素材的融合，这个也很考验功力，不过教程特别详细，学会是没问...编者按：今天来分享一个效果超酷炫，操作特简单的Illustrator教程，原图是张靓颖2015年演唱会的宣传海报，@Joe乔克叔叔 同学把过程简化，临摹出一...
我们的团队
大家在关注
一扫"掌"握！
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里(ERROR:15) & 访客不能直接访问