ps的简单用法和网页F12

在做项目的时候，会有一张psd格式或者其他的图片，我们需要一些图片素材，这个时候我们就需要去上面抠图，抠图有俩中办法，，一种是借助辅助线和切片工具来实现抠图的目的，一种是直接选中导出。
一、借助辅助线抠图
打开ps，按住ctrl+r，调出辅助线，需要从上用鼠标拉出两条线，来框选需要的图片素材的上下两边，然后从左边用鼠标拉出两条线，来框选需要的图片素材的左右两边，形成一个矩形，然后在左侧的工具栏里选到切片工具，按着之前形成的矩形画出来，接着就是同时按住shift+ctrl+alt+s，保存页面就出来了，然后在弹出的保存页面同样用切片工具选中要切的图片素材，然后在下面选着用户选中的图片，设置好保存的路径，就行了。
二、直接选中导出
一般在psd图片中有多个图层，这个时候你要选中你所要的部分图层的素材就可以了，那么怎么实现。在左侧的工具栏有一个选择的工作，选好工具后，你只需要把鼠标移到你想要的素材上面，单击左键，在右边的图层就会有一个突出的显示，你看好那个图片，可以点击旁边的眼睛，查看显示与隐藏。确定后，右键导出png图片，就ok了
三、取字样式
同样左侧的工具栏有一个文本工具，选中工具，对着图片文本选中，在上面可以显示，所选中的文本是什么字体，什么字号，是否加粗，什么颜色，这样方便我们在制作网页的时候达到所要求的效果。
四，取像素距离
首先调出辅助线，按住ctrl+r，在上面的辅助线的尺条上，单击鼠标右边，可选厘米，像素等等计算数值，做网页的一把用的是像素px值，所以我们选择像素px，然后在左边的工具栏中选中那个矩形选中器，调出来，对着你想要测量的位置距离画一个矩形，上面就会显示W和H的数值，W是宽，H是高。
五，页面的F12的运用
我们经常在做网页的过程中，需要不断打开自己制作的网页，来查看效果，所以F12是很重要的，我可以可以在里面通过选中网页的元素来看样式，位置，来不断调整以达到我们想要的效果。样式里面的宽高，外内边距，定位的上下左右，颜色，透明度，都可以进行调整，必要还能直接在上面添加元素，更方便理清思路。

ps的简单用法和网页F12相关推荐

day 1-requests基础用法和网页基础学习总结
day 1-requests基础用法和网页基础 1. requests用法 1.认识爬虫 1)爬虫用程序自动获取网页数据(可以让数据采集的过程变得简单又高效) 2)爬虫流程: 第一步:获取网络数据( ...
爬虫day1 requests基本用法和网页基础
爬虫day1 requests基本用法和网页基础 1.requests基本用法 # 1. 认识爬虫 """ 1)爬虫 - 用程序自动获取网页数据(可以让数据采集的过程变得 ...
Ugurgallen只是使用ps的简单拼贴技术，却刺痛42万人的心！
Ugurgallen只是使用ps的简单拼贴技术,却刺痛42万人的心!网上疯传的知名博主Ugurgallen通过两种生活的拼贴和对比,展示一个真实存在的世界!ps是一款功能强大的图片编辑处理软件,使用非 ...
如何简单地通过网页下载付费音乐？
由于各种音乐版权的不可抗因素, 很多优质音乐只能在线试听却不能下载. 大部分人想要下载只能去网上搜各种云盘, 各种资源, 求分享.花了很多时间.精力也未必能下载的到. 如何简单地通过网页下载付费音乐? ...
java爬虫-简单爬取网页图片
刚刚接触到"爬虫"这个词的时候是在大一,那时候什么都不明白,但知道了百度.谷歌他们的搜索引擎就是个爬虫. 现在大二.再次燃起对爬虫的热爱,查阅资料,知道常用java.python语 ...
html 倒计时字体消失,最简单的一个网页倒计时代码时间到期后会显示出提醒内容收藏版...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼很多时候我们都是需要提醒自己做什么事情的,像我这么健忘的,更加需要倒计时之类的记录来提醒自己,这是我找到最简单简介的代码了! 最简单的一个网页倒计时代码 ...
php与html网页制作,web 一个简单地三级网页的设计和编写，html+css，适合学习制作的新手 WEB(ASP,PHP,...) 238万源代码下载- www.pudn.com...
文件名称: web下载收藏√ [ 5 4 3 2 1 ] 开发工具: HTML 文件大小: 4716 KB 上传时间: 2013-06-25 下载次数: 7 提供者: ericc 详细 ...
CSS实验案例02简单专业介绍网页
文章目录 CSS实验案例02简单专业介绍网页 2.1CSS 2.2HTML CSS实验案例02简单专业介绍网页 2.1CSS body {/* 主体*/font-size: 24px;text-ali ...
更换一寸照片底色蓝色底，红色底白底一寸照怎么做ps教程简单快速快捷方法办法ps学习ps教学ps教程
更换一寸照片底色蓝色底,红色底白底一寸照怎么做ps教程简单快速快捷方法办法ps学习ps教学ps教程

ps的简单用法和网页F12

ps的简单用法和网页F12相关推荐

最新文章

热门文章