起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 水晶药丸一颗(PS教程)

水晶药丸一颗(PS教程)

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:做作业教程photoshop


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

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

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

本例中我们利用photoshop绘制一枚位置和角度都不规则的药丸,在制作时可以先做出规则的实体,再稍稍改变角度和位置,最后再做高光和暗调的处理,制作出水晶风格的图标。
完成效果
水晶药丸一颗(PS教程)_qh.itpxw.cn
1. 创建一800 * 600像素的文件,背景暂且填充白色。创建一图层,选取椭圆选项框工具,按住Shift 键拖出一小的正圆选区,填充黑色,此时效果图如下。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P1>
2. 选取矩形选项框工具,拖出P2的矩形选区,之后选取拖动工具,按住Alt 键,再按朝上的方向键拷贝,效果见下图3。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P2>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P3>
3. 选取矩形选项框工具,选择不想要的部分,见下图4,按Delete 键删除,效果见下图5。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P4>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P5>

4. 锁定图层后,选取渐变工具,色彩设定见下图6,拖出P7的线性渐变。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P6>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P7>
5. 将当前图层拷贝一层,填充色彩:#BEE6F0,按Ctrl + T 变形,略微拖窄一些见下图8。之后确认,添加图层蒙板,用黑白渐变拖出右半透明效果,见下图9。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P8>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P9>

6. 创建一图层,用钢笔画出P10的选区,填充色彩:#1F97B0。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P10>
7. 添加图层蒙板,用透明度较低的黑色画笔将左半抹点透明效果,见下图。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P11>
8. 创建一图层,选取椭圆选项框工具拖出P12的椭圆选区,选取渐变工具,色彩设定见下图13,拖出P14的径向渐变。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P12>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P13>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P14>

9. 调出小椭圆的选区,朝下拖动一像素,在当前图层下方创建一图层,填充色彩:#85CEDF。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P15>
10. 半边药壳大概做完的效果。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P16>
11. 其他半边药壳的做法类似,因为大小一致,我们可拷贝之前做好的图形,只要改一些渐变色。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P17>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P18>

12. 再做出高光部分,此时效果图如下。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P19>
13. 顶部椭圆部分渐变色的设定见下图20,再添加边上高光见下图21。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P20>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P21>

14. 创建一图层,用钢笔画出底部右下角部分的高光选区,填充白色,见下图。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P22>

15. 返回背景图层,选取渐变工具,色彩设定见下图23,拖出P24的径向渐变作为背景。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P23>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P24>
16. 将药壳部分略微变换一下角度与地方,此时效果图如下。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P25>
17. 创建一图层,用椭圆选项框工具拖一较小的正圆选区,拖上P26右侧径向渐变。之后将做好的小圆球多拷贝一点,可恰当调整色彩,见下图27。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P26>
水晶药丸一颗(PS教程)_qh.itpxw.cn<P27>
18. 最终调节下细处,处理完成效果图。
水晶药丸一颗(PS教程)_qh.itpxw.cn<P28>

原文地址:http://www.uimaker.com/plus/view.php?aid=3943

=========================关于起航学习网=========================

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

起航学习网:qh.itpxw.cn  海量APP截图,让你灵感爆发!

水晶药丸一颗(PS教程)_qh.itpxw.cn

转载请注明:起航学习网 » 水晶药丸一颗(PS教程)

文章出自:http://qh.itpxw.cn/peixun/ui/201613543.html

文章标题:水晶药丸一颗(PS教程)



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------