精华内容
下载资源
问答
  • 图标制作

    2018-06-25 09:22:53
    图标制作网站流程 IcoMoon App => Import Icons(导入.svg文件)/选择免费的 => Generate Font => Get Code => Html+Css https://icomoon.io/ svg文件教程 ...

    图标制作网站流程
    IcoMoon App => Import Icons(导入.svg文件)/选择免费的 => Generate Font => Get Code => Html+Css
    https://icomoon.io/

    svg文件教程
    http://www.runoob.com/svg/svg-tutorial.html

    展开全文
  • 制作DLL图标制作DLL图标制作DLL图标制作DLL图标制作DLL图标制作DLL图标制作DLL图标制作DLL图标制作DLL图标
  • VB图标制作

    2014-01-21 17:19:10
    一款帮助VB制作图标的程序 VB图标制作
  • 圆角图标制作工具.zip

    2021-02-05 16:59:19
    圆角图标制作工具,方便快捷的制作圆角图标,图片,好用!
  • zmaker图标制作

    2014-03-23 14:57:58
    专业图标制作工具,zmaker制作工具,专业图标制作工具,zmaker制作工具,
  • favicon图标制作

    2017-09-30 09:26:45
    favicon图标制作详细步骤 一、Favicon简介 收藏夹图标,是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。 例如: 二、制作步骤 1、百度搜索favicon在线制作 2、百度出来有很多种...

    favicon图标制作详细步骤

    一、Favicon简介

    收藏夹图标,是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。

    例如:


    二、制作步骤

    1、百度搜索favicon在线制作



    2、百度出来有很多种方法可以制作图标,在这里,选择第二种作为解析步骤(使用哪一种方法都可以)。



    3、选择好要制作的图标文件(例如百度图标)后,进行下一步。



    4、出现下图红色圈内所示,稍等一会即可。



    5、转换成功后,点击“下载”即可。



    6、下载好后,重命名为favicon.ico



    7、将做好的favicon图片文件上传至你网站的根目录下,且保证命名为favicon.ico



    8、在head中插入一下几行代码,这时候重新生成更新网站,并清除浏览器缓存,刷新下就可以看到网站的favicon文件了。

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>favicon制作</title>
    		<link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
    		<link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
    		<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
    	</head>
    	<body>
    		<div>hello world</div>
    	</body>
    </html>

    注:rel属性表示含义是:链接文件与此文件的关系。
    属性值bookmark表示的就是相关文章(书签)的关系。(也有人说,这个表示文章页面的永久固定链接。)
    shortcut icon,特指浏览器中地址栏左侧显示的图标,一般大小为16x16,后缀名为.ico
    icon,指的是图标,格式可为PNG\GIF\JPEG,尺寸一般为16x16、24x24、36x36等。

    只加入这一行代码也可以:<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />

    9、效果图



    展开全文
  • 模仿某个云端软件的图标,用css做了一个云的图像,利用css3的选择器nth-of-type()设定div的第N个子元素以及style的边框长宽度属性
  • 文字图标制作

    2018-05-07 15:34:59
    文字图标制作1. 进入https://icomoon.io/2.3.4.5.

    文字图标制作

    1. 进入https://icomoon.io/

    2.

    3.

    4.
    5.
    展开全文
  • ICO图标制作软件源代码.zip
  • 这期我们将把阿里妈妈MUX这两年在矢量图标制作上积累的经验也分享给大家;大家可能在网上看过很多关于矢量图标制作的教程,而且大多是技术同学分享的技术贴。整个过程也相对比较简单。在这里我们将深入地向大家讲述...
  • ps 宝马图标制作

    2014-05-10 21:19:50
    宝马图标制作,超详细,快捷键操作。Photoshop新手必备。有最终效果图。
  • 字体图标制作

    2017-03-24 15:57:00
    web端为什么需要做字体图标?...字体图标制作流程 1:第一当然需要一个设计师啦...我常用的方法,设计师设计出图标保存为SVG格式的。 当没有设计师时,也可以在http://www.iconfont.cn/ 下载自己...

    web端为什么需要做字体图标?

    性能好。在之前项目中,网页的图标是用的图片,当图标很多时,体积比较大。而且之前做过2年的UI设计,总觉得这样经常切图麻烦,当需要同一个图标大小不一时,直接放大图片会失真。

    字体图标制作流程

    1:第一当然需要一个设计师啦...我常用的方法,设计师设计出图标保存为SVG格式的。

    当没有设计师时,也可以在http://www.iconfont.cn/ 下载自己需要的SVG图标。需要登陆账号,看见喜欢的图标可以收藏或者下载下来,一版情况下时不支持这的,图标也是有版权问题的,不过如果是小公司使用也没有人管...尽量支持正版,做过设计,设计师也不容易哈哈。

    2:把SVG格式的图标进行处理,推荐网站:http://www.iconfont.cn/或者http://fontello.com/,拖进来就可以了。

    可以在里面设置图标大小,或者设置公司名字,下面红色代表需要下载的。

    3:下载文件包括下面内容

    dome.html文件就是显示的图标在网页中的显示情况,看看是不是都显示正常。

    4:怎么使用在网页中,引入css文件,把图标名称写入class类就可以了。

    <!doctype html>
    <html lang="us">
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" href="sk/css/sk.css">
        
        <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
        <style>
            .btn{width:30px;height:30px;background:#eff3f6;border:1px solid #ddd;color:#398def}
            .btn:hover{background:#fff}
            .btn:hover i{color:#398def;}
        </style>
    </head>
    <body>
        <div>
            <button type="button" class="btn" title="导航"><i class="icon-daohang"></i></button>
            <button type="button" class="btn" title="删除"><i class="icon-shanchu"></i></button>
            <button type="button" class="btn" title="设置"><i class="icon-shezhiqianhouzhui"></i></button>
            <button type="button" class="btn" title="搜索"><i class="icon-jiansuo"></i></button>
            <button type="button" class="btn" title="导入"><i class="icon-daoru"></i></button>
            <button type="button" class="btn" title="导出"><i class="icon-daochu"></i></button>
        </div>
        
        <div>
            <button type="button" class="btn" title="趋势"><i class="fa fa-area-chart"></i></button>
            <button type="button" class="btn" title="四面"><i class="fa fa-arrows"></i></button>
            <button type="button" class="btn" title="左右"><i class="fa fa-arrows-h"></i></button>
            <button type="button" class="btn" title="上下"><i class="fa fa-arrows-v"></i></button>
            <button type="button" class="btn" title="设置"><i class="fa fa-asterisk"></i></button>
            <button type="button" class="btn" title="@"><i class="fa fa-at"></i></button>
        </div>
    </body>
    </html>

    当然,如果不想设计图标,也怕麻烦,也可以直接导入外部的图标库,比如:font-awesome

    css文件<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">

    下面是两种方式的效果图:

    上面的为<link rel="stylesheet" href="sk/css/sk.css">的效果

    下面的为<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">效果,引入的是下图位置的图标,不需要自己制作图标,不过当图标库进行更改是可能会影响自己的效果。

     

    5:引入的图标css文件源码分析

    @font-face属性,css3开始添加的,兼容IE6

    每个图标的代码片段:

    特别需要注意的,当你每一次需要增加图标时,直接添加 .icon-kaiguandingyi:before { content: '\e88a'; } /* '' */ 这样代码是没有用的,因为前面还有几个关联文件,需要同时修改,因此尽量在生成图标的网站用自己的账号登陆,可以生成一个自己的图标库,可以长久保存使用。

     

    有什么不对的希望大家指正,菜鸟一枚,多多指导。

     

    转载于:https://www.cnblogs.com/sk-3/p/6611902.html

    展开全文
  • icon图标制作

    千次阅读 2016-03-08 18:52:32
    常用的免费icon网站  1.图标宝:http://ico.58pic.com/pack/2257_8.html     ...3.图标制作软件 IconWorkshop   最好的图标软件是什么,如何制作icon图标呢。平面设计、图像制作、多媒体...
  • Icon Slate for mac(图标制作工具)​www.macdown.comMac os平台上的一款帮助用户快速制作logo的Mac图标制作软件,Icon Slate mac是一款让您轻松创建,输入和输出多种格式电脑和移动终端程序图标的图标制作工具。...
  • ICO图标制作工具主要功能可帮助用户将jpg,gif,bmp格式的图片快速的生成为不同大小的ICO图标,同时支持对已有图标进行编辑操作。欢迎需要的朋友下载使用。
  • 高逼格PPT图标制作教程。一分钟让你的图标更逼格,我们所熟悉的图标灰常low,如何将图标实现这样的逼格进化呢?
  • 这是一款使用Font Awesome图标制作的超链接动画特效。该特效在鼠标滑过超链接时,使用CSS3的transition和transform属性来制作各种Font Awesome图标的动画效果。
  • ICO图标制作工具

    2012-11-27 13:16:42
    Adobe系列的ICO图标制作工具 非常实用,屡试不爽,推荐给大家,欢迎大家下载。
  • App Icon Gear App 图标制作工具-附件资源
  • UI特殊图标制作

    2020-12-29 18:46:59
    特殊图标制作 效果 1.打开PS,新建画布,用椭圆工具画一个300*300的圆形,然后Ctrl+T选择上面的膨胀,再Ctrl+T旋转45度 2.用矩形工具画出矩形,把上面两个角设置为圆角 3.添加图层蒙版,然后添加黑白渐变 4.复制一...
  • 网站图标制作

    2014-11-02 11:09:00
    http://free.logomaker.cn/tools/icoMaker.aspx网站图标制作 先找好图标素材,可以去这里搜素,图标搜索引擎 iconpnghttp://www.iconpng.com/ 转换成icon 16*16格式,这样显示的不失真并且很清晰,可以去这个...
  • VB图标制作工具是一款ICO图标制作工具,工具为绿色版本,小巧易用,主要功能可帮助用户来快速的制作出ICO图标文件,同时支持对已有的图标进行编辑操作。 使用方法: 如果解压后发现软件无法大考,请将comdlg32.ocx ...
  • 字体图标制作详解

    2018-01-18 22:59:50
    一、制作前基础知识普及1、在制作图标前请下载由阿里妈妈MUX提供的矢量图标制作模板;立即下载2、尽量使用illustrator制作矢量图标;有些设计师在ps中使用路径绘制图标再导成SVG,这种方式也是可以的,但是有时会...
  • DLL图标文件制作工具IconJack32---提取EXE图标制作DLL工具
  • Image2icon for Mac是一款不错的图标制作软件,可以轻松将图片转换成ico图标,它还可以更改图标模板的背景颜色,这样你的图标再也不是一成不变的蓝色 图标了。只要有了它你就可以设计自己个性的图标了。Image2icon ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,735
精华内容 3,494
关键字:

图标制作