Photoshop打造立体的水晶图标

立体图标的制作可能有点难度,因为物体受光的面较多,如何处理好受光和反光非常重要。制作之前最好先定义好光源的位置,然后再按照光的方向去上色。这样出来的效果就会更真实。

  立体图标的制作可能有点难度,因为物体受光的面较多,如何处理好受光和反光非常重要。制作之前最好先定义好光源的位置,然后再按照光的方向去上色。这样出来的效果就会更真实。

  最终效果


  1、新建一个600 * 600像素的文件,背景填充黑色,新建一个图层,命名为“上表面”,用钢笔工具勾出下图所示的路径,转为选区。

图1

  2、选择渐变工具,颜色设置如图2,拉出图3所示的线性渐变。

图2

图3

  3、新建一个图层,用钢笔勾出图4所示的选区,拉出图5所示的线性渐变色,效果如图6。

图4

图5

图6

  4、同样的方法制作出另一反光部分,如下图。

图7

  5、把“上表面”图层复制一层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D 羽化5个像素,按Ctrl + Shift + I 反选,按Delete 删除。取消选区后锁定图层,填充颜色:#D4E036,图层混合模式改为“颜色减淡”,效果如图9。

图8

图9

  6、新建一个图层,用钢笔勾出图10所示的选区,填充白色作为高光,效果如图11。

图10

图11

  7、调出“上表面”图层选区,执行:选择 > 修改 > 收缩,数值为15,确定按Ctrl + Alt + D 羽化15个像素,然后在图层的最上面新建一个图层填充颜色:#CDA326,图层混合模式改为“颜色减淡”,图层不透明度改为:60%,效果如图13。

图12

图13

  8、在背景图层上面新建一个图层,用钢笔勾出图14所示的选区,拉上图15所示的线性渐变,效果如图16。

图14

图15

图16

  9、同样的方法再制作其它面,效果如图17,18。

图17

图18

  10、同样的方法再制作其它的反光面效果,过程如图19-22。

图19

图20

图21

图22

  11、最后整体调整好细节和光感,完成最终效果。

图23

时间: 2024-09-22 18:42:39

Photoshop打造立体的水晶图标的相关文章

PhotoShop绘制梦幻高光水晶@图标教程

教程教大家用PhotoShop制作梦幻高光水晶@图标效果,制作这个图标并不复杂,喜欢的同学赶快来学习吧! 效果图: 教程如下: 分类: PS鼠绘教程 ps图标制作教程

Photoshop打造Skype的好友图标

现在我们学习一下如何用Photoshop打造 skype 的好友图标. 完成后可以看到如下效果. 用椭圆形工具画个圆圈. 配置如下图层样式 用椭圆工具画出如下选区,也可以同时按 shift+control+n键建立一个新层. 按D改动前景和背景颜色为黑色和白色.按X互换前景色背景色.运用渐变工具,填充所示选区: 改动图层样式. 分类: PS入门教程 ps图标制作教程

PhotoShop打造可爱的水晶字效果教程

教程文字部分非常简单,打好文字或图形后直接用图层样式就可以做出水晶效果.后期可以根据自己的喜好,装饰一些素材,添加梦幻的背景等,做出非常梦幻的组合效果. 老规矩,上photoshop教程最终效果: 1.新建大小自定文件,选择渐变工具,颜色设置为淡紫色到紫色渐变,然后由上至下拉出下图所示线性渐变. 2.选择文字工具,输入想要的文字,字体最好选择圆滑一点的,颜色也用紫色,效果如下图. 3.选中字体图层双击,调出图层样式,选择内发光,参数及效果如下图. 分类: PS文字教程

PhotoShop制作立体游戏应用图标设计教程

应用的时代到来?毋庸置疑的回答是"Yes!".无论是PC.Web还是移动终端,都迎来自己"应用化"的春天.当然,随着UC8.0各线浏览器产品的发布,UC浏览器的粉丝们不难发现,"应用化"的道路上出现了大家挚爱的UC嘞,可喜可贺呀! 找好自己的风格!这是我们开始图标设计之前需要想好的.平面的?立体的?写实的?卡通的?等等.这个过程也许很长,也许会很短.灵感这东西很难琢磨.当我们想好大体的形状,我们就可以先动手画几个"模拟"图标,

Photoshop打造质感的傲游浏览器图标

  先看效果图: 效果图 1.打开Photoshop CS4软件,执行菜单:文件/新建(快捷键Ctrl+N),弹出的新建对话框,名称:制作个性浏览器,宽度:550像素,高度:550像素,分辨率:72像素/英寸,颜色模式:RGB颜色.8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示. 图1 2.在图层控制面板击新建图层按钮,新建一个图层1,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,接着选择工具箱渐变工具(快捷键G),在工具选项栏中设置为线性渐变,设置颜色从黑色到白色,然后按住鼠

利用Photoshop打造立体舞台效果

  最终效果: 光源分析: 为舞台设置顶部两侧打光的视角,要想突出立体感,就要从光源方向表现出三个面的受光关系.如下图所示: 制作步骤: 1.Ctrl+N新建一个尺寸为1200x600px的画布; 2.根据开篇所示的光源分析图,我们先来搭建一个纯色的组合平面几何图形; 通过拆分的方法,我们可以得到:2个六边形+3个四边形; 选择左侧工具栏→矩形工具→多边形工具,顶部工具选项→边数,输入需要的边数就可以制作四边形.六边形了,根据空间平行和近大远小的透视关系,调整图形节点得到我们想要的舞台模型,效果

Photoshop打造七彩缤纷多层水晶字体

多层的七彩水晶字体效果,非常漂亮,这个教程能让我们学到很多新鲜东西,来吧,跟着我开始这个教程: 效果图 教程PSD下载 步骤一:创建一个新文件 900px×900px 分辨率为300像素/英寸,颜色为RGB,文件命名为"A",如图1 图1 步骤二: 用灰色填充背景,找一个你喜欢的字体,输入字母"A" 设置成合适大小,把字体层命名为"TEXT",如图2 图2 步骤三: 去图像–复制,改名字为"W",点击确定,就会出现一个副本,把

Photoshop打造七彩缤纷多层水晶立体字

多层的七彩水晶字体效果,非常漂亮,这个教程能让我们学到很多新鲜东西,来吧,跟着我开始这个教程: 效果图 步骤一:创建一个新文件 900px×900px 分辨率为300像素/英寸,颜色为RGB,文件命名为"A",如图1 图1 步骤二: 用灰色填充背景,找一个你喜欢的字体,输入字母"A" 设置成合适大小,把字体层命名为"TEXT",如图2 图2 步骤三: 去图像–复制,改名字为"W",点击确定,就会出现一个副本,把副本里的&quo

Fireworks打造精致播放器水晶图标

很多人都说FIREWORKS太弱,远不如PHOTOSHOP制作的效果更好,对于我这个对FW情有独钟的"资深网民"来看,关键是要充分掌握软件的使用技巧,加上好的设计思想,用FIREWORKS同样能做出比较精美的图片.近来看到微软官方网站的Windows Media Player 11页面中的'播放'图标很好的水晶质感效果,特地拿来制作,现在与诸位大侠分享,共同进步. 1.在Fireworks新建的黑色画布上画正圆形,然后在属性面板中选取'放射状'效果填充,并且采用四种颜色的过渡,其颜色色