首页 > 其他分享 >前端必学-40个精选案例实战-案例2-前端必备技能-PS网页切图

前端必学-40个精选案例实战-案例2-前端必备技能-PS网页切图

时间:2024-01-30 14:11:42浏览次数:27  
标签:PS ctrl 前端 必学 选取 案例 command 字体 像素

5大图片类型,在网页中的展示方式

图片种类

image.png

  • 图片一般情况下分为两类,一类为像素图,一类为矢量图
  • 像素图是由一颗颗像素点组成,如果放大看,会看到像素点
  • 矢量图一般是由软件生成,如果放大看,不会产生像素点

PS新建保存

image.png
新建快捷键为Ctrl加n,或者使用菜单功能
另存为ctrl(command)加s,或者使用网页图片保存win(ctrl+alt+shift+S),mac(command+option+shift+S)

PS图像放大与缩小功能及辅助线的使用

  • 在正常获取图片大小之前,我们需要先把选取工具的单位设定为像素
  • 首先打开软件的首选项(CTRL+K)
  • 在单位与标尺中,标尺选择像素即可。

放大与缩小功能

image.png

  • 放大与缩小是我们常用的软件功能,可以快速放大缩小图像内容
  • 快捷键win(ctrl ++,ctrl--),mac(command ++,command--)

辅助线

image.png

  • 辅助线是可以帮助我们更精准量取图片
  • 快捷键win(ctrl 加 r),mac(command 加r)

PS软件字体操作及字体库的文字安装

字体使用

image.png

  • PS中输入字体的功能,可以横排也可以纵排
  • 字体如果需要我们去扩充的话,需要去网上下载字体文件然后安装

选取框使用

image.png

  • PS中选取框的作用是让我们选取图片的内容
  • 选取后内容,我们就可以通过复制粘贴,把选取的内容保存

ctrl c + ctrl n 将截取的图进行新建
然后 ctrl v 就可以完成新建了

标签:PS,ctrl,前端,必学,选取,案例,command,字体,像素
From: https://www.cnblogs.com/xiaochenNN/p/17996965

相关文章

  • HT UI 5.0,前端组件图扑是认真的
    为顺应数字时代的不断发展,图扑HTUI5.0在原有功能强大的界面组件库的基础上进行了全面升级,融入了更先进的技术、创新的设计理念以及更加智能的功能。HTUI5.0使用户体验更为直观、个性化,并在性能、稳定性和安全性等方面达到新的高度。HTUI5.0的改版升级,是团队对于用户需......
  • 前端必学-40个精选案例实战-案例1-仿百度图文列表实战
    最终呈现效果理解img标签的作用与效果img标签:前端网页的图片展示标签,单标签,英文非缩写为image常用属性为地址、宽度与高度常见的后缀格式为jpg、jpeg、png、gif等<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Com......
  • SQL变量数据加工在Java规则引擎中的应用案例分析
    SQL变量加工SQL加工背景,在决策配置过程中,一些复杂的逻辑或模型可通过自定义SQL脚本编写创建数据变量,通过SQL脚本可以便捷的从数据库中取数,并且自定义SQL支持传参,可满足更复杂多变的数据加工处理。注意,SQL变量加工和算子编排加工的方式不同,SQL变量加工依赖于对应数据源的服务器的性......
  • 前端开发时,点击重置按钮,列表会回到第一页查询呢,还是查询当前页,只是把输入框的条件清空
    点击重置按钮时,列表的行为取决于具体的应用需求和设计。通常有以下两种常见情况:回到第一页并清空查询条件:当用户点击重置按钮后,应用会清除所有输入框中的查询条件,并将列表刷新回第一页的数据(通常是默认排序或无条件查询的结果)。这种设计在用户想要从头开始检索数据或者需要查看......
  • HT UI 5.0,前端组件图扑是认真的!
    为顺应数字时代的不断发展,图扑HTUI5.0在原有功能强大的界面组件库的基础上进行了全面升级,融入了更先进的技术、创新的设计理念以及更加智能的功能。HTUI5.0使用户体验更为直观、个性化,并在性能、稳定性和安全性等方面达到新的高度。HTUI5.0的改版升级,是团队对于用户需求......
  • 手摸手教你 docker+jenkins+gitlab 部署你的前端项目
    手摸手教你docker+jenkins+gitlab部署你的前端项目 :https://blog.csdn.net/wx17343624830/article/details/128137274?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-0-128137274-blog-132392231.235^v43^control&spm=1001.2......
  • 前端比较好的效果
    1.C:\Users\lenovo\Desktop\interestingCSS-main\20_按钮点击波纹效果\代码.html2.C:\Users\lenovo\Desktop\interestingCSS-main\8_四周线条环绕流动效果\代码.html3.C:\Users\lenovo\Desktop\interestingCSS-main\21_鼠标悬浮按钮边框线条动画效果\代码.html4.C:\Users\l......
  • Django - admin 表单编辑页面,增加自定义功能,前端上传视频到oss
    #背景:可以在admin编辑页面原有基础上,增加一些可定制的功能,如:在本地上传图片到oss,减少服务器的带宽压力,下面就以此为例。示例图:  一。models.py#video可以直接用字符串存储,因为最终里面只有有一串oss的视频路径classNews(models.Model):OSS_URL='https://xxxx......
  • 前端获取视频编码
    https://github.com/gpac/mp4box.jsvarMP4Box=require('mp4box');//Orwhateverimportmethodyouprefer.varmp4boxfile=MP4Box.createFile();mp4boxfile.onError=function(e){};mp4boxfile.onReady=function(info){//info->codec{&......
  • docker-compose部署简单案例
    Dockerfile#设置基础镜像FROMpython:3.7#设置环境变量ENVPYTHONUNBUFFERED=1ENVPATH/usr/local/bin:$PATH#设置工作目录WORKDIR/home/lab#复制项目文件到容器中COPY./home/lab/#COPYrequirements.txt/home/lab#安装依赖包(先更新pip,换源,再安装包)......