下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

Photoshop基础教程-如何设计出精美的商业图标

作者:在线学习     来源: www.kokojia.com点击数:865发布时间: 2015-05-26 15:49:54

标签: photoshop基础教程ps教程视频

想学设计?来看看大师是如何完成作品的?

下面课课家小编为大家介绍一个关于如何制作出精美的商业图标吧!首先要在电脑上安装好Photoshop软件,双击打开photoshop,进入到photoshop界面。在学习Photoshop基础教程设计美观的图标之前,我们可以预览一下制作的效果图:
 


photoshop基础教程操作如下:
先新建一个2000*1500的画布,背景色设置为# 101010

创建一个新层,设置前景色为白色,使用圆形软边画笔,设置大小为1500像素,并且在画布中点一下,设置图层不透明度为60%。

接下来,我们要创建一个圆形图案中完成的无缝操作模式所需的背景。创建一个新的40*40像素的文件,背景是透明的,用椭圆工具画一个完美的圆20*20像素,并允许水平居中,垂直。
如下图:

复制层椭圆图层,执行“滤镜 - 其他 - 位移,设置水平和垂直位移的大小,是我们文件一半的大小。

现在设置出来的效果应该是这样子的,如下图

 

接下来,我们需要将自定图案预设好,点击“编辑—自定图案”。
 


现在回到我们那个图标的文档,在刚才那个白色画笔图层的顶层新建一层,执行“编辑—填充”,选择我们刚刚自定义的图案。


要为这个图案图层设置一个图层样式。



设置完图层样式,我们完成了背景的创建,效果如下:

接下来,开始图标部分的操作。 用圆角矩形工具,运用减去模式,画出如下的外框形状来。

为这个外框添加一个图层样式。


接下来,还是用圆角矩形工具,画出如下图中的红色的内框。

为其添加一个图层样式。


接着,要做那个纹理效果。新建一层,填充#333333,执行“滤镜—杂色—添加杂色”,设置数量为13%,高斯分布,勾选单色。

执行“滤镜—滤镜库—画笔描边—阴影线”,设置描边长度为38,锐化程度为3,强度为1。

将这个纹理图层旋转45度,创建剪贴蒙版。

复制一层内框图层,置于顶层,设置填充为0,添加一个图层样式,来模拟内部的阴影效果。

 
用圆角矩形工具画出顶层的这个框来。


为其添加一个图层样式。

 
下面,我们为金属框添加一个拉丝效果。新建一层,填充#272727,执行“滤镜—杂色—添加杂色”,设置数量为20,高斯分布,勾选单色。

执行“滤镜—模糊—动感模糊”,设置角度为0度,距离为200像素。


选择顶框加外框的选区,为拉丝纹理添加一个图层蒙版,更改拉丝纹理图层混合模式为“线性减淡(添加)”,不透明度为35%。


拉丝效果不是很明显,复制一层拉丝图层,更改图层混合模式为柔光,不透明度为25%。


放入图标(或者添加自己喜欢文字、图片),设置填充为0,并为其添加一个图层样式。



完成了图标的添加,最后来添加左右两侧的那两个线状的东西。设置前景色为#1f1f1f,画一个矩形。


为这个矩形添加一个图层样式。


复制一层矩形图层,清除掉图层模式,重新添加一个图层样式。

 
 现在效果如下,将右侧的线直接复制到左侧过去去


 
富有金属感的图标制作完成,最终效果图:


 
更多ps实例教程视频可关注在课课家在线学习平台。

 
 

赞(8)
踩(2)
分享到:
华为认证网络工程师 HCIE直播课视频教程