打印

ps制作精美格子渐变图标

ps制作精美格子渐变图标



这次的photoshop绘画教程是学习用ps制作精美细腻的格子渐变图标,主要用到了图层样式、画笔工具、渐变效果、剪贴蒙版、马赛克滤镜、混合模式还有文字工具。最后的icon设计清新活泼,色调多变,非常吸引视线。喜欢这个图标效果的人不妨学习看看,加油。

具体制作步骤如下:

步骤1

打开ps,新建一个600*350像素的文档。



步骤2

双击背景图层,将其转换为普通图层。然后双击图层打开图层样式,设置如下。







银灰色的背景效果。



步骤3

新建一个图层,选择大的白色的柔边画笔,在中心绘制出柔和的白色亮光。



步骤4

按ctrl+T进行调整,拉伸如下。



步骤5

调整图层的不透明度到10%,具体数值可以自己把握。



步骤6

创建icon主体。选择圆角矩形工具,点击一下,在弹出的对话框中设置如下。



步骤7

在圆角矩形上方随意绘制一个尺寸大于它的形状,因为后期会将其转换为剪贴蒙版,现在的形状可以随意。



步骤8

为后面绘制的直角矩形添加图层样式,设置如下。打造一个角度渐变效果。



步骤9

按住Alt键,在角度渐变和圆角矩形中间点击一下,将其转换为剪贴蒙版。然后右键图层,选择转换为智能对象。



步骤10

执行滤镜—像素化—马赛克,单元格大小40方形。效果如下。



步骤11

复制一层马赛克效果层,同样转换为剪贴蒙版。然后执行滤镜库—风格化—照亮边缘。



步骤12

修改这一层的混合模式为“线性减淡(添加)”,不透明度30%。这样所有格子就被白色细线分割开了。



步骤13

将上一步创建好的图层再复制一层。混合模式改为“减去”,不透明度20%。选择移动工具,并利用键盘的方向键,向下、向右各移动1像素。这样方格就有了立体感。



步骤14

用椭圆工具在icon中心绘制一个正圆。



步骤15

为正圆添加图层样式,设置如下。







现在的效果。



步骤16

这次在中心绘制一个小的正圆。



步骤17

同样为其添加图层样式,设置如下。









到这里,已经很有质感了。



步骤18

现在添加文字。



步骤19

为文字添加图层样式。







步骤20

复制一层步骤4创建的圆角矩形图层,移动到如图所示的位置,修改填充为0。



步骤21

同样为其添加图层样式,设置如下。





现在的icon效果。



步骤22

双击图层打开图层样式,在混合选项中,勾选上“图层蒙版隐藏效果”。



步骤23

然后为图层添加一个图层蒙版,用黑色画笔勾勒出细节部分。



最后添加一个倒影,大功告成!



更多

交作业、、、

红友201709081019603于 2017-9-14 11:46 回复
全部免费素材下载    元素系   www.yuansuxi.com
20140924.jpg (122.83 KB) (2014-9-24 20:29)

20140924.jpg


本帖最近评分记录
  • 鸢尾扣 经验 +2 鼓励加分 2014-9-25 15:22
  • 鸢尾扣 资源币 +2 鼓励加分 2014-9-25 15:22

交作业,没有做阴影

红友201709081019603于 2017-9-14 11:46 回复
全部免费素材下载    元素系   www.yuansuxi.com

本帖最近评分记录
  • 鸢尾扣 经验 +2 鼓励加分 2014-9-25 15:23
  • 鸢尾扣 资源币 +2 鼓励加分 2014-9-25 15:23

谢谢LZ分享


步骤十搞不定了


交作业~~~~~做了挺久

 

层主1892年的老房子于 2014-9-26 15:20 回复
怎么发图片啊

交作业~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

交作业~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

精美格子渐变图标.jpg (88.18 KB) (2014-9-26 15:35)

精美格子渐变图标.jpg


本帖最近评分记录
  • 鸢尾扣 经验 +2 鼓励加分 2014-9-26 17:00
  • 鸢尾扣 资源币 +2 鼓励加分 2014-9-26 17:00

值得学习的帖子

这个帖子让我明白了之前很多设计看不懂的技巧!!!顶!


作业

投影木有做,没有混合选项减去,是版本低吗?

未标题-1.jpg (30.67 KB) (2014-10-3 18:20)

未标题-1.jpg


qfocvs

668727soqgyq座坠族滋篆琢撰族淄作淄缀状妆昨爪转壮撰罪渍追族罪驻诅卒啄追坐遵爪锥酌纂抓壮佐砖足醉专鬃孜最拙锥阻揍最奏滋踪紫祖啄尊抓滓妆捉淄状浊砖左尊罪租酌走砖捉转谆缀转做酌拙壮赚邹妆宗赚驻琢鬃左组最座兹孜庄砖缀揍棕足鬃壮坐兹灼捉赘作作踪钻砖浊纂踪总作醉做卒诅谆拽谆租驻浊祖罪撰柞坠仔遵滓足咨姿转姿追赘啄佐庄左滋揍柞淄准嘴拽钻姿赘赘专茁综砖醉滋琢驻爪坐卒渍籽滋纵足滓锥锥足足着嘴作追渍着庄赚揍柞柞柞桩赘茁走佐祝抓坐啄住锥谆祝渍拙诅孜籽滓拽祝爪柞啄柞座滋注滋桌纵尊佐篆砖咨左准姿左座祝纂紫着锥佐追卓酌祝走驻着祖壮籽砖兹坠着紫琢妆最钻纵遵转锥壮装罪茁足住缀邹兹状遵缀子啄拽佐茁坐紫缀灼纵篆滋左篆砖纂孜阻桩嘴桩注锥籽啄紫准佐祖坐桌祖滓柞阻踪综坐爪拽醉谞桌坠追注阻走住柞揍庄椎足锥专撞醉赚注嘴组嘴啄浊赚最子孜滋谆住撰祝走左坠撰撰作字撰兹壮卓棕注仔籽祖着座仔座紫邹自足左足嘴阻着字综滓纂资罪走壮篆综砖谞驻酌佐租啄醉专组醉族阻子


免费发布需求