当前位置: 主页 > 平面设计 > PS教程 > 使用Photoshop绘制时尚半透明风格的星球效果

使用Photoshop绘制时尚半透明风格的星球效果

  • 2021-08-18
  • 来源/作者: UI中国/ Glimmer
  • 24 次浏览

先看效果图

<a href=http://www.06ps.com/ target=_blank class=infotextkey>photoshop</a>绘制半透明风格的星球效果图,PS教程,

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

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

开始吧!

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

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

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

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

2.用椭圆工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

右侧色值参考:#660777;

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

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

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

首先,选择小黑工具

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

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

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

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

)

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

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

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

按住shift再选中圆

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

合并形状组件

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

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

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

用添加锚点工具

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

添加三个锚点

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

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

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

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

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

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

添加渐变叠加

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

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

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

8.复制“液体-1”并调整锚点以获得“液体-2”。

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

标签(TAG) Photoshop