PS的基本操作

已于 2024-02-21 15:59:12 修改
阅读量391 收藏 8
点赞数 7
文章标签： 前端
于 2024-02-21 15:54:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80063528/article/details/136212343
版权

一，常见的四种图片格式

二，PS切图

切图方式：图层切图、切片切图、PS插件切图

2.1图层切图  

  

  

 很多情况下，需要合并图层再导出：

点击所需的一个图层，shift键选须合并的全部图层，ctrl+E（在图层中有合并图层选项）右键快速导出为PNG

 2.2 切片工具

 

  

  

 （最后一行别忘记要选选中的切片）

如果要做成透明的话，可以把背景去掉。 然后第三张图不太一样，只能选PNG。

2.3PS插件切图

cutterman安装

2.4cutterman使用技巧

（只有正版才可以用，绿色版的在窗口-扩展功能用不了）

在下何小璐
关注
  • 7
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
两种ps切图方法（图层/切片）
FYD的博客
04-09 2万+
两种Ps切图方法 一．      基础操作： a)    Ctrl++ 放大图片，ctrl - -缩小图片 b)    按住空格键space+，点击鼠标左键，拖动图片。 c)    修改单位，点击编辑->首选项-> 单位与标尺，将厘米修改为像素px。 d)    点击视图，选择标尺（ctrl+R），清除默认参考线(ctrl+.)，清除切片(ctrl+,)。 e)    点击...
PS基础操作
weixin_63514841的博客
03-14 1778
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、ps是什么 二、使用步骤 1.窗口界面介绍 2.新建、打开和保存图像文件 总结 前言 PS就是P图 提示：以下是本篇文章正文内容，下面案例可供参考 一、ps是什么？ Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。 二、使用步骤 1.窗口界面介绍 启动ps后会出现一个窗口，这是默认的灰色窗口，表示所有工作都从零开始..
【前端必学】PS切图详细教程3种方法（图层切图，切片，切图神器cutterman）
coderYYY的博客
11-06 8932
PS有很多的切图方式:图层切图、切片切图、PS插件切图等，下面我就来详细介绍这几种切图方法。
PS切图详细教程3种方法切片
weixin_62980497的博客
06-28 1610
PSD图像格式是Photoshop的专用格式，里面可以存放图层、通道、遮置等多种设计稿，对我们前端人员来说，最大的优点，我们可以直接从上面复制文字，获得图片，还可以测量大小和距离，我们开发需要的是一小张一小张的图片素材，有时候UI美工会帮我们切好图，有时候我们是拿到一整张PSD设计图，所以，学会Photoshop切图是非常重要的。比如我们想要把图片和文字导出成一张图，但是它们是两个不同的图层，如果我们直接用快速导出为png的话，图片是显示不全的。最简单的切图方式：右击图层 →快速导出为PNG。
Ps：切片工具
qq_41176800的博客
01-31 2561
切片工具Slice Tool是一种专门用于网页设计和网页图像优化的工具。它允许用户将大型图像分割成较小的部分（切片），这些切片可以单独优化并用于构建网页布局。快捷键：C在设计网页时，可使用切片来定义和管理不同的内容区域，是一种最直白的网页布局方法，不必考虑如何去设计表格。将大型图像切割成更小的部分，便于在网页上更快速地加载和显示，提高用户浏览页面的体验。在创建切片之前，一般要先规划好网页的布局以...
PS-前端切图教程（切jpg图和切png图）
weixin_33939380的博客
06-27 822
ps：多日后的补充说明 部分看了文章的设计师，来找我说怎么切图。sorry？在我的理解，这就是切图啊，但是他们所指的“切图”是，怎么把设计图制作成html页面。 在我看来，现在人们对于前端都是有误区的。认为前端是切图的，（也确实是这么叫的，本人情感上很不愿意听前端被叫做“切图的”）所以也会误认为我的这篇文章是写给设计师的。 其实不然，这篇文章适用于计算机...
ps基本操作.np
10-20
ps基本操作.np
ps基本操作知识大全.pdf
08-13
ps基本操作知识大全.pdf
ps基本操作二PPT学习教案.pptx
10-03
在“ps基本操作二PPT学习教案”中，主要讲解了几个核心的PS基本操作，包括新建画布、打开、关闭、窗口的基本操作以及保存。 新建画布是使用PS的第一步，可以通过多种方式实现。点击“文件”菜单选择“新建”，或者...
计算机辅助设计ps基本操作.ppt
05-28
本篇将详细探讨Photoshop的基本操作和其在不同领域的应用。 首先，Photoshop是一款由Adobe公司开发的专业级图像处理软件，广泛应用于平面设计、摄影后期、3D建模等多个领域。它提供了丰富的功能，如图像裁剪、色彩...
JAVA-WEB资源配置
最新发布
caryeko的专栏
08-15 196
用JAVA进行编写WEB项目时，我们一般需要对WEB进行统一配置，例如制定拦截路径、页面解析器、跨域配置、fastjson报文解析、文件上传大小配置等。
使用WebSocket实现一个简易的聊天室
qq_51321722的博客
08-14 410
其次，要有相关配置类以及Controller。我这里的框架是SpringBoot。首先，我们要有一个前端页面。
vue2前端阿里云oss服务端签名直传
weixin_74285634的博客
08-13 297
generatePresignedUrlApi是由后端提供的接口 来获取密钥。
提升前端性能的JavaScript技巧
han2434的博客
08-14 802
一个快速响应、高效运行的Web页面不仅能提升用户体验，还能在一定程度上影响网站的SEO排名。本文汇总了一系列JavaScript技巧，以帮助开发者提升前端性能，并提供实际的代码示例。
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 945
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
vue-lic（三）
qq_64669006的博客
08-14 269
Vue 应用中的跨域问题通常是由于浏览器的同源策略引起的，它阻止了一个源（origin）的网页上的JavaScript 代码请求另一个源的资源。也就是说，只要https://www.baidu.com中https://，www.baidu，.com中有一个不一样，就会导致存在跨域问题。2.逆向传递数据(vue不支持逆向传递)-->子组件给父组件传递，通过$emit("事件名",要传递的数据)自定义监听事件。，这里因为本身就有/api，再添加了一个/api，所以需要去掉一个/api，也就是重写路径。
掌握PS基础操作：工具实战与调色教程
"PS基本操作技巧.ppt"是一份旨在帮助用户深入了解并掌握Adobe Photoshop这款图像编辑软件的实用教程。该PPT内容覆盖了PS的基础操作、工具理解和实际应用，适合初学者和进阶设计师参考。 1. 认识和使用基本工具：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值