A+

给自己的网站设计一个favicon图标

2019年03月12日 系统集成 2条评论 142次浏览

网站的favicon图标平时虽然看着不重要,但当别人想收藏你网站或想把你的网站快捷方式放在桌面的时候就显得非常重要了,这样关注你的人能够很快的分辨出你的网站并进入浏览。

photoshop这工具的强大就不用我用语言来描述了吧,如果真的没有听说过这个软件的人请自行百度了解。

言归正传,这边文章主要是教大家怎么用photoshop制作一个属于自己的favicon图标。

详细步骤

首先打开photoshop软件,在文件菜单下拉找到新建菜单并单击。

在新建窗口输入以下参数并确认:

在菜单栏【编辑】下拉菜单中找到【填充】菜单并单击:

在【填充】窗口的【使用】下拉组合框中选中【颜色】

在拾色器窗口中我标记的红色圈圈中填写 #caced2 并确定

选中工具栏里按下快捷键 U 找到【矩形工具】并右键单击 选择圆角矩形工具并根据下图的顺序设置:

选择菜单栏上的【图层】【复制图层】,把复制的图层往上移动一点,这样会显得更有层次感。

选择菜单栏上的【图层】【图层样式】【混合选项】,选中描边并根据下图设置:

选中内阴影并根据下图设置:

选中内发光并根据下图设置:

选中渐变叠加并根据下图设置:

接下来把你的LOGO添加进photoshop里,至于LOGO怎么制作其实有很多方法,更快的方法是在线生成一个,当然如果你的创新能力很好的话可以利用coreldraw工具自己制作一个,我这个人创新能力不足平时都是靠抄或者是靠买的人就选择在线生成一个了,省事儿!

如果你们要在线生成类似的网站百度老师会告诉你有很多很多,我只提供一个我自己生成的网站。

http://www.logomaker.com.cn

选择菜单栏上的【图层】【图层样式】【混合选项】,并根据下图设置:

 最终效果图

 

  • 本文为原创文章,版权归所有。欢迎分享本文,转载请保留出处!
  • 给我留言取消回复

    评论列表 (有 142 次浏览 和 2 条评论)
    1. 回复 Lvtu

      感觉还是扁平化的百搭一些!

      • 回复 锋言锋语管理员

        @Lvtu 嗯,我最终也没有用那个favicon图标!