ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

12
返回列表 发新帖
楼主: ss41499108
收起左侧

[UI设计] 用PS设计一个iPhoneES形状的图标

[复制链接]
 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

描边3:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层
描边4:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

描边5:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层
效果如下图: 画两个小的白色圆形,模式为“叠加”,做为高光

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

再绘制闪光灯: 绘制一个14*24px的圆角矩形,圆角可以调大 渐变叠加:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

光泽:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

内阴影:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

效果如下图所示

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

STEP04,绘制按键 画一个54*10px的圆角矩形,圆角为“3px” 渐变叠加:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

投影:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

复制一个,置于下层,清除图层样式,下移3px; 渐变叠加:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

投影:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

再添加阴影和倒影,还有绘制2像素的白条,得到最终效果:



回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-1 01:18:22 | 显示全部楼层

用PS设计一个iPhoneES形状的图标

右侧三个色块由上至下分别代表: 机身(带logo部分)固有色; 底座厚度固有色; 形状描边(倒角,边框),按键的固有色。 如果更换这三种颜色,还可以得到其他款式的机型哦! “一键换色”:



觉得有用同学请点赞吧!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-5-3 15:25 , Processed in 0.042931 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表