PS设计教程网欢迎你!

Photoshop CC2015绘制逼真的iPhoneES(2)

文章来源于 站酷,感谢作者 无梦不欢 给我们带来经精彩的文章!
设计教程/PS教程/鼠绘教程2016-03-24
字体用 思源黑体,logo上网上找一个(让我偷个懒吧,哈哈哈) STEP03,绘制镜头 下面利用一个简单粗暴的方式来绘制镜头,重复使用同一效果 绘制一个10*10px的圆形 添加渐变叠加: 描边1: 描边2: 描边3: 描边4: 描

字体用 “思源黑体”,logo上网上找一个(让我偷个懒吧,哈哈哈)

STEP03,绘制镜头

下面利用一个简单粗暴的方式来绘制镜头,重复使用同一效果

绘制一个10*10px的圆形

添加渐变叠加:

Photoshop CC2015绘制逼真的iPhoneES

描边1:

Photoshop CC2015绘制逼真的iPhoneES

描边2:

Photoshop CC2015绘制逼真的iPhoneES

描边3:

Photoshop CC2015绘制逼真的iPhoneES

描边4:

Photoshop CC2015绘制逼真的iPhoneES

描边5:

Photoshop CC2015绘制逼真的iPhoneES

效果如下图:

画两个小的白色圆形,模式为“叠加”,做为高光

Photoshop CC2015绘制逼真的iPhoneES

再绘制闪光灯:

绘制一个14*24px的圆角矩形,圆角可以调大

渐变叠加:

Photoshop CC2015绘制逼真的iPhoneES

光泽:

Photoshop CC2015绘制逼真的iPhoneES

内阴影:

Photoshop CC2015绘制逼真的iPhoneES

效果如下图所示

Photoshop CC2015绘制逼真的iPhoneES

STEP04,绘制按键

画一个54*10px的圆角矩形,圆角为“3px”

渐变叠加:

Photoshop CC2015绘制逼真的iPhoneES

投影:

Photoshop CC2015绘制逼真的iPhoneES

复制一个,置于下层,清除图层样式,下移3px;

渐变叠加:

Photoshop CC2015绘制逼真的iPhoneES

投影:

Photoshop CC2015绘制逼真的iPhoneES

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

Photoshop CC2015绘制逼真的iPhoneES

Photoshop CC2015绘制逼真的iPhoneES

右侧三个色块由上至下分别代表:

机身(带logo部分)固有色;

底座厚度固有色;

形状描边(倒角,边框),按键的固有色。

如果更换这三种颜色,还可以得到其他款式的机型哦!

“一键换色”:

Photoshop CC2015绘制逼真的iPhoneES

Photoshop CC2015绘制逼真的iPhoneES

进入论坛交作业:http://www.missyuan.com/thread-765890-1-1.html

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa