ps怎么设计一幅2.d的沙漏插画?

学UI网   发布时间:2017-12-26 12:54:33   作者:小智   我要评论
ps怎么设计一幅扁平化的沙漏插画?ps中想要一个立体的沙漏图形,该怎么设计呢?下面我们就来看看ps设计2.5d立体沙漏图形的教程,请看下文详细的教程
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

ps中想要设计一款立体效果的沙漏,该怎么制作呢?下面我们就来看看详细的教程。

软件名称:
Adobe Photoshop CS6 for Mac (支持Retina屏) 官方简体离线安装版
软件大小:
1.01GB
更新时间:
2020-04-17立即下载

ps怎么设计一幅2.d的沙漏插画?

1.首先新建画布600*800px,然后画个矩形做底色,填充颜色如下:

ps怎么设计一幅2.d的沙漏插画?

2.然后我们来制作这个沙漏的顶部,使用椭圆工具画好圆,再来个渐变色参数如下:

ps怎么设计一幅2.d的沙漏插画?

3.然后用矩形工具椭圆工具制作沙漏上部的底部形状,这里需要注意矩形和圆宽度要一致然后进行布尔运算(首先选中两个图层Ctrl+E并,然后合并图层)加上渐变,相关参数如下:

ps怎么设计一幅2.d的沙漏插画?

4.把第2步得到的形状放在第3步的图层上面,然后打个包,沙漏的顶部就做好了,然后我们重复以上操作,可以得到沙漏的底部(底部的参数会有点变化,因为这个沙漏是倾斜的,具体参数根据自己感觉做一点修改)

ps怎么设计一幅2.d的沙漏插画?

5.接下来我们只做沙漏的柱子,使用矩形圆角拉到最大,添加渐变,相关参数如下:

ps怎么设计一幅2.d的沙漏插画?

6.接下来我们只做沙漏玻璃,用椭圆工具制作上部分,添加颜色#52d5fe,这里需要多复制一层,同理制作下部分

ps怎么设计一幅2.d的沙漏插画?

7.然后我们在做中间的链接部分,这里用椭圆与矩形进行布尔运算(这里是减去顶层哦!)在合并上一步与这步的图层,调整位置

ps怎么设计一幅2.d的沙漏插画?

8.降低透明度为20%,再给复制的那个圆添加底色,增加投影效果

ps怎么设计一幅2.d的沙漏插画?

9.然后我们来制作里面的沙子,用椭圆工具制作基本形状再用小白调整形状(这里不用太完美)打个组,添加渐变色彩(颜色需要微调)然后用沙漏的玻璃做出选区,对沙子组进行剪切蒙版,再精确调整形状。

ps怎么设计一幅2.d的沙漏插画?

10.人物就用钢笔工具勾画出来,各部分颜色分别为:皮肤 #fff1cb,头发 #37210c,衣服 #394ce0,裤子 #3704ec,鞋子 3b4ce1

ps怎么设计一幅2.d的沙漏插画?

11.最后制作流星用椭圆工具画个3px的圆,再用小白拉长一个点,能得到流星的效果,颜色做个不透明度的渐变,可以尝试多种颜色,但是不要太花了哦,中间在点缀些4px,2px的星星,最后背景再来个黑色的径向渐变,整个作品就OK了哦!

ps怎么设计一幅2.d的沙漏插画?

以上就是ps制作2.5d立体沙漏插画的教程,希望大家喜欢,请继续关注程序员之家。

相关推荐:

ps怎么设计扁平化的试管图标的插画?

ps怎么绘制扁平化风格的海盗插画图?

ps怎么手绘秋季剪纸风格的风景图插画?

相关文章

  • PS绘制萌萌的MBE风格皮卡丘插画教程

    MBE风格是现在比较流行的一种粗线条描边设计,今天程序员之家小编就教大家使用PS绘制萌萌的MBE风格皮卡丘插画,教程打造的MBE风格皮卡丘非常可爱,小编很喜欢,难度不大,感
    2017-08-04
  • 用ps快速将普通插画转为像素风格插画的视频教程

    本期的视频教程将教程序员之家的各位朋友如何使用ps快速将普通插画转为像素风格插画?视频中主要介绍了利用“一个滤镜”即像素化,“两个工具”及铅笔和油漆桶工具将一副普通
    2017-07-31
  • AI+PS七步绘制清新的噪点山茶花插画教程

    近日,很多网友问小编噪点插画怎么画?今天程序员之家小编就给大家带来AI+PS七步绘制清新的噪点山茶花插画的方法教程,教程很简单,主要看你的耐心,看完的小伙伴赶紧去画一
    2017-07-10
  • AI和PS设计复古噪点效果插画的教程

    想要设计插画,ai是很常用的软件,下面我们就来看看使用ai结合ps设计复古插画风格的教程,下面我们来举一个实例,很简单,需要的朋友可以参考下
    2017-07-05
  • PS绘制低多边形风格的熊猫头像插画

    这篇教程是向程序员之家的朋友分享PS绘制低多边形风格的熊猫头像插画方法,教程绘制出来的低变形风格非常漂亮,难度不是很大,值得大家学习,推荐到程序员之家,喜欢的朋友可以
    2017-04-06
  • painter结合PS绘制少女插画和头发

    这篇教程是向程序员之家的朋友分享painter结合PS绘制少女插画和头发方法,教程真的很不错,绘制出来的效果非常漂亮,推荐到程序员之家,一起来看看吧
    2017-03-20
  • AI结合PS绘制2.5D建筑插画

    对于一个优秀的设计师应该将企业文化和品牌影响以设计的角度诠释的淋漓尽致,而不是找借口说被公司需求限制的难以发挥。今天为大家AI结合PS绘制2.5D建筑插画教程,很值得大
    2017-03-02
  • ps怎么将图片转换为二次元手绘插画图片?

    ps怎么将图片转换为二次元手绘插画图片?用照相机拍的图片想要处理成二次元手绘插画图片,该怎么处理呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-02-28
  • PS笔刷绘制蜡笔肌理插画

    这篇教程是向程序员之家的朋友分享PS笔刷绘制蜡笔肌理插画方法,教程绘制出来的效果非常漂亮,难度一般,值得大家学习,推荐到程序员之家,一起来学习吧
    2017-02-14
  • 仅需5步 Illustrator结合PS快速制作2.5建筑插画

    这篇教程是向程序员之家的朋友分享Illustrator结合PS快速制作2.5建筑插画方法,教程制作出来的插画非常漂亮,而且只需5步即可完成,推荐到程序员之家,来看看吧
    2017-02-06

最新评论


http://www.vxiaotou.com