PS绘制半透明风格的星球效果图photoshop教程

PS绘制半透明风格的星球效果图photoshop教程

PS绘制半透明风格的星球效果图-photoshop教程

Photoshop,绘制,半透明风格,星球效果图,PS教程,,教程

Glimmer

先看看效果图

PS绘制半透明风格的星球效果图photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

首先声明:图片是我在素材网站上看到的,本人对图片不具有原创权。教学是我自己写的,大小、色值等各种数值,都只是提供参考,做的步骤中多尝试,也许会有更好方案。这个教学的目的也是鼓励大家多学习,多尝试。

教学是给新手写的,其中包括各种基本操作,完全的PS小白也能跟着一步步做出来,有基础的同学可以跳过我的啰嗦,直接看图。(个人觉得小白看这种教学还是比较有用的,毕竟我当初就是这样学会了很多操作方法)

开始吧!

1.创建画板,我设置的大小是1024px*768px;

PS绘制半透明风格的星球效果图photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

前景色设置为,用油漆桶点一下填充背景。

PS绘制半透明风格的星球效果图photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

2.用椭圆工具

PS绘制半透明风格的星球效果图photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

添加一个正圆,大小276px*276px(这个大小只是参考,但是大家一定要采用偶数直径,方便后面对齐),颜色任意(因为这个填充色咱们最后不用它),为了方面描述命名为【圆-外层】。ctrl+A选中整个画面,选择工具,水平、垂直居中。

PS绘制半透明风格的星球效果图photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

3.调节圆形的图层样式,首先,将填充改为0%;添加图层样式-渐变叠加,设置颜色和数值

PS绘制半透明风格的星球效果图photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

这个渐变点进去,设置两端的色值,#ff00f6 ;#f000ff;调节上面的不透明度,从左到右依次是:

PS绘制半透明风格的星球效果图photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

看一下效果图是不是跟我的差不多就行。

4.选中图层【圆-外层】,ctrl+J复制一个图层,ctrl+T自由变换,按住shift+alt缩小,大小大概为原来的95%(我这里是264*264),改名为【圆-内层】。右击-清除图层样式,得到如图所示:

PS绘制半透明风格的星球效果图photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

5.给【圆-内层】添加样式:将填充改为0%;然后添加图层样式-渐变叠加,设置颜色和数值(怎么有种似曾相识的感觉):

PS绘制半透明风格的星球效果图photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

注意这次渐变方向为径向,而且这个状态时鼠标在园内移动可以改变渐变的位置,注意要让受光面在左上角处;

PS绘制半透明风格的星球效果图photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

右侧色值参考:#660777;

6.复制【圆-内层】(ctrl+J),去掉图层样式,变换大小得到一个大小为原来95%的同心圆(参考步骤4)命名为【液体-1】。

PS绘制半透明风格的星球效果图photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

7.非常关键的一步来啦:绘制水波状的形状。

首先,选择小黑工具

PS绘制半透明风格的星球效果图photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

点击圆形选中,在这种状态下,选择矩形工具

PS绘制半透明风格的星球效果图photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

按住alt键,画一个矩形(tiPhotoshop:布尔运算:按住alt绘制是减去,按住shift绘制是加上

)

PS绘制半透明风格的星球效果图photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

再回到小黑,选中矩形调节位置,减去圆形的大概小一半(注意不是正好一半)。

PS绘制半透明风格的星球效果图photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

按住shift再选中圆

PS绘制半透明风格的星球效果图photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

合并形状组件

PS绘制半透明风格的星球效果图photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

选是,得到一个类似于半圆的形状。

用添加锚点工具

PS绘制半透明风格的星球效果图photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

添加三个锚点

PS绘制半透明风格的星球效果图photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

用小白工具(直接选择工具)选择一个锚点,调节位置,注意调节的步骤中按住shift键,保证手柄的方向一直都是水平的

PS绘制半透明风格的星球效果图photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

(tiPhotoshop:贝塞尔曲线的绘制技巧——添加新锚点时按住shift键,拉出手柄,保证手柄的方向一直是水平或45度斜角,这样绘制出的曲线会比较平滑。)

同样的方法调节另外两个锚点

PS绘制半透明风格的星球效果图photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造

添加渐变叠加

PS绘制半透明风格的星球效果图photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

色值参考:左#20f0f2 右#418deb

8.复制【液体-1】,在其基础上调节锚点得到【液体-2】。

PS绘制半透明风格的星球效果图photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

9.重复第7步得到【液体-3】(要注意这里减去的矩形要更多啦),添加渐变叠加。

PS绘制半透明风格的星球效果图photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图31我的爱 · 创-WODEAI.NET|3D打印机创意智造

(从左至右#f429da、 #f400d4、 #f47ffb 、#fcc5ff)

这里单纯通过图层样式的叠加可能得不到如图所示所示的渐变样式啦,这个时候为们要引入另一种方法。创建一个图层,放在【液体-3】上面。

PS绘制半透明风格的星球效果图photoshop教程插图32我的爱 · 创-WODEAI.NET|3D打印机创意智造

按住alt点击图层2和液体-3之间的位置,将图层2剪切进【液体-3】。

PS绘制半透明风格的星球效果图photoshop教程插图33我的爱 · 创-WODEAI.NET|3D打印机创意智造

双击效果-勾选第一个对勾【将内部效果混合成图片组】,去掉第二个对勾,确定。(非常重要,否则我们接下来做的步骤效果就看不出来了。)

PS绘制半透明风格的星球效果图photoshop教程插图34我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图35我的爱 · 创-WODEAI.NET|3D打印机创意智造

再选中创建的透明图层,选择画笔工具

PS绘制半透明风格的星球效果图photoshop教程插图36我的爱 · 创-WODEAI.NET|3D打印机创意智造

,按住ALT键点击【液体-3】上渐变色最浅的地方,前景色就成了浅粉色

PS绘制半透明风格的星球效果图photoshop教程插图37我的爱 · 创-WODEAI.NET|3D打印机创意智造

将画笔调节为柔和,笔触放大。

PS绘制半透明风格的星球效果图photoshop教程插图38我的爱 · 创-WODEAI.NET|3D打印机创意智造

沿着【液体-3】曲线的外侧点击几下,注意不要多点,避免颜色太实。

再将前景色颜色改成橙色,

PS绘制半透明风格的星球效果图photoshop教程插图39我的爱 · 创-WODEAI.NET|3D打印机创意智造

沿着右下角外侧点击一下,得到如图所示:

PS绘制半透明风格的星球效果图photoshop教程插图40我的爱 · 创-WODEAI.NET|3D打印机创意智造

10.辛辛苦苦到这里,还是有的小小的成就感的吧。。。下面我们该绘制高光和反光啦,也并不轻松。。。

回到【圆-内层】,复制一个放在最顶层。填充改为白色,运用布尔运算减去一个大圆,设置混合模式为叠加,不透明度17%

PS绘制半透明风格的星球效果图photoshop教程插图41我的爱 · 创-WODEAI.NET|3D打印机创意智造

添加个图层蒙板,用渐变工具添加一个渐变。反光完成。

PS绘制半透明风格的星球效果图photoshop教程插图42我的爱 · 创-WODEAI.NET|3D打印机创意智造

11. 高光。。。这个真不好讲,总之就是用布尔运算加加减减,直接上步骤吧。

PS绘制半透明风格的星球效果图photoshop教程插图43我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图44我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图45我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图46我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图47我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图48我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图49我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图50我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图51我的爱 · 创-WODEAI.NET|3D打印机创意智造

12.到这一步主体终于完成啦!趁热打铁,咬牙做下去。下面我们来做光环吧。用之前教大家的布尔运算,做一个椭圆形的环。

PS绘制半透明风格的星球效果图photoshop教程插图52我的爱 · 创-WODEAI.NET|3D打印机创意智造

渐变叠加。

PS绘制半透明风格的星球效果图photoshop教程插图53我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图54我的爱 · 创-WODEAI.NET|3D打印机创意智造

添加一个图层蒙版,用渐变工具把后面遮一下,注意不要遮太死,因为我们的星球也是半透明的。

PS绘制半透明风格的星球效果图photoshop教程插图55我的爱 · 创-WODEAI.NET|3D打印机创意智造

13. 在图层上右击,删格化图层样式,将混合模式改成【线性减淡(添加)】,然后ctrl+T,按住shift旋转30度,调整一下位置。

PS绘制半透明风格的星球效果图photoshop教程插图56我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图57我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图58我的爱 · 创-WODEAI.NET|3D打印机创意智造

14. 将刚才的圆环复制一层,下移25px。

PS绘制半透明风格的星球效果图photoshop教程插图59我的爱 · 创-WODEAI.NET|3D打印机创意智造

添加颜色叠加#96015c,混合模式改成正片叠底。填充0%,不透明度13%。

PS绘制半透明风格的星球效果图photoshop教程插图60我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图61我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图62我的爱 · 创-WODEAI.NET|3D打印机创意智造

15. 好我们来绘制流星。用圆角矩形工具添加一个高16,宽138像素的圆角矩形。填充改为0。添加渐变叠加。

PS绘制半透明风格的星球效果图photoshop教程插图63我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图64我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图65我的爱 · 创-WODEAI.NET|3D打印机创意智造

16. 删格化图层样式后旋转30度放在合适位置,并复制一个改变位置。

PS绘制半透明风格的星球效果图photoshop教程插图66我的爱 · 创-WODEAI.NET|3D打印机创意智造

17. 用同样的方法做出另外两个,调节透明度(参考50%),适当减弱一下。

PS绘制半透明风格的星球效果图photoshop教程插图67我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图68我的爱 · 创-WODEAI.NET|3D打印机创意智造

18. 添加一个圆(卫星),渐变叠加,注意径向。调节反光位置正好冲着星球。

PS绘制半透明风格的星球效果图photoshop教程插图69我的爱 · 创-WODEAI.NET|3D打印机创意智造

19. 给上一步的卫星添加一个图层蒙版,用黑色柔光笔在左上角点几下,如图所示。

PS绘制半透明风格的星球效果图photoshop教程插图70我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图71我的爱 · 创-WODEAI.NET|3D打印机创意智造

再将图层混合模式改成颜色减淡

PS绘制半透明风格的星球效果图photoshop教程插图72我的爱 · 创-WODEAI.NET|3D打印机创意智造

20.再添加一个圆,渐变叠加:(注意此时图层填充是0)

PS绘制半透明风格的星球效果图photoshop教程插图73我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图74我的爱 · 创-WODEAI.NET|3D打印机创意智造

21. 终于该画背景了,这个流动的云形图最近也是很流行了,直接拿圆角矩形用布尔运算拼就可以,直接上图:填充色:#230d4e

PS绘制半透明风格的星球效果图photoshop教程插图75我的爱 · 创-WODEAI.NET|3D打印机创意智造

22. 小星星:多边形工具,设置边数为4,星形,缩进边依据40%,鼠标拖出一个四角星形。

PS绘制半透明风格的星球效果图photoshop教程插图76我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图77我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图78我的爱 · 创-WODEAI.NET|3D打印机创意智造

23. 旋转,添加渐变叠加,放到合适的位置。同样的办法再做两个大小不一样的。

PS绘制半透明风格的星球效果图photoshop教程插图79我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图80我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图81我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制半透明风格的星球效果图photoshop教程插图82我的爱 · 创-WODEAI.NET|3D打印机创意智造

24. 将上述云和小星星建一个组,复制组,移到主体星球右边。将两个背景组放在主体图层之下。

PS绘制半透明风格的星球效果图photoshop教程插图83我的爱 · 创-WODEAI.NET|3D打印机创意智造

看一下整个的图层:

PS绘制半透明风格的星球效果图photoshop教程插图84我的爱 · 创-WODEAI.NET|3D打印机创意智造

25. 整体调节一下,大功告成!

PS绘制半透明风格的星球效果图photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/659202.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码