教你用PS画小米M2手机外观!(附效果图)

用户头像
郑州/平面设计师/13年前/7812浏览
教你用PS画小米M2手机外观!(附效果图)

教你用PS画小米M2手机外观!(附效果图)

闲着没事就整理点资料,尝试下用PS设计小米手机外观效果图。这是最基本的入门教程,写一份与大家分享交流。

首先我们打开photoshop CS3,新建空白文件。   设置大小:36cmx36cm      像素:72dpi     填充白色。

第一步:用钢笔工具画一个矩形选区,然后填充灰色,作为底色。在图层样式中调整它的浮雕效果,看出来有立体感。





第二步:再画一个同等的矩形,就是小米手机的轮廓。在图层样式中调整它的浮雕效果,具体参数看下图。用渐变填充黑色渐变,使其有一定的明暗对比。





第三步:再新建图层,用用选区工具画一个直角矩形,填充白色,作为屏幕显示的区域。






第四步:添加小米“MI”标志,最好在CDR里面画好,导入ps中。(一般的字体里面没有这种英文字体。)







第五步:画出底部的按键,在图层样式中设置它的外发光效果,在颜色中设置蓝色叠加,模式:滤色,不透明度75%。大小扩展5像素。






第六步:用钢笔工具画出左上角的高光区域,然后添加渐变效果,透明—白色的渐变,角度-100。现在玻璃质感是不是都出来了?






第七步: 矩形选区工具画出侧边的按键,在图层样式中设置  黑色—白色—黑色  的渐变,使其有立体效果。






第八步:用圆形工具画三个大小不等的圆形,作为手机前端的摄像头。然后描上蓝色的边,在不透明度中调整数值。





看看还似乎缺点什么,来再加一张桌面图片,看看效果。怎么样?



我们来看看最终的效果图。    

                       
           (小米M2手机白色上端效果图)





(整体效果图)





其实都是些基本的东西,让大神看见都该笑了。以后慢慢再增加难度,开始新的挑战,喜欢的话就分享下吧!

43
举报
|
15
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
钱包ui模板
新拟态风格 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
拟物风质感写实UI卡片合集源文件
盲盒APP UI设计
【新年UI图标】活动icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
户外旅行飞机情侣假日出行
【新年UI图标】秒杀icon
我的钱包-UI界面设计-app
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
3D渐变流体抽象矢量UI背景图
手表表盘UI系列
UI通用设计素材1
【新年UI图标】体育icon
【新年UI图标】积分icon
Security Camera UI kit
【新年UI图标】钱包icon
【新年UI图标】旅行icon
高级表盘系列UI源文件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册