PSP主题图标制作教程

PSP主题图标制作教程！(FW版)(转)0

前面我已经介绍了如何用Custom Theme Converter来制作PSP主题，那么一个精美的主题

不能缺少精美的图标，在这里我继续介

绍如何用Fireworks来制作精美的PSP图标。

PS：此教程并非原创，只为造福大众。

下面就是制作图标的教程。

雷达图标教程

超详细Photoshop图标制作教程-雷达图标 时间:2011-01-16 12:19 来源:站酷作者:修炎真吾点击:1706次 关键词：photoshop.图标制作教程 大体看了下，这篇photoshop图标制作教程，写的非常详细，怎么操作都展示的一清二楚，希望大家好好学习一下。 在本教程中，我们将展示一种苹果水晶风格的雷达图标制作方法。最终效果如下：（原教程中有一些步骤含糊不清，并且和最后的源文件不一致，翻译时我做了适当的调整） 第1步： 在Photoshop中新建一个大小为 1024×1024 的空白文档。添加一个纹理背景（原作者使用了一个之前教程中制作的类布纹纹理），只要贴合整体风格即可。 第2步：

使用椭圆形选择工具在画布正中央拖出一个大小为 500×500 左右的圆。然后填充为黑色。命名为circle。 第3步： 为了创建图标的边框，我们复制刚刚填充的圆，然后缩小到合适的尺寸形成一个内圆，命名为inner circle。 然后，在图层面板上，右键点击inner circle的缩略图，在弹出菜单上选择选择像素从而建立一个马上要用到的选区。 第4步： 隐藏这个图层后，点击circle图层激活，接着执行图层> 图层蒙版> 隐藏选区。这样就以蒙版的形式得到了一个圆环，也就是我们要做的图标的边框。

第5步： 通过调整circle图层的图层样式得到金属质感的边框。样式中要运用到投影、内阴影、斜面和浮雕、颜色叠加。具体设置如下图： a：设置一个柔和的投影

b：设置内阴影，注意等高线的调整。

c：调整斜面和浮雕，通过它达到立体的金属效果，其中阴影设置下的角度、高度和光泽等高线是关键。

LOGO设计教程大全

LOGO设计基础教程大全 众所周知，当前LOGO设计为一个比较热门的行业，而不少网友可能都想学习一 下LOGO设计的技能，为自己上网兼职赚钱而开创新的门路，下面介绍一下中国 最大的威客网——猪八戒网中一个比较有名气的设计师的传授课程，希望能给 各位朋友一些帮助。 一、LOGO的定义 简单的说，LOGO就是标志、徽标的意思。标志在企业形象传递过程中，是应用 最广泛、出现频率最高，同时也是最关键的元素。 二、好的标志设计应该具备哪些条件？ 如何评价一个标志（logo）的好坏，我想，可以从下面六项进行评判。 1、好看。 标志首先是拿来给人看的，如果不好看，其它方面做得再好也白搭。就像一部青春偶像剧，如果没有帅哥美女，再好的剧本、再牛的导演也没用，更不用说服装、道具如何如何了。所以说，一个好的标志，首先是要好看，这个标准应该是以目标受众（消费者、资迅接受者）的平均审美而论的。你比如一个化肥产品的标志（可能是大红大绿，色彩对比较为强烈的那种）城市里的白领不一定会认为好看，但只要农民朋友觉得好看，那就是一个好的标志。正所谓青菜萝卜各有所爱，好看的标准各有不同，关键是看品牌所对应的目标受众们的感受，他们认为好看就好看，不好看就不好看。只不过你可以适当地把这种审美标准提高一些，美名其曰：提高审美情趣，但这样做的前提是要充分考虑受众的接受能力。 2、独特。 标志，也有人称为“标识”，就是表明了其最主要的功能——识别性。人类最

早的标志应该是原始社会时期，各个部落之间的“图腾”。像中华民族的标志“龙”，就是由之前的各个部落的“图腾”组合而成的，直至今天，人们一看到“龙”，就会联想到中国，就是因为它跟其它民族的象征物很不一样，这种独特性就是标志一个 最主要的特性。如果一个标志让人觉得跟其它标志相似，就会失去“识别”的功能，那即便它再好看，也不能算是一个好的标志，因为失去可识别的独特性，也就失去了标志的基本意义。 3、简洁。 标志的简洁，目的是让人们容易记忆，以及运用起来方便。像经典的耐克小勾和阿迪达斯的三条线，这种极度简洁的标志不仅是让不同种族不同年龄的人们很快就能记住，而且在很远的地方也能够识别。标志简洁所带来的好处是很多的，但是，由于标志越来越多，人们为了让自己的标志最大限度地区别于别的标志，增强其独特性，所以有些标志就做得比较复杂。另外，标志的复杂风潮还受到“后现代主义”的影响。所谓的“后现代主义”是相对于“现代主义”而言的，“现代主义”讲求的是简洁，而“后现代主义”者们说：简洁就是单调、就是乏味，所以，“后现代主义”进求的是相对的复杂和繁琐。 4、有意义。 有意义，就是一个标志要具有一定的含义和说法。如果说上面所讲的都是标志的壳（外形），那意义就是标志的魂（内在）。没有灵魂的东西是缺乏生气的，同样，没有意义的标志也是形同枯木，做得再好看，也只是一个美丽的花瓶而已。但是，以我的经验来看，要赋予一个标志意义，其实是一件很容易的事。因为大凡每种形态都可以说出一些含义来，你只需要充分发挥想象力，就可以“赋予”标志多重含意。比如一个类圆形的标志，你可以用上圆满、团结、包容、追求完美、一体化、全球化等等一系列你所能想得到的跟圆这一形态关联的所有美好词语；而如果是一

使用Photoshop制作漂亮的图标流程解析

使用Photoshop制作漂亮的图标流程解析 导言： 看到效果图，蛮以为一个小图标应该很容易就能搞定 没想到需要这么多步骤。细节，细节，还是细节！切记！ OK，开始我们这次的教程 先上效果图：

老规矩，看到效果图：分析!分析！再分析！我们将怎么完成这个图标的制作呢？ 经观察得： 一：背景制作（灰白色，加一条高光线） 这步应该比较简单。 二：图标的雏形（关键地方，颜色的搭配漂亮，因为给你第一感觉就是色彩。高光，浮雕，影子等细节的制作，看上去很立体就是这些因素造成的啦！） 三：邮件图标的添加（这个跟第二步类似） 四：文字的添加（关键点，文字排版，图层样式的设置。） 这都是我自己主观的分析。嘿嘿，仅供参考 我觉得最关键的就是：色彩的搭配了，图标影调的分布！ 准备素材： 字体下载 第一步： 新建一个文档200×200px 背景色：白 分辨率：72dpi 现在给按钮做辅助线，Ctrl+R显示辅助线 在尺寸区域里面按住鼠标左键，把拽辅助线拉下来。（图01） 图01 按快捷键：Ctrl+Alt+C，打开调整画布大小的窗口。 设置如下：（图02）

图02 （画布扩大区域颜色的选则，窗口最下面的那个选项） 下面是效果图：（图03） 第二步： 制作背景 作者使用的是灰白色的渐变：#f2f2f2—#c5c5c5。（图04）

图04 注意这步小技巧： 作者在背景上新建一层空白图层 命名为“backlight”，使用小笔刷在背景中间和顶部分别画一个小光圈。（图05） 图05 调整这层大小：（图06）

图06 这步干嘛用的呢？ OK,我们的背景搞定！ 第三步： 新建一层 按U，选择圆角矩形工具，羽化值：10。（图07） 图07 重命名为“button bg” 关键部分：图层样式的设置 投影：（图08）

《蓝光文件夹图标制作教程》图文全解【附软件下载地址及教程】

《蓝光文件夹图标制作教程》图文全解【附软件下载地址及教程】 一、如何破解安装软件？ 所提供的软件为: Imandix Cover破解版，内含“Imandix Cover.rar”与“Imandix Cover 辅助程序.rar”，以及一张“Vorlage_01000_CD.jpg”图片。 安装步骤： 1. 分别将两个压缩包解压到D盘中； 2. 安装“D:\Imandix Cover辅助程序\I mandix Cover Professional 0.9.1.2”下的Setup.exe文件，选择安装路径为“D:\Program Files”，点击“Install now”即可安装（如图）；

3. 这个时候软件只是完成了初步安装，制作出来的图标没有蓝光标志，而且有水印，所以接下来让我们开始用简单的办法破解它，请看第4、5步； 4. 将“D:\Imandix Cover辅助程序\CRACK”路径下的“CoverPro.exe”（2.25M）复制并替换到安装目录“D:\Program Files”下的同名程序“CoverPro.exe”（3.89M）（如图）；

5.将“Vorlage_01000_CD.jpg”复制并替换到“D:\Imandix Cover\Graphics\VProduct”路径下，这时候大功告成，软件可以正常使用了。 二、在哪里找蓝光封面素材？ 在这里推荐几个国外网址： https://www.sodocs.net/doc/eb1089177.html,/ https://www.sodocs.net/doc/eb1089177.html,/ https://www.sodocs.net/doc/eb1089177.html,/ https://www.sodocs.net/doc/eb1089177.html,/ https://www.sodocs.net/doc/eb1089177.html,/ https://www.sodocs.net/doc/eb1089177.html,/ 注意：热门电影会有多个版本封面，R1、R2、R3、R6、R0都可能有，欧美片推荐R1（北美），华语片推荐R3或R6（港澳台及大陆，封面有中文），不推荐R4区，因为封面上的标签太大。 R1区：美国、加拿大； R2区：日本、欧洲、埃及、南非、中东； R3区：中国台湾、中国香港特别行政区、南韩、东南亚； R4区：澳洲、新西兰、中南美洲、南太平洋岛屿； R5区：俄罗斯、蒙古、印度、中亚、东欧、北韩、北非、西北亚一带等； R6区：中国（除台、港地区）

PS教程：6个矢量图标绘制设计实用技巧

PS教程:6个矢量图标绘制设计实用技巧 介绍6个图标绘制招数，简单易懂，但功效卓著。久习可得奇效，达到任何矢量图形都易如反掌，无论各种横的，竖的，奇形怪状的图形都信手拈来。(以下界面演示以Photoshop CC为演示工具) 第一形状图层 PS是一个像素处理软件，可以做到和AI一样绘制各种复杂的矢量图形。有读者会问为什么不用AI，而要学习PS绘制路径，因为PS才是适合UI 设计的工具软件，且各种图形PS可以做到像素对齐，AI绘制的路径导入PS还是要二次调节。所以下面教你如何通过形状图层来绘制矢量图标。 ① 前景色选择黑色，前景选择的颜色就是绘制出形状图层的颜色 ② 工具模式选择路径，一定要选择路径，而不是形状，因为直接生成的形状黑乎乎一大片，非常不利于二次编辑路径。

③ 形状属性面板中可以设置圆角。 这是Photoshop CC版本中一个非常棒的功能。尤其是对UI设计师而言。形状属性位于属性面板中，我们可以自由设置各种参数。 例如：图形尺寸、填充颜色、描边颜色、描边宽度、描边样式(包括虚线、对齐方式、线段端点和合并类型)、圆角半径选项(对椭圆形不可用)

一个矢量的圆角矩形就画好了。 第二、自定义形状工具 PS里内置了非常多的形状，很多基础图形不需要自己绘制，直接在使用相应的图形即可。

首先新建一个图层，然后使用多边形工具，选择3边 然后用形状图层工具绘制一个三角形

如图： 第三、布尔运算 一些复杂的图形，都是靠各种图形相加相减得到的。所以我们需要灵活运用布尔运算工具，来达到组合最终图形的目的。 按住Ctrl同时选中图层形状1、形状2

MIUI主题制作总教程

一、MIUI主题定义 首先，我们手机的UI是由很多部分组成的，如锁屏、通知栏、桌面壁纸、图标等等。如果我们把手机比喻成一个房子，上述的部分可想象成房子的门、窗、地板、吊灯、座椅等。那我们可以认为原生的android系统就是一个毛坯房，MIUI是在这之上的一个简装，自定义主题就是你自己给房子做的装修。 MIUI提供主题自定义功能，其实就相当于帮你请了一个工程队，你可以用从众多装修方案（主题包）中选择自己喜欢的效果，最后交给工程队实施。而装修方案可大可小，大至全屋翻新，小到只换一盏灯。目前MIUI会自带两个主题包，达人们也可以设计自己的主题包，大家就可以借用达人们共享出来的设计。（引用foxtail，很经典的说明） 二、MIUI主题模板内文件说明 首先，咱们要需要一个模板来对应说明，下载模板：主题模板.mtz(3.14 MB, 下载次数: 15124)你会发现它并不是我们熟悉的后缀，而是一个MTZ后缀的文件（关于MTZ 相关解释请参见：https://www.sodocs.net/doc/eb1089177.html,/forum-viewthread-tid-31687-highlight-mtz.html），不用急咱们把它重命名为XX.zip即：将原来的.mtz后缀改为.zip，然后解压即可显现原型如下图：

具备以上几个文件就可以做一个简单的MIUI主题了，下面我们对以上目录做一个中文说明: description.xml（主题配置文件包括：主题作者、版本号信息） icons （桌面图标，所有被改动的桌面图标都会放在这个文件夹内） lockscreen （锁屏样式） preview （应用主题时预览图） wallpaper（存放锁屏、桌面壁纸） https://www.sodocs.net/doc/eb1089177.html,uncher（启动器） 本图中并未标出的项目请参见： https://www.sodocs.net/doc/eb1089177.html,/themeguider.html 注：如果您在在线主题内下载主题，重命名为.zip解压后您会发现很多目录都成了无法识别的文件？例如文件夹icons变成了icons文件无法打开，简单处理方法：重命名为XX.zip 解压后就能看到里面文件了。 三、MIUI主题包具体制作说明

app制作教程

笔记信息 用Photoshop绘制音乐播放器界面 第一步：制作界面上用到的icon （1）点击菜单“文件> 新建”或者快捷键“CTRL+N”，在“新建”对话窗口中，大小设为200×200，分辨率设为72，如图所示。 （2）鼠标左键点击“菜单>首选项>参考线、网格与切片”，设置网格线间隔为25像素，使网格为4，如图所示。鼠标左键点击“视图>显示>网格"，使网格处于勾选状态。 （3）鼠标左键在工具箱上点击“椭圆工具”，在画布上画一个圆，结果如图所示。（4）再用矩形工具画出钟面上一长一短两个指针，然后将圆所在图层和矩形所在图层分别合并（CTRL+E），并减去顶层形状，具体方法参考“Photoshop矢量图形工具”这一章，然后用颜色“#b3b3b3”填充该图层，最后结果如图所示。 （5）继续通过矢量形状相减的方法制作电池图标，如图所示。 （6）通过矩形工具和图层合并，制作信号强度图标，如图所示。 （7）用矢量图形工具，制作如图所示的图标，制作的过程中会用到“图层合并”、“减去顶层形状”、“合并形状组件”、“变换路径>水平翻转”，“变换路径>垂直翻转”等方法。 第二步：制作界面

（1）点击菜单“文件> 新建”或者快捷键“CTRL+N”，在“新建”对话窗口中，选择“移动设备”，大小设置为320×480，分辨率自动设置为72，设置如图所示。 （2）为新建的画布设置“中间略亮、周边略暗”的背景，前面已经用过多种方法来实现这一目的，现在采用一个新的方法。新建一个图层，然后用工具箱中的矩形工具，画一个550×650像素的矩形。然后在工具选项栏上选择渐变填充，渐变类型为“径向”，色标的设置如图所示。 （3）鼠标左键点击工具箱上的“路径选择工具”，在工具选项栏上，先勾选“对齐到画布”，然后选择“水平居中”和“垂直居中”，这样绘制的矩形就和画布对齐了，如图所示。（4）先将前景色设置为“#1b1b1b”，鼠标左键点击工具箱上的“矩形工具”，在画布的顶端，绘制一个320×22像素的矩形，作为状态栏，如图所示。 （5）现在要将前面第一步制作的各种图标拷贝到当前文件当中，两个PSD文件之间拷贝 图层的步骤：在图层面板中，鼠标右键单击图标所在的图层，在弹出的菜单栏中选择“复制图层”，这时会打开复制图层对话窗口，在窗口中选择目标文档为当前文档，然后鼠标左键点击“确定”，当前PSD文档中的图层就会复制到目标文档中，如图所示。 （6）通过自由变换，将这些图标调整到合适大小，并且放到适当的位置上，结果如图所示。然后将这些图层放到一个图层组中。 （7）用工具箱中的圆角矩形工具画一个320×43像素的圆角矩形作为“状态栏”，在属性面板中将圆角设置为3像素。在工具选项栏上，对圆角矩形做渐变填充，设置如图所示。

Windows10白色图标制作教程

【授人以渔】Windows10白色图标制作教程 Windows10的系统图标也跟随超流，变成了扁平化风格，然而各种软件的图标依旧老样子，桌面影响观感。Windows10原生应用的图标统一设计成为白色纯色图标。 像我这种喜欢把常用软件固定在任务栏的人来说，再也不能忍受混乱的任务栏了。 如何把别的软件图标也变成跟原生应用风格一样的图标呢？ 一、软件准备 ●IcoFX：提取图标、生成图标。当然它也可以编辑，和PS类似，但我还是推荐用PS. ●Photoshop：修改编辑图标。 二、制作步骤 1、提取图标 打开IcoFX，直接在桌面上选择快捷方式，这里以Steam为例。 2、另存为图片 这里的图片格式推荐保存为PNG格式

3、处理图片 1）用PS打开刚才保存的图片，选择要制作的区域，具体步骤看图。 2）新建一个透明的文件，然后ctrl+V 背景一定要是透明的，图片大小，256x256足够。 3）处理

有时复制过来的图层可能锯齿比较严重，上完色后可以进行羽化处理，具体方法自行百度。 同时这里建议对图层进行黑色描边处理，当桌面壁纸比较亮时，白色图标会很难看见，描边可以改善一点，要先描边再羽化。如何描边，自行百度，很简单。 直接给图标上色会让边缘的杂色也染上白色，使得图标变得看起来比以前稍胖一点。在实际使用中，图标变小后会丢失细节，这里介绍个技巧：在1）中选完之后对选中部分用黑色描边，宽度2像素，位置内侧。描完边后再重新选择即可。 4）另存为PNG格式，这样图片格式的新图标就做好了 4、把图片格式的新图标丢进IcoFX里，把文件保存到你放图标的地方 5、修改快捷方式的图标 只有快捷方式才能修改图标，方法很简单，我就不说了。edge是应用，无法修改。开始界面的快捷方式也能修改，在图标上右键，选择最后一个，修改那个快捷方式的图标开始菜单里的图标就会变了。 楼主也只是会一点PS的基本操作而以，有什么不对的只当是贻笑大方。

UI图标制作方法

看效果图先： 分享总结：这篇教程难度一般，适合初学者，使用较多的是图层样式，首先使用图层样式制作出球体形状，然后使用渐变绘制出光感，最后还是使用图层样式来完善整个作品，希望大家喜欢这篇教程吧! 具体的制作步骤如下： 01 新建文件，设置宽度为850像素，高度为500像素，单击确定按钮，如图1-1所示。 图1-1 02 在图层面板中，单击新建图层按钮，创建新图层，命名为背景，如图1-2所示。

图1-2 03 设置前景颜色为黑色，背景颜色为灰色，选择渐变工具，在背景图层上拉出渐变，如图1-3所示。 图1-3 04 新建一个图层，选择选区椭圆工具，在图层1上绘制一个正圆，设置前景颜色为蓝色，按键盘上的Alt + Delete键填充颜色，如图1-4所示。

图1-4 05 单击图层窗口下的按钮，添加投影特效，设置不透明度为30，角度为90，距离为20，大小为50，如图1-5所示。 1-5

06 勾选特效窗口中的内发光选项，设置混合模式为正片叠底，不透明度为80，颜色为深蓝色，阻塞为10，大小为20，如图1-6所示。 图1-6 07勾选特效窗口中的渐变叠加选项，设置不透明度为20，如图1-7所示。

图1-7 08 得到的效果如图1-8所示。 图1-8 教程未完，请看下一页！09 新建一个图层，使用选区工具选取一个如下的椭圆形，如图1-9所示。

图1-9 10 更改前景色为白色，选择渐变工具，选择线性渐变并更改渐变方式为由白色到透明，拉伸出如下效果，上白下虚，如图1-10所示。 图1-10 11 更改前景色为黑色，选择画笔工具，设置大小为200，硬度为0，如图1-11所示。

制作透明图标简单教程

如何把图标做的透明 其实真不想写这篇文章，因为好多人都会，但今天小殇心情特好，嘎嘎嘎，有原因的撒~~所以简单的写写吧…… 在oppo手机的主题编辑器中，我们会遇到这种情况，就是你在主菜单导入了一个背景，却发现背景只能显露出上面的一条来，而底下的图标的位置全部没有显露出来，就像下图这样： 出现这种情况是因为主题编辑器的主题模版里的图标是不透明的原因，oppo主题编辑器已经做得相当好了，这充其量只是一个小小的瑕疵，当然，既然我们可以自己动手制作主题了，那么为什么我们不把图标也换成自己喜欢的样子呢？？ 小殇写本文的目的就是教那些不太懂得童鞋们制作透明的图标，小殇没有系统的学过Photoshop，仅仅是平时自己随便瞎搞了一下，可能这里的方法不入各位高手的法眼，你们就当是娱乐吧……

小殇在这里以Photoshop CS4与oppo A113/A105主题编辑器为例简述如何制作透明图标。 一．不能不说的一些事 我们都知道主题的图标是可以自定义的，就像下图： 我们也已经明白出现文章开始的那种情况是因为图标不透明的原因，所以当我们导入图标时要导入透明的图标，一般来说，透明的图标大部分是png格式的。要注意的是一般我们常见的jpg格式的图片是不支持透明的。 我们如何区别图片是否透明呢？一般我们可以用PS打开，如果看到图标的周围是一格一格的（如下图），那么就是透明的。

如果是一片白（如下图），那么就不是透明的。 所以我们在导入图片的时候要注意这一点。但还要注意一点的是哪怕我们准备好的图片是透明的，如果图片尺寸不是80×60，那么在导入时就会弹出如下对话框，这样一来，即使是透明的图标也会变得不透明了。

IconWorkshop使用技巧新手篇教程

IconWorkshop使用技巧新手篇教程 IconWorkshop是一款专业的功能强大的图标制作工具，Axialis IconWorkshop的简称。基于行业标准为Windows，MacOS和工具栏等创建，编辑，转换图标的软件。允许高效率地工作，并在几分钟内创建专业的图标。拥有强大的编辑器，能够创建毫无质量损失的各种图像格式的图标。下面，由我来为大家详细介绍一下这款软件的一些使用技巧。 一、制作Windows Vista图标 1.创建一个256x256像素的图像，Axialis IconWorkshop兼容的文件格式有：BMP，PNG，PSD，JP2000。也可以结合Adobe Photoshop插件创建一个图标，或是通过组合多个图像对象。在这个教程中，我们将使用图像down.png。可以点击下载，也可以在管理器重查找：对象/Pack2。如果对象包不存在，可以在IconWorkshop中文网站下载。 2.启动IconWorkshop，打开图像文件。 3.选择整个图像。选择编辑/选择全部或按Ctrl + A组合键。现在已经选择矩形周围绘制的图像。选择文件/创建Windows 图标或按Ctrl+Shift+Y，打开创建从图像新建windows图标对话框，允许创建所有图标格式：

4.点击选择图像格式。要创建一个Windows Vista的图标，不要忘了添加256×256的Windows Vista格式的RGB / A 、256色以及16色模式。要创建一个完全兼容Windows Vista的图标，需要选中Windows Vista的PNG压缩256x256格式。以及添加平滑/锐化滤镜效果所产生的图像中的RGB / A模式。单击确定，完成Windows Vista图标制作。 5.所有可用的格式被显示在左侧列表中。可以选择它们来编辑或预览，添加/删除图标项目等。 6.只有256x256的格式可以压缩，可以通过选择“绘图/PNG压缩图像格式（Windows Vista）或者按K键来添加/删除选项。或是使用本地工具栏或右键菜单中选择。完成后保存的图标。选择编辑/保存或按Ctrl + S 组合键。 IconWorkshop使用技巧新手篇(二)(2) 二、在软件项目中使用Windows Vista压缩图标 使用Visual C + + 6.0和.NET 2003/2005的一个项目创建一个256x256的PNG图标 创建一个256x256的所有格式图标，以无压缩的256x256的格式保存你的图标。如果图标已经包含PNG压缩，请遵循以下步骤： 1.打开包含在IconWorkshop压缩格式的PNG图标的图标文件。 2.在文档窗口的左侧，用户会看到所有可用的格式。找到256x256的被压缩的格式：一个小的覆盖图标表示压缩显示（）。针对其中的每一个图标，请执行以下步骤： 3.右键单击格式，选择PNG压缩图像格式（Windows Vista，删除压缩）。 4.保存图标，重做256x256的图标的项目的相同的程序。 该图标保存不压缩的情况下，像往常一样进行工作。只要不是PNG图标，图像编译器会准确处理图标。当项目完成和发布的程序文件之前，请遵循以下步骤： (1)打开EXE文件，其中包含在IconWorkshop中未压缩的图标。

UI设计基础教程

图标设计基础教程 UI最重要组建之一就是图标，随着扁平化设计的发展趋势，越来越注重图标的简洁与寓意表达，平面图标已占主导地位。` 【一】概念类别 扁平化图标大部分无非就是剪影表现，而这里为什么重点是讲图标的形状设计，而非色彩，因为一切先有形才考虑下一步。形不好再怎么营造整体风格都白费力，好比建筑造型与装修的关系，而色彩等营造的风格都可另起文章分析。图标造型表现上无非就是典型的2种：面与线。运用这两种基础元素去造型也可以进行多种组合不同的表现。组合造型一般有单体造型、多个元素组合造型，线与面之间的独立与结合的变化。 l 简化的微写实图标 这类通常是彩色一体表现，造型和组合上较写实，不是纯剪影，是写实过渡来的简化，又接近剪影，扁平简化设计，这里主要是利用面和颜色来进行造型的设计。质感风格上也有6种（已有人分析），大概是纯平面、折叠、轻质感、折纸风、长投影、微立体。这种相对剪影的好画很多，也更加容易塑造风格，更多是在色彩上有得发挥和考究，用在界面里也是最为突出的。最近还非常流行用色块来进行二维、三维的装饰表达，叫所谓的“低面建模”。 上面提到的元素组合，比如下图这个图标目前是2个元素--信封加 信纸，如果还要再加什么功能状态示意，最多在右上角加个很小的 消息提醒。因为元素越多越复杂，所表达的含义也就越多，同时也 会影响造型的调动。不管多少个元素总有一个最重要的对象，其他 为辅助图形，在塑形大小复杂度上有区别。 l 剪影的正负形图标（面、线） 这类通常是单色表现，当然也有综合彩色的。其更加简洁抽象，言简意赅，高度提炼精华，讲究表象意境，具有理解的门槛。所以这才是最难设计的一关。非常考究设计的理性与感性之间在功能传达上的逻辑思维。也是UI界所谓现代极简主义的代表，注意，没把握好就会变得很“空虚”，把握好了就是时尚的feel啦~ 负形图标：以线绘制的图形，高度的轮廓概括，就跟画骨骼一样的要求精准到位，也叫线形图标。负形剪影是所有图标中最讲究也最难表达型的一种风格，如果画不好就很容易俗气和简陋。

AI CS5制作质感图标教程

AI CS5制作质感图标教程 网上也有不少跟图标设计有关的教程，但有些初学者看了笔者的图标后(笔者何尝又不是一个初学者呢)，希望笔者能写一下相关的教程。应网友的要求，笔者就写了以下教程。本教程以最近的图标的练习(下图)中的一个图标作为例子给大家讲述一下图标制作的过程，教程中所应用到的软件是Adobe Illustrator CS。(图00) 图00 教程 1、打开Adobe Illustrator CS，新建一个文档，然后选取工具栏上的[圆角矩形工具] A，单击画板上任意位置，在弹出的窗口中设定圆角矩形的属性B，面板上将会出现图形C。(图01)

图012、然后选取工具栏上的[选择工具] A，单击选择图形C，接着我们用渐变色给这个图形上色，让它带有金属质感，用Gradient面板B，这里采用的是从上至下的线形(Linear)渐变，并在工具栏上设置图形的描边为白色D，在St roke面板E 设置描边大小为1pt，最后效果如图形C。(图02) 图023、按照上面的两个方法新制作一个图形A，同样采用的是从上至下的线形(Linear)渐变，并设置图形的描边为白色1pt，在色彩方面同样让它带有金属质感。(图03)

4、接着选择图形A，单击鼠标右键，执行[Transform - Scale]功能B，在弹出的窗口中设定为Uniform，Scale:98% C，然后单击[Copy]按钮，复制一个新的图形作为图标的高光部分。(图04) 图045、 复制得到的图形A，同样设置其色彩是从上至下的线形(Linear)渐变，然后选取[选择工具]，全选所有的图形B，执行Align面板的[水平居中对齐]和[垂直居中对齐]功能C，对齐所有的图形。(图05)

主题制作教程

主题制作教程 目前主题大赛设计阶段已经结束，涌现出了很多优秀的设计作品，很多花粉在问，这些主题什么时候才能下载呢？别急，从一个主题设计稿转变为可以在手机上使用的主题，还有很多的工作需要做，希望各位能够参与其中，尽快的把这些优秀的主题开发出来和大家见面哦。那么现在我们就来说说怎么入手做这件事情吧。 一、前期准备 1.准备好主题设计稿，需要是PSD或者AI分层源文件，因为制作时需要将设计稿按规 范尺寸进行切图，分成一张张小的图片用于主题包中。 2.下载华为Emotion UI手机主题制作工具，有了这个主题工具，制作主题就不再是一 件很难的事情啦。目前主题工具正在根据大家的反馈不断优化，会越来越好用的哦。 主题工具下载地址：https://www.sodocs.net/doc/eb1089177.html,/c035hci8qe 主题工具的使用教程请见： https://www.sodocs.net/doc/eb1089177.html,/forum.php?mod=viewthread&tid=28015&extra=page%3D1 &page=1 主题工具包含在Hi suite中，下载安装后在侧边栏就可以看到主题工具了。 3.目前主题设计大赛优先开发的设计尺寸为xhdpi（720x1280px），目前华为只有D1 手机支持此分辨率。如果你手头上正好有华为D1手机，那么就再好不过了，可以拿来测试你的主题包。（后续会推出hdpi（540x960px）分辨率的主题制作，可以支持P1手机。）如果没有华为D1手机，主题包打好后可以发给华为Emotion UI 编外团

队代为测试，后续会公布测试地址（这里是否先公布下发布测试地址？请俞丰安排） 二、Emotion UI 主题包简介 主题包是一个用zip打包的压缩包，命名时用hwt作为后缀，里面包含了该主题的描述、预览图以及各种图片资源，并按一定的目录结构进行组织。主题工具中已经包含一个主题包模版,可以通过点击主题工具左上方的保存按钮将主题包模版存出来查看。 有些文件夹里有一个res的文件夹，这个就是主题的图片资源存放路径，你可以对照这些切图将自己主题中相应的资源用photoshop软件存出来。如果有些图片不清楚是用在哪里的，请查看“主题包资源图片清单.xlsx”文档。替换优先级高的图片资源是对主题风格有比较大的影响的，建议你替换以保证主题的效果哦。另外，替换的时候要注意的是一定要保证图片名称保持一致，如果有改动，软件是无法读取的哦。 三、制作简单主题包 请先打开主题工具，对照侧边栏中的界面名称，按下面步骤一步一步来吧，主题看似复杂，实际上只需要在主题工具中将对应的切图资源一一换掉就可以了哦。

超人标志图标PS设计教程

https://www.sodocs.net/doc/eb1089177.html, 超人标志图标PS设计教程 经验版权：rainxieyu翻译 超人之钢铁之躯上映，特效很棒。我记得起初看超人电影时还是小孩子,让我想起很多美好的回忆。所以在本教程中我们将使用Illustrator和Photoshop制作超人标志。整个制作过程一般需要3- 5小时,话不多说了，让我们开始吧。 Step1 我们先在Illustrator画出基本形，用钢笔工具（P）开始创建标志外框。 Step2 使用钢笔工具（P）开始创建S标志(可以参考真正的标志)。 Step3 如果你细心观察会发现标志的中心有几条细钢丝，使用钢笔工具大概绘制出来。这里不必太细致，因为我们后期还需Photoshop做调整。 Step4 效果>3D>凸出和斜角。自定旋转：-4o、0o、0o、120o。改变凸出厚度35pt。具体设置可参考下图：

Step5 对象>扩展外观。分解图形，然后改变颜色为灰色。窗口>路径查找器。合并形状。 Step6 现在我们到Photoshop中创建一个新的文档。我使用2880px*1800px。背景使用白至黑径向渐变。 Step7 复制对象粘贴(智能对象)到Photoshop中。请把基本形分为一层，3D凸出部分为一层，在加上黄色部分的细节。 Step 8 选择黄色图层>图层样式。选择斜面浮雕，具体设置可参考下图。

Step 9 选择内发光，具体设置可参考下图。 Step10 最后我们还可以设置阴影，具体设置可参考下图。 Step 11 下图为图层样式的效果。

Step 12 选择现在效果为白边图层>图层蒙版，在用黑色柔软画笔（B )隐藏部分细节(下图1、2、3区域)。 )隐藏部分细节(下图1、2、3区域)。 Step13 现在可使用钢笔工具(P)勾出黑色部分，然后图层蒙版，在用黑色柔软画笔(B)隐藏部分细节。 Step14 在红色标志图层上新建一层，使用黑色柔软画笔(B)增强标志明暗对比。ctrl+G图层编成组(按ctrl+点击红色标志缩览图)加上图层蒙版，只显示标志部分。 Step 15

APP制作教程

无标题笔记 笔记信息 用Photoshop绘制音乐播放器界面 第一步：制作界面上用到的icon （1）点击菜单“文件> 新建”或者快捷键“CTRL+N”，在“新建”对话窗口中，大小设为200×200，分辨率设为72，如图所示。

（2）鼠标左键点击“菜单>首选项>参考线、网格与切片”，设置网格 线间隔为25像素，使网格为4，如图所示。鼠标左键点击“视图>显示> 网格"，使网格处于勾选状态。 （3）鼠标左键在工具箱上点击“椭圆工具”，在画布上画一个圆，结果如图所示。 （4）再用矩形工具画出钟面上一长一短两个指针，然后将圆所在图层和矩形所 在图层分别合并（CTRL+E），并减去顶层形状，具体方法参考“Photoshop矢量图形工具”这一章，然后用颜色“#b3b3b3”填充该图层，最后结果如图所示。

（5）继续通过矢量形状相减的方法制作电池图标，如图所示。 （6）通过矩形工具和图层合并，制作信号强度图标，如图所示。 （7）用矢量图形工具，制作如图所示的图标，制作的过程中会用到“图层合并”、“减去顶层形状”、“合并形状组件”、“变换路径>水平翻转”，“变换路径>垂直翻转”等方法。

第二步：制作界面 （1）点击菜单“文件> 新建”或者快捷键“CTRL+N”，在“新建”对话窗口中，选择“移动设备”，大小设置为320×480，分辨率自动设置为72，设置如图所示。 （2）为新建的画布设置“中间略亮、周边略暗”的背景，前面已经用过多种方法来实现这一目的，现在采用一个新的方法。新建一个图层，然后用工具箱中的

矩形工具，画一个550×650像素的矩形。然后在工具选项栏上选择渐变填充，渐变类型为“径向”，色标的设置如图所示。 （3）鼠标左键点击工具箱上的“路径选择工具”，在工具选项栏上，先勾选“对齐到画布”，然后选择“水平居中”和“垂直居中”，这样绘制的矩形就和画布对齐了，如图所示。 （4）先将前景色设置为“#1b1b1b”，鼠标左键点击工具箱上的“矩形工具”， 在画布的顶端，绘制一个320×22像素的矩形，作为状态栏，如图所示。