如何使用ps制作ico图标文件

这篇具有很好参考价值的文章主要介绍了如何使用ps制作ico图标文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


Chapter1 如何使用ps制作ico图标文件

原文链接:https://blog.csdn.net/SDKL_YI/article/details/103513372

如何使用ps制作ico图标文件
先打开ps导入文件,不管什么格式,是图片能显示就行:
如何使用ps制作ico图标文件,工控软件,ui
选择磁性索套,可以调整频率,频率越高当然抠出来的图边缘约圆滑,当然也是有上限的,具体数据具体操作改就行了:
如何使用ps制作ico图标文件,工控软件,ui
套完图片然后在图片里面点击右键,选择调整边缘:
如何使用ps制作ico图标文件,工控软件,ui
在这里你可以调整抠出来的图片边缘羽化程度,以及设置背景图层。因为我这里是要做图标的,所以设置为以下这种背景(一般你点开调整边缘后会自动给你设置为这个像马赛克一样的背景,是为默认的):
如何使用ps制作ico图标文件,工控软件,ui
然后调整图片大小,因为不调整的话会出现无法保存为ico文件的情况,因为ico文件最大像素为64x64,也就是4096像素。点击图像,选择图像大小,或者直接使用快捷键Ctrl+Alt+I
如何使用ps制作ico图标文件,工控软件,ui
我这里将他设置为64x64像素
如何使用ps制作ico图标文件,工控软件,ui
最后是保存为ico文件格式,选择文件,点击存储为,也可以使用快捷键Shift+Ctrl+S
如何使用ps制作ico图标文件,工控软件,ui
选择ico文件,点击保存,可能在文件后缀会多一个),也就是xxx.ico)的情况,那么你手动将)删除就行:
如何使用ps制作ico图标文件,工控软件,ui
弹出提示,选择默认第一个就好了,选择第二个的话会变成png格式的图片,点击ok:
如何使用ps制作ico图标文件,工控软件,ui
最终ico文件保存成功:
如何使用ps制作ico图标文件,工控软件,ui

Chapter2 ICOFormat.8bi(Photoshop Ico、Cur插件)的下载使用

原文链接:https://blog.csdn.net/weixin_44222492/article/details/101596183

1. ICOFormat.8bi的作用

Photoshop很奇怪一直不支持导入导出ico与cur格式图标文件,不过还好,ps支持插件,ICOFormat.8bi是专为ps用户打造的一款ico图标插件,是一款可以让photoshop支持打开ico图标与cur图标的小插件,有了它就可以直接从ps里打开、保存ico与cur文件了。

(1)在导入ICOFormat.8bi之前,将.ico(图标文件)或.cur(光标文件)文件拖入Photoshop 2018中会有如下报错:
如何使用ps制作ico图标文件,工控软件,ui

(2)导入后,点击打开会显示有.ico和.cur文件,文件拖入可以打开,也可以对文件进行操作

如何使用ps制作ico图标文件,工控软件,ui

2. ICOFormat.8bi使用

找到PS的安装目录,比如E:\360Downloads\Adobe\Adobe Photoshop CC 2018,将ICOFormat64.8bi拖入E:\360Downloads\Adobe\Adobe Photoshop CC 2018\Required\Plug-ins\File Formats中

如何使用ps制作ico图标文件,工控软件,ui

重新打开Photoshop点击打开会显示有.ico和.cur文件,文件拖入可以打开,也可以对文件进行操作。
如何使用ps制作ico图标文件,工控软件,ui

但是你这样直接保存出来的ico文件你会发现还有背景的,这使用来做图标很不适合。那为了解决这个问题,我们可以使用ps将图片抠出来再保存为ico文件。

Chapter3 ps手机计算机图标教程,手绘设计精美手机APP软件图标的PS教程

原文链接:https://blog.csdn.net/weixin_34800530/article/details/118690243

本教程主要使用手绘设计精美手机APP软件图标的PS教程,整体的风格以扁平化为主题,希望教程网的朋友可以喜欢。

终稿
如何使用ps制作ico图标文件,工控软件,ui
初稿
如何使用ps制作ico图标文件,工控软件,ui
教程步骤

一、时间图标

步骤 01 制作底座

1.1 新建720*720px的圆角矩形,圆角半径为180px,命名为【底座】。并为其添加图层样式。
如何使用ps制作ico图标文件,工控软件,ui
如何使用ps制作ico图标文件,工控软件,ui

步骤 02 制作时钟底盘

2.1 新建540540px的圆,命名为【圆-1】并为其添加图层样式。
如何使用ps制作ico图标文件,工控软件,ui
2.2 新建460
460px的圆,命名为【圆-2】并为其添加渐变叠加。
如何使用ps制作ico图标文件,工控软件,ui
2.3 新建442*442px的圆,命名为【圆-3】并为其添加图层样式。
如何使用ps制作ico图标文件,工控软件,ui
2.4 选中【底座】、【圆-1】、【圆-2】、【圆-3】 并使用移动工具—“垂直居中对齐”、“水平居中对齐”使其四者居中对齐。
如何使用ps制作ico图标文件,工控软件,ui

步骤 03 制作时间刻度

3.1 用参考线定出图标的中心点。新建6*46px的矩形制作大刻度,放在指针12点处。并自由变化(快捷键Ctrl+T),

按Alt键将变换中心点调至图标中心,将矩形旋转90°并回车,然后一直按Ctrl+Shift+Alt+T键重复上一步,

直至做完大刻度。

3.2 新建4*24px的矩形制作中刻度,使用同样的方法将矩形旋转30°做出中刻度。

3.3 新建2*24px 的矩形制作小刻度,使用同样的方法将矩形旋转6°做出小刻度。

3.4 然后合并所有刻度图层,为其添加上渐变叠加。命名为【刻度】
如何使用ps制作ico图标文件,工控软件,ui
如何使用ps制作ico图标文件,工控软件,ui

步骤 04 制作指针

4.1使用形状工具绘制一个3636px的圆和一个1692px 左右上圆角半径为8px的矩形,填充色为#242424。

合并两个形状,并为其添加上斜面和浮雕,命名为【时针】
如何使用ps制作ico图标文件,工控软件,ui
如何使用ps制作ico图标文件,工控软件,ui
4.2 使用形状工具绘制一个1818px的圆和一个624px圆角半径为3px的圆角矩形,填充色为#f7f7f7。

分别命名为【时针装饰 -1】、【时针装饰 -2】
如何使用ps制作ico图标文件,工控软件,ui
4.3 新建12174px左右上圆角半径为6px的矩形,填充色为#242424,并为其添加上斜面和浮雕,命名为【分针】
如何使用ps制作ico图标文件,工控软件,ui
4.4 新建4
230px的矩形,填充色为#ff5a5a,命名为【秒针】

4.5 选中【时针】、【时针装饰 -1】、【时针装饰 -2】,并Ctrl+T,按Alt键将变换中心点调至图标中心,将其调整至合适角度。

4.6 选中【分针】并Ctrl+T,按Alt键将变换中心点调至图标中心,将其调整至合适角度。

4.7 选中【秒针】并Ctrl+T,按Alt键将变换中心点调至图标中心,将其调整至合适角度。

4.8 选中【时针】、【分针】、【秒针】。按Ctrl+G进行编组,给这个编组添加投影。

如何使用ps制作ico图标文件,工控软件,ui
4.9 最后将时钟和底座进行编组(快捷键Ctrl+G),命名为【时间图标】
如何使用ps制作ico图标文件,工控软件,ui文章来源地址https://www.toymoban.com/news/detail-736622.html

到了这里,关于如何使用ps制作ico图标文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • PSD 格式文件除了 PS ,还能用什么软件打开?

    有人问:“除了 Photoshop,还有哪些软件能打开 PSD 格式文件呢?”当我看到这个问题时,我立刻理解了他的烦恼。因为有段时间,我的电脑里没有安装 Photoshop,但有一次,我的同事发了一个 PSD 文件给我,我却无法联系到他。我急需其中的一张图片,于是我下载了一个几个

    2024年02月03日
    浏览(30)
  • 【ChatGPT】开源软件:ChatALL —— 我是 GitHub 榜一!(PS: 其实,小编本地 build run 了一下,就是一个组装 Chat UI ……)

    给第一次听说 ChatALL 的朋友介绍下它吧。很简单,它就是个 能让你同时和 ChatGPT、Bing Chat、Bard、文心一言、讯飞星火、Claude、HuggingChat、Alpaca, Vincuna、MOSS、ChatGLM 聊天的工具,帮你快速找到最靠谱的答案。 Concurrently chat with ChatGPT, Bing Chat, bard, Alpaca, Vincuna, Claude, ChatGLM, MOSS,

    2024年02月07日
    浏览(42)
  • 解析PS2游戏存档3D图标

    看到这个图片,对于熟悉PS2的老玩家来说应该不会陌生。它是PS2记忆卡管理界面中的游戏存档3D图标。本篇文章我们将介绍如何从存档文件里解析出这个活动的小人。 A:我们能从存档文件中解析到什么? 图标模型的所有顶点、法线 图标模型的动作帧 光照 纹理及纹理坐标 背

    2024年02月03日
    浏览(27)
  • Python-编写点云处理软件(二)点云软件ui制作之仿CC界面

    本系列第一篇中已经对VTK显示点云、VTK集成到Pyside2以及可执行程序打包进行了介绍与示例分析。 接着我们需要对这个小程序的界面进行优化,点云处理的开源软件中,CloudCompare算是比较实用的一款,其界面也是比较简洁和美观。那么本篇将在UI界面上进行简单的设计,达到一

    2024年02月12日
    浏览(28)
  • element ui中el-dialog如何自定义标题,加图标

    效果图:

    2024年02月13日
    浏览(35)
  • 【sketchup 2021】草图大师图像输出与渲染之Enscape渲染(优秀的实时渲染软件)的基本使用【渲染实时更新与同步、在线资源库、渲染和常规设置(图标背景、草地渲染)、导出为图像和独立文件】

    前面上一篇安装中已经我们已经说过了enscape工具的调出,我这把工具栏放到了最底下,并且安装正确的话,顶上的扩展程序中也能看到enscape。 启动的话直接点击工具栏中的这个图标即可【顶上的扩展程序中也可以启动】 启动过程如果性能不好,会很慢,此时不要动键盘鼠标

    2024年02月08日
    浏览(60)
  • 蓝牙聊天App设计1:Android Studio制作蓝牙聊天通讯软件(UI界面设计)

    前言:蓝牙聊天App设计全部有三篇文章(一、UI界面设计,二、蓝牙搜索配对连接实现,三、蓝牙连接聊天),这篇文章是一、UI界面设计 课程1:Android Studio小白安装教程,以及第一个Android项目案例“Hello World”的调试运行 课程2:蓝牙聊天App设计1:Android Studio制作蓝牙聊天通

    2024年02月02日
    浏览(37)
  • element-ui控件el-select如何在前面添加icon图标

    在element-ui中input可以使用prefix-icon=“el-icon-user” 在前面添加icon图标,但是select自己没有该属性。那么如何在element-ui控件el-select前面前面icon图标 代码如下(示例): 这里使用了 template #prefix 来替换,因为我使用的是element-plus ,如果使用的是element-ui 则直接使用slot替换

    2024年02月11日
    浏览(40)
  • WPF 如何引入图标文件

    我最近在研究WPF,吃饭嘛,桌面端实在是不想用Winform,太丑了。WPF研究好了之后也不会直接去学UWP,MAUI,我是实用主义者,不是技术更新追求者,本身的理念就是能用就行。我现在用的Vue版本还是Vue 2呢。Vue 3?暂时用不上,只是换了个方法去写,写出来的结果还是差不多。

    2024年02月16日
    浏览(32)
  • 普通html使用引入element-ui,图标出错

    利用网页链接形式引入可以正常显示。 将网站文档下载至本地,再引用就会出错。 例如使用element-ui里面的走马灯,两侧的箭头图标不能正常显示。 先按照按照网上的方法,下载element-ui文件到本地。再将index.css(路径:element-ui/lib/theme-chalk/index.css)和index.js(路径:element-ui

    2024年02月01日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包