文档章节

小蚂蚁学习PS切图之基础操作(1)——界面设置和移动工具选区工具

嗜学如命的小蚂蚁
 嗜学如命的小蚂蚁
发布于 2015/11/24 12:22
字数 876
阅读 137
收藏 1

为什么要学习PS?

    这要追溯到公元2014年12月31日晚,在制定15年计划的时候,头脑一热就把这一项写进了计划里。不过这也是有原因的,有时候需要做一点前端的时候,ps用不好确实很影响工作效率,虽然这在我平时工作中所占得比例并不是很大。今年需要完成的计划就剩下了两个,其中包括学习ps,眼看这一年又走到头了,简单学习一下ps基础,能为前端提供一些帮助就行。既然制定了这个计划,就把它完成,言出必行,这是我的忍道。

学习目标

    * 能够自己使用ps从网页设计师提供的psd中获取网页前端开发过程中所需要的资源

    * 对简单的ps操作有一个基本了解

    * 可以做一些简单的图片处理和调整

    * 提高自己的审美期美感的培养

一、界面设置

1. 新建:Ctrl+n    

    预设:web 大小:1920\*1080,但是web设计是不指定高度的。所以预设:自定义,大小:1920\*2000(高看情况)。分辨率:72。颜色:RGB。背景:透明。

2. 移动工具设置    快捷键:v

    建议:自动选择不打勾;自动选择后面的选项选择:图层;当选择的时候可以按住ctrl键选择图层。

3.视图设置 

    视图--显示--勾上智能参考线    标尺:打钩

    选择ps切图最常用的四大功能:信息,字符,图层,历史记录

    在信息右边--面板选择,标尺单位全部改为像素。颜色模式全部改为RGB模式。文档尺寸打钩。

    编辑--首选项    单位全改为像素

    ctrl+右键    点击图层,可以看到相对应的信息。

    窗口--工作区--新建工作区     取名:web切图。这就相当于保存了当前配置。下次打开,只要点击窗口--工作区--web切图,就可以恢复设置


二、基本操作

    三个目标:简单工具操作。图层原理极其操作。参考线及其辅助。

    1. 移动工具,快捷键:v。Ctrl同时选择两个图层,可以在属性栏对齐进行各种对齐。

    2. 选区工具:图层一旦有了选区,我们对图层的操作,都针对选区内部。鼠标放入选区内部,按住ctrl,可以移动选区。

    属性栏的是个标记分别是:1,只能创建一个选区。2,可以创建多个选区,相交的部分会加在一起。3,相交的部分会减去。4,相交的部分会留下,其他的都减去。

    选区工具中的椭圆工具,无论单行还是单列,它选中的仅仅只是一个像素。

    注:椭圆和矩形,想要达到正圆和正方形,需要按shift键。想要选中中心点,需要按住alt键。

    选区工具快捷键: shift增加选区,alt减去选区,其实这两个快捷键是通用的。

    shirf+m    会在扩展中间轮流切换。

    ps:图像窗口放大缩小的快捷键。ctrl+“+”放大,ctrl+“-”缩小。


学PHP的小蚂蚁 博客 http://my.oschina.net/woshixiaomayi/blog


© 著作权归作者所有

嗜学如命的小蚂蚁
粉丝 145
博文 161
码字总数 100864
作品 0
郑州
程序员
私信 提问
给前端工程师的快速切图小技巧 (切出jpg图标或png透明图)

部分看了文章的设计师,来找我说怎么切图。sorry?在我的理解,这就是切图啊,但是他们所指的“切图”是,怎么把设计图制作成html页面。 这就说明,现在人们对于前端都是有误区的。认为前端是...

arTYards
2018/07/17
0
0
小蚂蚁学习PS切图(3)——小练习

画出奥运五环旗 颜色填充快捷键: alt + del(前景色) ctrl+ del(背景色) 画出一个圆并且填充好,“右键”--自由变换,del 将小圆中的颜色删除掉 ctrl+t 可以放大缩小选区 选择移动工具 按住...

嗜学如命的小蚂蚁
2015/11/27
126
0
小蚂蚁学习PS切图之基础操作(2)——工具栏的介绍

工具栏的介绍 套索工具:如果套索工具不闭合,双击可以自动闭合。 磁性套锁工具:在很尖锐的区域会出现不足,可以使用多边形套索工具,增加选区弥补。 快速选择工具:选区之间可以拖动以扩大...

嗜学如命的小蚂蚁
2015/11/25
38
0
冯德明/GraphicsMagic

#GraphicsMagic 本项目是一个仿PhotoShop的图像处理软件,由来自大连的来自中国大连的一对儿双胞胎兄弟,马晓光、马晓明创作,经他们同意开源,我代为上传至开源中国GIT中,欢迎大家一起参与...

冯德明
2015/01/13
0
0
PhotoShop CC 2017软件工具面板使用---矩形选框工具

  矩形选框工具包含了矩形选框工具,椭圆选框工具,单行选框工具和单列选框工具 矩形选框工具和椭圆选框工具   复制框选的图形:点shift+m框选完后,点ctrl+c复制的是图层;点alt加左键,...

zxc514257857
2017/11/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

我为什么要写微信公众号

埋一颗种子,细心呵护,静待她枝繁叶茂,葱郁参天 V2论坛上有个帖子【做程序员最重要的还是一定要有自己的作品】,作者写道: 能有一个作品和你的名字联系在一起,应当成为在职业生涯前期着意...

运维咖啡吧
44分钟前
3
0
数据库

数据库架构 数据库架构可以分为存储文件系统和程序实例两大块,而程序实例根据不同的功能又可以分为如下小模块。 1550644570798 索引模块 常见的问题有: 为什么要使用索引 什么样的信息能成...

一只小青蛙
今天
5
0
PHP常用经典算法实现

<? //-------------------- // 基本数据结构算法 //-------------------- //二分查找(数组里查找某个元素) function bin_sch($array, $low, $high, $k){ if ( $low <= $high){ $mid = int......

半缘修道半缘君丶
昨天
5
0
GIL 已经被杀死了么?

本文原创并首发于公众号【Python猫】,未经授权,请勿转载。 原文地址:https://mp.weixin.qq.com/s/8KvQemz0SWq2hw-2aBPv2Q 花下猫语: Python 中最广为人诟病的一点,大概就是它的 GIL 了。...

豌豆花下猫
昨天
6
0
git commit message form

commit message一般包括3部分:Header、Body、Footer。 <type>(<scope>):<subject>blank line<body>blank line<footer> header是必需的,body、footer可以省略。 header中type、subject......

ninjaFrog
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部