手机
当前位置:查字典教程网 >ps >PS入门实例教程 >Photoshop中制作iphone4界面
Photoshop中制作iphone4界面
摘要:今天我们将学习如何在Photoshop中制作Iphone4。我们使用一些基本的绘图工具和图层样式来尽量营造手机的真实感。iPhone是一款苹...

Photoshop中制作iphone4界面1

今天我们将学习如何在Photoshop中制作Iphone4。我们使用一些基本的绘图工具和图层样式来尽量营造 手机的真实感。iPhone 是一款苹果公司出品创新的可触摸宽屏iPod以及具有桌面级电子邮件、网页浏览、 搜索和地图功能的突破性因特网通信设备这三种产品完美地融为一体的移动电话。用户界面设计主要包括可 多点触控的屏幕、可视化的虚拟键盘并非真实存在。本教程所展示的技巧可以帮助你设计任何设备,比如壁 挂电视、掌上电脑等。希望你能喜欢,我们开始教程吧。

最终效果预览

Photoshop中制作iphone4界面2

第一步。

首先我们在Photoshop中新建文件,宽6.33cm、高7.79cm,分辨率300dpi。双击背景层解锁,然后应用渐 变叠加(渐变色由上到下依次设置为#9d9d9d-#cecece-#ffffff)如下:

Photoshop中制作iphone4界面3

第二步。

在Photoshop中打开从Stock.Xchng下载的纹理图片,置于背景层的上方,降低不透明度为8%。

Photoshop中制作iphone4界面4

第三步。

导入从苹果官网apple.com下载的iphone照片,然后给手机的边缘和屏幕绘制参考线。

Photoshop中制作iphone4界面5

第四步。

把前景色设为黑色,沿着外圈参考线,使用圆角矩形工具(圆角半径:27px)绘制手机外形,把该图层 重命名为“body”。

Photoshop中制作iphone4界面6

第五步。

给“body”图层添加渐变描边,参数设置如下:

Photoshop中制作iphone4界面7

给“body”图层添加投影,参数设置如下:

Photoshop中制作iphone4界面8

【Photoshop中制作iphone4界面】相关文章:

Photoshop在应用中必须掌握的技巧

Photoshop制作一只可爱的招财猫

在Photoshop中如何绘制虚线

在Photoshop中提取色彩及应用的技巧

Photoshop制作碎片打散效果的抽象人像

Photoshop如何快速制作高等线背景图

Photoshop设计绚丽的粒子光效制作教程

Photoshop设计超酷的电影网站首页模板

Photoshop快速制作照片撕裂效果

Photoshop绘制虚线的5种方法介绍

精品推荐
分类导航