![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端切图技能小知识
归零-li
这个作者很懒,什么都没留下…
展开
-
了解矩形选中框选中内容的详细信息、调出标尺、裁切出图片的做法
一、在用矩形选中框选中页面的内容,并且想要知道它的详细信息时,可以使用PS中的信息面板,调出方法:法一:选中菜单栏中的“窗口”=》选中“信息”法二:直接按快捷键F8修改上面的单位,可以鼠标右击,选中“用户界面首选项”=》选择二、调出标尺选中菜单栏中的视图=》选中标尺,即可调出,需要使用水平和垂直标线时直接从左边和上边的标线直接拖拽。三、裁切出想要的图片使用矩形选择框选中要裁切的图片=》点击图像菜单...原创 2018-02-27 10:45:28 · 534 阅读 · 0 评论 -
前端切图——实现页面部分图片的选取
作为一个想学好前端的人,不可避免要使用设计师设计的psd文件来实现静态页面的布局,但是不知道怎么下手那就很懵逼了,新学了一些小知识,记下来,不然改天可能又忘了如下图:如果想要实现将该psd设计稿中的星星裁切出来,那要怎么做呢?接下来跟着我一起来实现吧:首先,要找到该星星所在的图层然后按住alt键,再点中前面的眼睛部分,就可以只显示星星啦,如下图:接下来就是使用文件菜单下的存储为web格式来将该星星...原创 2018-03-13 11:25:48 · 2110 阅读 · 0 评论 -
前端切图小技能——实现将图片的部分内容抹去
对于一张图片,有时候有些部分内容是不需要的,那么要怎么去掉呢?就举下面的例子吧:如果想将上面的图片变成下面的效果:那要怎么做呢?接下来就是实现的步骤了:(1)先选中要盖住这部分的内容,如下:接着使用快捷键“ctrl+t”实现自由变换,接着通过拉动矩形将图片覆盖住就行了...原创 2018-04-14 11:19:32 · 342 阅读 · 0 评论 -
如何将psd文件中的图标选中后拉取到指定的新页面
假如想要将psd文件中的一个小图标拉取到其他页面,如下图:需先做如下操作:选中选择工具=》将自动选择勾选上=》将自动选择后边选择为“图层”然后直接选中要拖拽的图片,直接拖到想要的另外一个页面就行这只是一个关于ps的小操作,但是没有完整接触这方面的操作,算是又长了新的见识!...原创 2018-03-29 16:28:18 · 733 阅读 · 0 评论 -
前端切图小技能——如何实现测量图片中的圆角
一般前端中如果需要用到border-radius来实现圆角,但是又不清楚圆角的半径有多大,该怎么实现完美测量呢?比如想测量以下的圆角:具体做法如下:通过PS中的矩形选框与圆角两边的线对齐:选择”选择“选项卡中的”修改“下的”平滑“,在弹出的对话框中设置大小:设置到合适就行了:ok!这样就可以知道圆角半径的大小了~每天学习一点点,坚持每天都在进步,加油~...原创 2018-04-26 09:28:17 · 3886 阅读 · 0 评论