1. 首页
  2. 中级教程

利用photoshop制作立体感十足的方形图标

在教程开始前,先介绍一下方形图标方形图标其实在我们的生活中还是随处可见的,打开手机,几乎所有应用图标都是方形的,当然如果可以你还可以学习本文后制作一个方形图标用作QQ、微博头像。有了一个大致的了解后,我们就开始吧!


01

效果图

利用photoshop制作立体感十足的方形图标


02

新建一个600*600背景透明图像,如下图:

利用photoshop制作立体感十足的方形图标


03

用圆角矩形工具拉一个半径60的矩形,双击该图层,打开图层样式,然后分别按照下图进行设置。

【投影】不透明度100%;角度90;距离20;扩展13;大小32

利用photoshop制作立体感十足的方形图标


【斜面和浮雕】大小38;软化16;角度90;高度64

利用photoshop制作立体感十足的方形图标


【描边】大小1

利用photoshop制作立体感十足的方形图标


04

点击文件>打开>选择一张图
在这个图片的界面选择【矩形选框工具】
利用photoshop制作立体感十足的方形图标


05

在图片上拉出一个合适大小的矩形,作为图标内容,然后CTRL+C。
复制完成后切换到刚刚的制作的图,CTRL+V

利用photoshop制作立体感十足的方形图标


06

点击编辑>自由变换,快捷键CTRL+T

利用photoshop制作立体感十足的方形图标


07

适当调整图片大小,让它尽量和下面的图一样大,然后回车确定。
利用photoshop制作立体感十足的方形图标


08

CTRL+ALT+G

利用photoshop制作立体感十足的方形图标


09

新建图层
还是【矩形工具】【填充像素】前景色弄成白色,在画布上画画矩形,覆盖住刚才的图片。
选择钢笔工具
利用photoshop制作立体感十足的方形图标


10

完成后右键画布,【建立选区】

利用photoshop制作立体感十足的方形图标


11

按Delete键,删除选择区域。
然后CTRL+圆角矩形的缩略图
切换到“矩形选择工具”,右键画布选择【选择反向】,同样Delete键删除选择区域。

利用photoshop制作立体感十足的方形图标


12

图层混合模式中将填充不透明度改为0%

利用photoshop制作立体感十足的方形图标


13

图层样式>渐变叠加
不透明度73;样式:线性;角度-97,缩放60

利用photoshop制作立体感十足的方形图标


如果效果有错误,可以对照一下下面的图层面板!

利用photoshop制作立体感十足的方形图标


这样效果图就完成了。

利用photoshop制作立体感十足的方形图标


本文作者:小魅@三人行PS学堂,交流讨论请前往:http://bbs.ren3.cn/thread-36-1-1.html

原创文章,作者:铁木珍,如若转载,请注明出处:https://www.ren3.cn/11027.htm

发表评论

电子邮件地址不会被公开。

评论列表(2条)

  • DDOS
    DDOS 2013年8月25日 下午8:14

    第10步不明,求个详细!!谢谢

    • admin
      admin 回复 DDOS 2013年8月25日 下午8:24

      右键路径,会弹出一个菜单,选择“建立选区”,意思是将路径转为选区。

联系我们

181-7282-8533

在线咨询:点击这里给我发消息

邮件:154526627@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code