昨天,ui给了个psd图,让写成网页。额,要自己切图。很久之前,操作的还凑乎。但是,好久了,都忘了。所以,打算自己记个笔记,方便以后查看。


首先,打开ps就先来设置一下ps的单位啦
点击最上面的一行的编辑--->首选项-->单位与标尺-->然后设置为像素为单位。

把自己需要的图片切下来

第一种方法:
选择切片工具,把自己想要的图片框选出来。然后复制(ctrl+c),新建(ctrl+n),粘贴(ctrl+v),存储为web所用格式(alt+shift+ctrl+s)
第二种方法:
找到你想要切得图片的对应的图层,点击右键,把其转换为智能对象,然后用矩形框工具把其框起来,然后复制(ctrl+c),新建(ctrl+n),粘贴(ctrl+v),存储为web所用格式(alt+shift+ctrl+s)

快速找到图层

1.在菜单栏左上角有个“自动选择”选项,勾上。在后面紧接着有一个选项,选择“组”
2.按住alt键不放,鼠标左键点击自己需要的图片,就会自动进入该图层了

ps中一些常用的快捷键

1.ctrl++是放大图片,对应的,ctrl--就是缩小图片啦(alt+鼠标滑轮,也可以进行图片的放大和缩小)
2.ctrl+r 打开辅助线标尺
3.空格键 + 鼠标 就会出来ps的抓手工具
4.ctrl + 0(数字0,不是字母o) 图片会变为ps窗口的大小,也就是你刚刚把图片用ps打开的时候,最原始的状态
5.ctrl + 1(数字1),图片切换到百分之百显示
6.ctrl + t 自由变换
7.按住shift会等比例缩放图片
8.文字,点击右侧的“T”,,然后选中文字,点击一下文字,文字的信息在ps的最上面的一一些操作的下面就会显示出来了。另外,ctrl + t ,这时候,关于文字的面板信息就会出来了。
9.ctrl+z 是后退一步。ctrl + alt + z可以返回20步以内
10.ctrl + d 取消选区

待续。。

前端ps中常用的操作的更多相关文章

  1. 前端Vue中常用rules校验规则

    前提 在 vue开发中,难免遇到各种表单校验,这里整理了网络上和自己平时高频率用到的一些校验方法.如果错误欢迎指出,后期不断补充更新. 1.是否合法IP地址 export function valid ...

  2. 1 js中常用的操作

    总结一些前端js常用的操作 常用日期操作:前端开发常用 JS 方法 js中array.list.map的遍历:js遍历集合(Array,Map,Set) js中对象的定义:js创建自定义对象的几种方式 ...

  3. web前端开发中常用的尺寸和位置

    我们在日常web前端开发过程中,会经常用到各种尺寸和位置.通常是js做动画的时候.轮播图,滚屏动画,粒子,碰撞检测,拖拽,滚动加载等等.这里我将常用的尺寸和位置的获取进行总结,不包括canvas,SV ...

  4. js中常用的操作

    1.js中常用的数组操作 2.js中常用的字符串操作 3.js中常用的时间日期操作 4.定时器

  5. pandas中常用的操作一

    pandas中常用的功能: 1.显示所有的列的信息,999表示显示最大的列为999 pd.options.display.max_columns=999 2.读取excel时设置使用到列的名称,和列的 ...

  6. String类中常用的操作

    一.获取: 1.获取字符串的长度(注意是方法,不是跟数组的属性一样的) int length(); 1 public static void getLength(){ 2 String s = &qu ...

  7. 前端项目中常用es6知识总结 -- 箭头函数及this指向、尾调用优化

    项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍 1.块级作用域 let const 2. ...

  8. 前端项目中常用es6知识总结 -- let、const及数据类型延伸

    项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍 1.块级作用域 let const  2 ...

  9. Java中常用集合操作

    一.Map 名值对存储的. 常用派生类HashMap类 添加: put(key,value)往集合里添加数据 删除: clear()删除所有 remove(key)清除单个,根据k来找 获取: siz ...

随机推荐

  1. RHEL安装神器EPEL

    什么是EPEL? EPEL的全称叫 Extra Packages for Enterprise Linux .EPEL是由 Fedora 社区打造,为 RHEL 及衍生发行版如 CentOS.Scie ...

  2. day44-线程

    #1.开启线程: from threading import Thread import os def func(): print('func',os.getpid()) t = Thread(tar ...

  3. springboot shiro ehcache redis 简单使用

    引入相关pom <dependency> <groupId>org.springframework.boot</groupId> <artifactId> ...

  4. log4j2.xml 配置

    动态生成日志, 日志路径: log4j2.xml 配置如下: <?xml version="1.0" encoding="UTF-8"?> < ...

  5. 《C程序设计语言》练习 1-8,1-9

    #include <stdio.h> /*编写一个统计空格,制表符与换行符个数的程序*/ main() { int a,b,c,d;//a表示空格个数,b表示制表符个数,c表示换行符个数 ...

  6. linux查看并发连接数

    1.查看TCP的并发请求数及其TCP连接状态: netstat -n | awk '/^tcp/ {++S[$NF]} END {for(a in S) print a, S[a]}' netstat ...

  7. 关于用struts2框架中iframe对应的jsp页面的不到action的值的问题

    我们做web项目经常会用到frameset.frame以及iframe,这大大方便了我们页面的构建以及模块功能的划分.但是,再使用这些技术的同时也会遇到各种各样的问题,其中一个就是子页面中得不到str ...

  8. [LC] 231. Power of Two

    Given an integer, write a function to determine if it is a power of two. Example 1: Input: 1 Output: ...

  9. 关于使用css变量实现主题的切换效果

    现在要实现网页主题的切换成本较小的一种方案就是使用css的变量来实现 HTML 在HTML的body标签上先定义一个id元素属性 <body id="sm-theme"> ...

  10. Linux下文件 ~/.bashrc 和 ~/.bash_profile 和 /etc/bashrc 和 /etc/profile 的区别 | 用户登录后加载配置文件的顺序

    转自 https://blog.csdn.net/secondjanuary/article/details/9206151 文件说明: /ect/profile 此文件为系统的每个用户设置环境信息, ...