Photoshop详细解说设计手机教程

2016-03-17 22:09 8 1 收藏

下面这个Photoshop详细解说设计手机教程教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - PS 】

来源:站酷 作者:豆角
本教程介绍手机的制作方法。制作之前需要找真实的手机图片做参考,了解好手机的构造,然后分步,分层慢慢制作。制作重点是金属质感的渲染。
最终效果



1、新建一个大小自定的文档,背景填充黑色,新建一个图层用钢笔勾出手机的轮廓,转为选区后填充灰色,如下图www.Tulaoshi.com。

2、将大分割区分出来。


3、固定屏幕位置。


4、主要元素找到位置,具体位置可以从图片找。

5,6、底部的质感制作如下图。


7,8、转弯处增加光感,增加斜面的结构,分割线处增加阴影。


9 - 12、加上屏幕及简单的按键,过程如下图。


13 - 16、增加按键的质感,过程如下图。

17、顶部小喇叭的制作方法相同,效果如下图。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
18 - 21、摄像头及其他按键的制作方法如下图。


12 - 25、按键金属部分的渲染,过程如下图。

16 - 29、充电口与数据口的制作如下图。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
30、增加屏幕的反光。


31、增加标志和型号文字,如下图。

32 - 34、增加投影效果,如下图。


最后调整细节,完成最终效果。


来源:http://www.tulaoshi.com/n/20160317/1867011.html

延伸阅读
标签: PS PS基础
效果图: 第一步:画一个圆角为45px,宽高为256*256的圆角矩形,添加图层样式:斜面浮雕和渐变叠加。 第二步:复制刚才的圆角矩形,去掉样式,用直接选择工具将高度调整到226px,左右宽度也分别缩小3-4px。 第三步:再次复制改圆角矩形,用直接选择工具将左右下高度分别减少2px,添加图层样式:投影和内阴影。效果都不是很明显,可...
标签: Web开发
本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式,详细介绍了word-wrap同word-break的区别。兼容 IE 和 FF 的换行 CSS 推荐样式: 最好的方式是 word-wrap:break-word; overflow:hidden; 而不是 word-wrap:break-word; word-break:break-all; 也不是 word-wrap:break-word; overflow:auto; 这种最好的方式,...
CorelDRAW在工业产品效果图绘制中是经常用到的软件哦,尤其是一些偏片面的产品,比如说手机啊,3C啊,家电啊,都会用到CorelDRAW。这里贴个超详细的CD画手机教程,让你从菜鸟变高手!
本教程主要应用素材结合设(图老师整理)计一个手机广告。 最终效果图 素材图 1 素材图 2 1、新建一个文件,打树林素材图1,将它拖入新建文件调至合适的位置。 2、新建一个文件,打开树林素材图1,将它拖入新建文件调至合适的位置。 3、打开手机素材图2,将它拖入广告文件调整合适位置,然后用做一...
标签: PS PS基础
效果图及教程如图:

经验教程

522

收藏

16
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部