漂亮的水晶图标制作方法

实际上玻璃透明质感的小图标制作起来十分快捷,基本上用不上什么技法 ,善用你的图层属性就可以达到效果,估计看完这篇教程后就会十分轻松的制作玻璃感小图标甚至大幅图片了。

  准备工具photoshop 5.0+(5.0以上版本的意思)
  备  注和以往我写的教程不同,这个技法在能够使用PHOTOSHOP 5.0+的机器上都可以运用,不必需要你的机器受到你的虐待。
教程使用软件为PHOTOSHOP7.0.1,该方法同样也可以应用在FIR EWORKS 或其他的设计软件中(但必须拥有图 层属性设置的软件),其实掌握方法后在FLASH中也可以实现这种小图标的制作,所谓活学活用,并不一定制作成为圆形了,其他形 状也可以用这种方式。教程拿圆形示例。

  第一步:

  1.建立一个新文件,尺寸自己定(多大没人会罚款);
  2.增加一个图层

第二步:

  1.利用区域工具按住SHIFT画出一个正圆形
  2.点选刚刚建立的新的图层,
  3.使用填充命令 编辑>填充 将圆形填充成为#0066cc色的(填别的色也可以)
  记住这一步所有部分都是在新建立的图层上完成的(不要在背景层上填充,否则你无法进行下面的过程)

第三步(十分之重要):
  1.双击你刚刚填充圆形的新建图层呼叫出图层样式对话框
有两种方法找到图层样式
菜单栏中〉图层〉图层样式
还有一个是图层工具面板里的按钮
  2.分别将 投影、内阴影、描边 进行钩选

第三步-------->

第一小节:
首先要设置你的投影属性,按图例设置

第二小节:
设置内阴影属性,设置内阴影部分是为了你的小图标更加具有通透感。

第三小节:
描边属性设置,描边是为了保证边缘反差效果的设置,可以根据实际需要不采用。

得到效果

第四步

  将刚刚制作完的图层样式添加到PHOTOSHOP样式表中,以便日后修改或制作用
再建立一个新的图层2并且增加与该圆形一样大小的选择区域(按住CTRL点刚刚设置样式的圆形图层)

第五步

  现在开始制作小图标的高光反射
  在新图层2并且拥有与建立的圆形相同大小的选择区域中拉出一个渐变,只采用黑白方式进行渐变(以便于日后修改),
取消选区(ctrl-D)

第六步

  擅用你的图层属性将得到你意想不到的效果,将刚刚制作的与圆形同样大小的黑白渐变图层的图层属性设置成为‘屏幕’
  现在你的高光反射层已经出来了,觉得和下载的不一样?还有最后一步呢。

最后一步

将刚刚设置成‘屏幕’的图层点中,按C RTL+T进 行变形设置。 调整到最后你 需要的样子就 可以了,就是这么简单,并不是很难吧.


当然制作这类小图标的颜色是十分重要的 ,技法仅是其 次,还需要自 己长期的培养 美术基础和色 彩感觉才能制作出自己和别人都满意 的作品。

最后成品就是这个样子的
  在屏幕属性的黑白渐变层和设置样式的圆形层之间增加你需要的小图片(叠加图层属性)就OK了

时间: 2024-11-08 17:17:03

漂亮的水晶图标制作方法的相关文章

Illustrator设计漂亮的日历图标制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计漂亮的日历图标的制作教程. 教程分享:   估计是翻译的国外教程,有些语言不准确,大家自我辨识,大概意思能懂就行. 在过去几周,我们已经收到一些电子邮件,从不同的用户在其中,他们要求我们,如果我们能够分享关于图标发展的几个技巧.本教程是我们的答复,这些用户和一个小的贡献,大家有兴趣图标发展. 在本教程中我们将会向您展示如何设置"娇媚"我们最流行 ​​的图标的日历 图标,在开始开发你的图标,您必须先有一个清晰的视野,你的图

photoshop临摹360写实图标制作方法

给各位photoshop软件的使用者们来详细的解析分享一下临摹360写实图标的制作方法. 方法分享:     好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的临摹360写实图标的制作方法解析分享的全部内容了,各位看到这里的使用者们现在是非常的清楚方法了吧,那么各位就快去按照小编的教程自己去尝试着临摹制作下吧.

photoshop快速设计一个IOS应用图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下快速设计一个IOS应用图标的制作教程. 教程分享: 开始前,请先准备一个iOS 应用图标模板,可以从iOS Icon Template或者App IconTemplate下载(我用的就是后者的素材). 我的电脑屏幕上只显示了 1024px 的大图标,我觉得用这个模板做参考就可以了. 你可以将应用图标模板进行裁剪,只保留 1024px 的图标,或者处理模板上的其余元素.   下面我们正式开始. 步骤 1:创建 iOS应用图标的基本形状 首先

photoshop制作漂亮的水晶彩带造型图标教程

  效果图为多层次的图标,有表面.背面及叠加面.制作的时候先画出整体轮廓,然后按照不同的面慢慢去细化即可. 最终效果 1.用钢笔工具勾勒轮廓,添加渐变效果. 2.增加厚度,添加渐变叠加效果. 方法:稍微错开第一步所绘制的轮廓,用钢笔重新勾勒一层,留下一些第一步绘制的轮廓边缘.添加渐变叠加效果. 3.用钢笔工具勾勒正面,切面亮光部分.反光部分,添加效果. 4.用钢笔工具勾勒高光部分,绘制投影,添加效果. 最终效果及绘制流程: 分类: PS入门教程 ps图标制作教程

Fireworks MX2004中一款图标的制作方法

打开FWMX2004安装完毕后所在的文件夹,我们会找到一个名称为Samples的文件夹,其中有很多MM公司给我们的一些PNG格式的图片文件,打开名称为Shapes的文件,呵呵,是不是有几个漂亮的图形呈现在我们面前了?分别选中这些图形对象,我们就可以轻松的发现这些漂亮图形的制作奥秘了,我们相关的水晶五星制作的教程想必大家已经看过了,应该说五星效果的制作比较简单,但是下面这款图标制作起来就不那么轻松了,为什这么讲,让我们先来"复习"一下很基础知识吧. 一.准备阶段: 如果你是一个FW的忠实

Fireworks MX2004中一款图标的制作方法(1)

打开FWMX2004安装完毕后所在的文件夹,我们会找到一个名称为Samples的文件夹,其中有很多MM公司给我们的一些PNG格式的图片文件,打开名称为Shapes的文件,呵呵,是不是有几个漂亮的图形呈现在我们面前了?分别选中这些图形对象,我们就可以轻松的发现这些漂亮图形的制作奥秘了,我们相关的水晶五星制作的教程想必大家已经看过了,应该说五星效果的制作比较简单,但是下面这款图标制作起来就不那么轻松了,为什这么讲,让我们先来"复习"一下很基础知识吧. 一.准备阶段: 如果你是一个FW的忠实

Illustrator利用蒙版和钢笔绘制漂亮水晶图标字样教程

给各位Illustrator软件的使用者们来详细的解析分享一下利用蒙版和钢笔绘制漂亮水晶图标字样的教程. 教程分享: 1.打开AI软件,新建一个40*40的文档(大小可自定,建议正方形)   2.开始进入制作阶段.首先选用圆角矩形工具,同时按住shift+alt键,画出一个圆角正方形,半径选择5.然后选择径向渐变工具,将径向渐变工具移动至圆解方形的下方,稍微调整至椭圆,效果如下图所示.命名:圆角方形   3.复制两个圆角正方形,拖动出一个放在一边(稍后马上用到),将剩余两个方形进行调整为左图中所

ps制作MSN水晶图标

教程介绍水晶图标的简单制作方法.教程中渐变色用得较多,用来制作图标的主体色调.然后再逐个的加上高光和暗调即可. 最终效果 1.新建一个500 * 500 像素的文件,背景填充白色,新建一个图层,用钢笔工具先勾出蝴蝶的半边翅膀,如图1. 图1  2.按Ctrl + Enter把路径转为选区,然后选择渐变工具颜色设置如图2,拉出图3所示的径向渐变,效果如图4. 图2 图3

Android制作漂亮自适布局键盘的方法_Android

最近做了个自定义键盘,但面对不同分辨率的机型其中数字键盘不能根据界面大小自已铺满,但又不能每种机型都做一套吧,所以要做成自适应,那这里主讲思路. 这里最上面的titlebar高度固定,下面输入的金额高度也固定(当然也可以自适应),主要是中间的数字键盘,高度和宽度需要自适应.先来张效果图: 最常见的解决方案是用线性布局,自适应当然是按比例,但布局中无%的概念,那就要用到layout_weight了,该属性的作用是决定控件在其父布局中的显示权重(具体概念就不多说了). 这里用一个LinearLayo