Home > Web Front-end > PS Tutorial > Photoshop打造非常精致的宽屏手机

Photoshop打造非常精致的宽屏手机

PHP中文网
Release: 2016-06-01 14:34:35
Original
1742 people have browsed it

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

Photoshop打造非常精致的宽屏手机


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

Photoshop打造非常精致的宽屏手机
 
2、将大分割区分出来。

Photoshop打造非常精致的宽屏手机

3、固定屏幕位置。

Photoshop打造非常精致的宽屏手机

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

Photoshop打造非常精致的宽屏手机
 
5,6、底部的质感制作如下图。

Photoshop打造非常精致的宽屏手机

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

Photoshop打造非常精致的宽屏手机

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

Photoshop打造非常精致的宽屏手机

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

Photoshop打造非常精致的宽屏手机
 
17、顶部小喇叭的制作方法相同,效果如下图。

Photoshop打造非常精致的宽屏手机

18 - 21、摄像头及其他按键的制作方法如下图。

Photoshop打造非常精致的宽屏手机

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

Photoshop打造非常精致的宽屏手机
 
16 - 29、充电口与数据口的制作如下图。

Photoshop打造非常精致的宽屏手机

30、增加屏幕的反光。

Photoshop打造非常精致的宽屏手机

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

Photoshop打造非常精致的宽屏手机
 
32 - 34、增加投影效果,如下图。

Photoshop打造非常精致的宽屏手机

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

Photoshop打造非常精致的宽屏手机

以上就是Photoshop打造非常精致的宽屏手机的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template