手机
当前位置:查字典教程网 >ps >PS入门实例教程 >Photoshop设计立体手机图标教程
Photoshop设计立体手机图标教程
摘要:效果图:第一步:画一个圆角为45px,宽高为256*256的圆角矩形,添加图层样式:斜面浮雕和渐变叠加。第二步:复制刚才的圆角矩形,去掉样式...

效果图:

Photoshop设计立体手机图标教程1

第一步:画一个圆角为45px,宽高为256*256的圆角矩形,添加图层样式:斜面浮雕和渐变叠加。

Photoshop设计立体手机图标教程2

第二步:复制刚才的圆角矩形,去掉样式,用直接选择工具将高度调整到226px,左右宽度也分别缩小3-4px。

Photoshop设计立体手机图标教程3

第三步:再次复制改圆角矩形,用直接选择工具将左右下高度分别减少2px,添加图层样式:投影和内阴影。效果都不是很明显,可以仔细观察原图。

Photoshop设计立体手机图标教程4

第四步:再画一个222*192px的圆角为45px的圆角矩形,我是直接复制再缩小。添加图层样式:投影、内阴影、内发光和渐变叠加。

第五步:复制刚才的圆角矩形,去掉所有样式,上边往下缩小20px,左右分别缩小5px,添加投影、内阴影和描边图层样式,内阴影比形状颜色稍深一点点,颜色自已把握,差不多就行。

Photoshop设计立体手机图标教程5

第六步:用形状工具画出明暗交界线颜色深的地方,做渐变效果,具体如图,用10px的圆角矩形工具画出中间的白条,注意中间部分比较亮,添加渐变。

Photoshop设计立体手机图标教程6

第七步:发光部分用椭圆工具画几个同心圆,做发光效果,以最大的那个圆为例,填充为0,不透明度30%,添加内发光和外发光图层样式。

第八步:垂直或水平方向画出笔的形状,并做好效果,如果斜着画的话不好把握,添加内发光、渐变效果和描边样式。

Photoshop设计立体手机图标教程7

最后把笔倾斜约35度角,放在上面,之前做好的笔的渐变也需跟着变为-35度角。

最后效果图,跟原图差别还是蛮大的,多花点时间,注意观察,相信你能做出更好的原创作品。

Photoshop设计立体手机图标教程8

        :更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入

【Photoshop设计立体手机图标教程】相关文章:

Photoshop使用差值计算和双曲线给人物磨皮

Photoshop肖像修饰技巧之高调人像(下)

Photoshop的72分辨率和300分辨率分别在什么情况下适用

Photoshop制作漂亮的情人节产品促销海报

Photoshop详细解析如何修复拍废了的照片

Photoshop制作朦胧晨雾场景壁纸

Photoshop如何将图片淡化

Photoshop如何绘制圆角矩形

Photoshop制作超酷的照片立体阴影效果

Photoshop制作透明的玻璃按钮教程

精品推荐
分类导航