首页 > web前端 > PS教程 > 正文

Photoshop 制作时尚的滑盖手机

PHP中文网
发布: 2016-06-01 14:37:04
原创
1829人浏览过


手机的构成元素也不算太多,制作的时候很多部件的制作方法都是相同的。只要用圆角矩形拉好轮廓图,适当加上渐变色即可。不过制作的过程稍微注意好细节的处理。
最终效果
photoshop 制作时尚的滑盖手机
1、新建一个800 * 800 像素文件,选择渐变工具,颜色设置为黑白,拉出图1所示径向渐变。
photoshop 制作时尚的滑盖手机
<图1>   2、把前景色设置为白色,选圆角矩形选框工具,半径设置为35像素左右,拉出图2所示的圆角矩形。
photoshop 制作时尚的滑盖手机
<图2>
3、双击图层调出图层样式,选择描边,参数设置如图3,效果如图4。
photoshop 制作时尚的滑盖手机
<图3>
photoshop 制作时尚的滑盖手机
<图4>   4、锁定图层,如图5,选择矩形选框工具拉出下图所示的矩形。
photoshop 制作时尚的滑盖手机
<图5>
5、选择渐变工具,颜色设置如图6,由边缘部分拉出图7所示渐变,效果如图8。
photoshop 制作时尚的滑盖手机
<图6>
photoshop 制作时尚的滑盖手机
<图7>
photoshop 制作时尚的滑盖手机
<图8>   6、同样的方法拉出右边的渐变,效果如图9。
photoshop 制作时尚的滑盖手机
<图9>
7、新建一个图层,用矩形选框工具拉出图10所示的选区,按ctrl + alt + d 羽化3个像素,然后填充颜色:#c5c5c6,然后删除多余部分,效果如图11。
photoshop 制作时尚的滑盖手机
<图10>
photoshop 制作时尚的滑盖手机
<图11>
8、把前景色设置为:#dadedd,用矩形选框工具拉出图11所示的圆角矩形,适当描上灰色边,如图12。
photoshop 制作时尚的滑盖手机
<图12>   9、新建一个图层,用矩形选框工具拉一个矩形,填充红色,边角部分拉上渐变,如图13。
photoshop 制作时尚的滑盖手机
<图13>
10、新建一个图层,用矩形选框工具拉一个较小的矩形,拉上渐变,效果如图14。
photoshop 制作时尚的滑盖手机
<图14>
11、新建一个图层,同样的方法作出屏幕部分,如图15。
photoshop 制作时尚的滑盖手机
<图15>   12、同样的方法作出选择按钮及装饰部分,如图16,到这一步手机上半部分基本完成。
photoshop 制作时尚的滑盖手机
<图16>
13、在背景图层上面新建一个图层,把前景色设置为:#cacaca,用圆角矩形工具拉出图17所示矩形。
photoshop 制作时尚的滑盖手机
<图17>
14、再用稍微浅一点的颜色拉出图18所示的圆角矩形。
photoshop 制作时尚的滑盖手机
<图18>   15、给圆角矩形加上外发光,参数设置如图19,效果如图20。
photoshop 制作时尚的滑盖手机
<图19>
photoshop 制作时尚的滑盖手机
<图20>
16、同样的方法再拉一个稍小圆角矩形,并描上灰边,如图21。
photoshop 制作时尚的滑盖手机
<图21>   17、选择圆角矩形工具,半径设置为15个像素,拉出图22所示的圆角矩形,然后栅格化图层,再锁定图层。
photoshop 制作时尚的滑盖手机
<图22>
18、选择渐变工具颜色设置如图23,给小的圆角矩形拉出渐变,再适当描上灰边,如图24。
photoshop 制作时尚的滑盖手机
<图23>
photoshop 制作时尚的滑盖手机
<图24>
19、把刚才做好的按键多复制一些,如图25。
photoshop 制作时尚的滑盖手机
<图25>   20、把键盘打上数据及字母,如图26。
photoshop 制作时尚的滑盖手机
<图26>
21、最后修饰一下细节,加上待机图片,完成最终效果。
photoshop 制作时尚的滑盖手机
<图27>

左手医生开放平台
左手医生开放平台

左医科技医疗智能开放平台

左手医生开放平台 62
查看详情 左手医生开放平台
相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号