Photoshop设计立体效果的手机图标教程

Photoshop设计立体效果的手机图标教程

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

    第四步:再画一个222*192px的圆角为45px的圆角矩形,我是直接复制再缩小。添加图层样式:投影、内阴影、内发光和渐变叠加。 第五步:复制刚才的圆角矩形,去掉所有样式,上边往下缩小20px,左右分别缩小5px,添加投影、内阴影和描边图层样式,内阴影比形状颜色稍深一点点,颜色自已把握,差不多就行。

  • 05

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

  • 06

    第七步:发光部分用椭圆工具画几个同心圆,做发光效果,以最大的那个圆为例,填充为0,不透明度30%,添加内发光和外发光图层样式。 第八步:垂直或水平方向画出笔的形状,并做好效果,如果斜着画的话不好把握,添加内发光、渐变效果和描边样式。

  • 07

    最后把笔倾斜约35度角,放在上面,之前做好的笔的渐变也需跟着变为-35度角。 最后效果图,跟原图差别还是蛮大的,多花点时间,注意观察,相信你能做出更好的原创作品。

(0)

相关推荐

  • AI入门教程——如何绘制一个立体效果的手机模型

    AI中绘制用于2.5D场景中的立体手机的方法 操作方法 01 首先用基础的形状做一个简单的手机,颜色只要不是纯黑色就可以,后期需要更换颜色. 02 先给所有的图形[编组],然后[效果]-[3D(3)] ...

  • 手机怎么把图片做成立体效果(手机怎么拍立体感照片)

    寒冷的冬天,很依赖阳光照进小屋,瞬间温暖的感觉.望着半刺眼的柔光,享受一份慵懒的舒服.很喜欢这种"阳光"画面,准确说是"阳光柔和照射"的感觉.无论是阳光的投影还 ...

  • 手机ps怎么设计logo? Photoshop设计l字母logo的教程

    ps中设计logo很简单,今天我们就来看看使用手机ps设计一款简单logo的教程. 1.我现在使用的是手机PS,来制作这个logo,首先我们需要创建一个画布. 2.然后我们可以根据自己的这个创意,来制 ...

  • “手把手教你设计”—12个最佳手机APP界面设计教程

    UI/UX 设计确实是需要一定的和学识才能真正在这个行业立足,并不是所有想成为设计师的人最后都能如愿以偿.他需要对设计有基本的了解,清楚设计的基本原则. 用户界面设计师和其他行业设计面临一样的挑战,那 ...

  • PhotoShop设计打造品牌艺术字LOGO教程

    本教程主要介绍用PhotoShop设计打造品牌艺术字LOGO效果,主要用到路径工具来打造文字的型,然后根据创意需要制作出效果就好了. 操作方法 01 1.首先,让我们来看一下最终效果: 02 2.新建 ...

  • word2016怎么设计立体图片效果?

    现在已经进入“读图时代”,图片是最具影响力的媒体之一.在word文档中添加图片元素,可以使文档看起来更加生动形象.充满活力.新版word2016在图片处理的功能上更加进步,可以轻松制作图片立体效果. ...

  • Photoshop中制作手机图标电话

    Photoshop中ps中制作手机的电话图标,最终效果图下图. 操作方法 01 打开电脑中安装的ps ,ctrl+n新建一个文档,大小自定,颜色为白色,单击确定按钮 02 选中圆角矩形工具,用圆角矩形 ...

  • Mac版Adobe Photoshop CC 2018中文安装破解图文教程(附破解版下载)

    2017年10月Adobe Photoshop CC 2018 Mac正式发布,现在ps mac中文破解版上线了,本次是为设计师,数码摄影师和插画师推出了令人兴奋的新功能.本次增加刷子相关功能,增加中 ...

  • 如何打造立体效果的PPT封面?

    PPT不是设计软件,但用好PPT,做到有设计感,有意思,必须学会使用一些小技巧,透明渐变色块打造立体效果封面PPT教程,将教会大家,活用透明渐变色块,打造立体效果封面。 第一步:选择一张合适的图片作为 ...