水晶药丸一颗(PS教程)

小编在此建议大家,以下步骤中用选区做的,你们最好用形状做,不会出现锯齿哦,也方便后期修改。

本例中我们利用photoshop绘制一枚位置和角度都不规则的药丸,在制作时可以先做出规则的实体,再稍稍改变角度和位置,最后再做高光和暗调的处理,制作出水晶风格的图标。
完成效果

1.创建一800 * 600像素的文件,背景暂且填充白色。创建一图层,选取椭圆选项框工具,按住Shift 键拖出一小的正圆选区,填充黑色,此时效果图如下。

2.选取矩形选项框工具,拖出P2的矩形选区,之后选取拖动工具,按住Alt 键,再按朝上的方向键拷贝,效果见下图3。


3.选取矩形选项框工具,选择不想要的部分,见下图4,按Delete 键删除,效果见下图5。

4.锁定图层后,选取渐变工具,色彩设定见下图6,拖出P7的线性渐变。


5.将当前图层拷贝一层,填充色彩:#BEE6F0,按Ctrl + T 变形,略微拖窄一些见下图8。之后确认,添加图层蒙板,用黑白渐变拖出右半透明效果,见下图9。

6.创建一图层,用钢笔画出P10的选区,填充色彩:#1F97B0。

7.添加图层蒙板,用透明度较低的黑色画笔将左半抹点透明效果,见下图。

8.创建一图层,选取椭圆选项框工具拖出P12的椭圆选区,选取渐变工具,色彩设定见下图13,拖出P14的径向渐变。


9.调出小椭圆的选区,朝下拖动一像素,在当前图层下方创建一图层,填充色彩:#85CEDF。

10.半边药壳大概做完的效果。

11.其他半边药壳的做法类似,因为大小一致,我们可拷贝之前做好的图形,只要改一些渐变色。

12.再做出高光部分,此时效果图如下。

13.顶部椭圆部分渐变色的设定见下图20,再添加边上高光见下图21。

14.创建一图层,用钢笔画出底部右下角部分的高光选区,填充白色,见下图。

15.返回背景图层,选取渐变工具,色彩设定见下图23,拖出P24的径向渐变作为背景。


16.将药壳部分略微变换一下角度与地方,此时效果图如下。

17.创建一图层,用椭圆选项框工具拖一较小的正圆选区,拖上P26右侧径向渐变。之后将做好的小圆球多拷贝一点,可恰当调整色彩,见下图27。


18.最终调节下细处,处理完成效果图。

=========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享,希望打造一个最好的ui学习教程平台!

APP截图站:app.xueui.cn海量APP截图,让你灵感爆发!

Photoshop
(0)

相关推荐

  • 制作精致的绿色水晶按钮(ps教程)

    Hello,大家好,今天小编呢给大家带来一例按钮的制作教程,制作之前我们首先要了解他的结构,整个按钮分四部分,并且每部分的制作难度不大,喜欢的小伙伴赶紧打开ps来尝试一下吧~等着大家交作业哦, 桂桂博 ...

  • 绘制一枚超萌的QQ方形图标【PS教程】

    今天@P大点S微博来一篇超简单的PS教程,教你绘制一枚方形图标,操作简单易上手,源文件已打包,假期花十分钟来练个手吧. 源文件打包   云下载: 新建个文档,我用的尺寸是800*600像素,大家请随意 ...

  • 一起来画一支萌萌哒铅笔(ps教程)

    上次狼哥给大家带来的100个icon的文章大家还记得吧,地址戳这里哦!满满的正能量啊,小编当时就下定决心也要坚持画一百个图标,向狼哥看齐.今天给大家带来的文章是我们学ui网的女神@叶小胖童鞋的,咱们学 ...

  • PS教程:制作美味可口的面包圈字体

    本教程将会向大家展示如何使用Photoshop强大的图层样式功能.以及一些笔刷和滤镜来创作一些美味的面包圈(效果字体). 此教程是SDC番茄匠@阿随向前冲为大家精心翻译的,过程非常详细,小哥还标注了重 ...

  • 5分钟打造iCloud图标(PS教程)

    临近新年,过年的气氛越来越浓了,大家学习UI的热情不能减啊,贵在坚持哦.今天给大家带来的教程是绘制一枚iCloud图标,这次我新加入了图层分解图,看起来更加一目了然,因为大家学了这么久了,颜色值那些我 ...

  • 教你打造一枚专属印章(PS教程)

    前面小编给大家带来的PS绘制爱心教程大家都学会了吧,今天给大家带来稍微复杂一点的印章教程,原作者是@小林Design,教程很详细,跟着教程做下来应该没问题的,大家赶紧打开PS,一起来打造一枚属于自己的 ...

  • 一个矩形的九种立体呈现(PS教程)

    谁说矩形只是平面的?那多无聊啊,今天给大家带来一篇很好的教程,让我们的矩形君呈现出九种不同的立体效果.方法也非常之简单,主要是根据高光阴影的不同,光线的明暗关系,分分钟就能营造出矩形的立体效果.小伙伴 ...

  • 教你如何打造一个金属音箱【PS教程】

    小编话:今天给大家带来的教程是来自@伯毅狼带来的金属音箱的PS教程,这篇教程可能没有你想象中剖析的那样详细.如果你是新手,正好可以跟着狼哥的教程边临摹边思考,将好的与收获转化为自己的东西.并且上次&l ...

  • 史上最简单的图标教程第七课 (PS教程)

    咳咳...又是我,没错,今天小编给大家带来的是灰常有情怀的手表icon教程,原作者说是人类史上最简单的图标教程,这也是他出的第七次教程,相关教程都可以在学ui网找的到哦.好了,不多说了,大家跟着一起来 ...