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

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

  • Chapter1 如何使用ps制作ico图标文件
  • Chapter2 ICOFormat.8bi(Photoshop Ico、Cur插件)的下载使用
    • 1. ICOFormat.8bi的作用
    • 2. ICOFormat.8bi使用
  • Chapter3 ps手机计算机图标教程,手绘设计精美手机APP软件图标的PS教程
    • 步骤 01 制作底座
    • 步骤 02 制作时钟底盘
    • 步骤 03 制作时间刻度
    • 步骤 04 制作指针


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

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

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

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中会有如下报错:
在这里插入图片描述

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

在这里插入图片描述

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中

在这里插入图片描述

重新打开Photoshop点击打开会显示有.ico和.cur文件,文件拖入可以打开,也可以对文件进行操作。
在这里插入图片描述

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

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

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

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

终稿
在这里插入图片描述
初稿
在这里插入图片描述
教程步骤

一、时间图标

步骤 01 制作底座

1.1 新建720*720px的圆角矩形,圆角半径为180px,命名为【底座】。并为其添加图层样式。
在这里插入图片描述
在这里插入图片描述

步骤 02 制作时钟底盘

2.1 新建540540px的圆,命名为【圆-1】并为其添加图层样式。
在这里插入图片描述
2.2 新建460
460px的圆,命名为【圆-2】并为其添加渐变叠加。
在这里插入图片描述
2.3 新建442*442px的圆,命名为【圆-3】并为其添加图层样式。
在这里插入图片描述
2.4 选中【底座】、【圆-1】、【圆-2】、【圆-3】 并使用移动工具—“垂直居中对齐”、“水平居中对齐”使其四者居中对齐。
在这里插入图片描述

步骤 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 然后合并所有刻度图层,为其添加上渐变叠加。命名为【刻度】
在这里插入图片描述
在这里插入图片描述

步骤 04 制作指针

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

合并两个形状,并为其添加上斜面和浮雕,命名为【时针】
在这里插入图片描述
在这里插入图片描述
4.2 使用形状工具绘制一个1818px的圆和一个624px圆角半径为3px的圆角矩形,填充色为#f7f7f7。

分别命名为【时针装饰 -1】、【时针装饰 -2】
在这里插入图片描述
4.3 新建12174px左右上圆角半径为6px的矩形,填充色为#242424,并为其添加上斜面和浮雕,命名为【分针】
在这里插入图片描述
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进行编组,给这个编组添加投影。

在这里插入图片描述
4.9 最后将时钟和底座进行编组(快捷键Ctrl+G),命名为【时间图标】
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/114691.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

计算机网络-应用层

文章目录 应用层协议原理万维网和HTTP协议万维网概述统一资源定位符HTML文档 超文本传输协议(HTTP)HTTP报文格式请求报文响应报文cookie 万维网缓存与代理服务器 DNS系统域名空间域名服务器和资源记录域名解析过程递归查询迭代查询 动态主机配置协议&…

解决CSS中height:100%失效的问题

出现BUG的场景,点击退出到登录页面,发现高度不对 上面出现了一种只是占了内容的高度,没有占满100%,为什么会出现这种情况呐? 让div的height"100%",执行网页时,css先执行到&#xff0…

华为OD机试 - 数组组成的最小数字 - 逻辑分析(Java 2023 B卷 100分)

目录 专栏导读一、题目描述二、输入描述三、输出描述四、解题思路五、Java算法源码六、效果展示1、输入2、输出3、说明 华为OD机试 2023B卷题库疯狂收录中,刷题点这里 专栏导读 本专栏收录于《华为OD机试(JAVA)真题(A卷B卷&#…

YOLOv5:按每个类别的不同置信度阈值输出预测框

YOLOv5:按每个类别的不同置信度阈值输出预测框 前言前提条件相关介绍YOLOv5:按每个类别的不同置信度阈值输出预测框预测修改detect.py输出结果 验证修改val.py输出结果 参考 前言 由于本人水平有限,难免出现错漏,敬请批评改正。更…

H5ke9

上次fetvh就一个参数url,,就是get请求 fetch还可以第二个参数对象,可以指定method:改为POST 请求头header :发送txt,servlet,json给客户端,,异步请求图片 1 这节客户端传到服务器端 2异步文件上传,两三行代码把文件传输 mouseover事件 .then()的使用 是Promise对象的一个方法…

持续进化,快速转录,Faster-Whisper对视频进行双语字幕转录实践(Python3.10)

Faster-Whisper是Whisper开源后的第三方进化版本,它对原始的 Whisper 模型结构进行了改进和优化。这包括减少模型的层数、减少参数量、简化模型结构等,从而减少了计算量和内存消耗,提高了推理速度,与此同时,Faster-Whi…

tmux工具

B站学习地址:tmux教程

vue封装独立组件:实现手写签名功能

目录 第一章 效果展示 第二章 准备工作 2.1 使用的工具vue-sign 2.1.1 安装 2.1.2 了解 2.1.3 参数说明 第三章 源代码 第一章 效果展示 第二章 准备工作 2.1 使用的工具vue-esign 2.1.1 安装 npm install vue-esign --save 2.1.2 了解 兼容pc端和移动端有对应的参…

Redis的四种部署方案

这篇文章介绍Reids最为常见的四种部署模式,其实Reids和数据库的集群模式差不多,可以分为 Redis单机模式部署、Redis主从模式部署、Redis哨兵模式部署、Cluster集群模式部署,其他的部署方式基本都是围绕以下几种方式在进行调整到适应的生产环境…

@RunWith(SpringRunner.class)注解的作用

通俗点: RunWith(SpringRunner.class)的作用表明Test测试类要使用注入的类,比如Autowired注入的类,有了RunWith(SpringRunner.class)这些类才能实例化到spring容器中,自动注入才能生效 官方点: RunWith 注解是JUnit测…

构建mono-repo风格的脚手架库

前段时间阅读了 https://juejin.cn/post/7260144602471776311#heading-25 这篇文章;本文做一个梳理和笔记; 主要聚焦的知识点如下: 如何搭建脚手架工程如何开发调试如何处理命令行参数如何实现用户交互如何拷贝文件夹或文件如何动态生成文件…

Android工具栏ToolBar

主流APP除了底部有一排标签栏外,通常顶部还有一排导航栏。在Android5.0之前,这个顶部导航栏以ActionBar控件的形式出现,但AcionBar存在不灵活、难以扩展等毛病,所以Android5.0之后推出了ToolBar工具栏控件,意在取代Aci…

Python 获取cpu、内存利用率

获取cpu、内存利用率 # -*- coding: latin1 -*- import psutil cpuPercent 0 psutil.cpu_percent() while True:vm psutil.virtual_memory()memoryPercent vm.percentcpuPercent psutil.cpu_percent(1) *10print("cpuPercent:"str(cpuPercent)" %")prin…

TiDB 7.4 发版:正式兼容 MySQL 8.0

MySQL 是全球最受欢迎的开源数据库,长期位于 DB-Engines Ranking 排行榜第二名,在世界范围内拥有数量庞大的企业用户和开发者。然而,随着时间的推移,MySQL 用户正面临新挑战。Oracle 官宣将在 2023 年 10 月终止 MySQL 5.7 版本的…

【小白福音】手把手教学搭建Vue+SpringBoot开发环境完整教程

前言:在很多新手小白在准备开发一个属于自己的前后端分离项目的时候需要准备一些例如Java环境配置、Node.Js配置、Maven配置以及软件安装等等,于本次博主亲自录制了一套完整的安装配置教程,提供到最后给大家进行下载。 注:本教程仅适用于小白,每一节课都是博主原创录制的,…

学 Java 怎么进外企?

作者:**苍何,CSDN 2023 年 实力新星,前大厂高级 Java 工程师,阿里云专家博主,土木转码,现任部门技术 leader,专注于互联网技术分享,职场经验分享。 🔥热门文章推荐&#…

《黑客帝国:破解编程密码》——探索编程世界的奥秘

文章目录 前言黑客帝国代码雨UbuntuLinux世界的奥秘如何在Ubuntu中查看系统信息科普推荐书籍后记 前言 在电影《黑客帝国》问世后,它不仅带来了震撼视觉体验,更在技术和编程领域产生了深远的影响。这部电影,让人们对计算机和编程的认识进一步…

0-1矩阵列互斥问题——回溯法 Python实现

三、 0-1 矩阵的列集互斥问题。给定一个 m n m \times n mn 的 0-1 矩阵 A \mathrm{A} A 。定义列互斥为: 对于矩阵 A A A 中的任意两列 i i i 和 j j j, 如果在对应的每一行上, i i i 和 j j j 不存在同时为 1 的情况, 则称列 i \mathrm{i} i 和 j \mathrm{j} j 互斥…

[动态规划] (四) LeetCode 91.解码方法

[动态规划] (四) LeetCode 91.解码方法 91. 解码方法 题目解析 (1) 对字母A - Z进行编码1-26 (2)11106可以解码为1-1-10-6或者11-10-6, 但是11-1-06不能解码 (3) 0n不能解码 (4) 字符串非空,返回解码方法的总数 解题思路 状态表示 dp[i]:以i为结…

Echats-自定义图表1

效果图&#xff1a; 代码&#xff1a; <!DOCTYPE html> <html lang"zh-cmn-Hans"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>…