ps分区域取色(PS取色器取色后怎么填色)

在网页制作中需要使用PS获取的信息分为两类:尺寸信息和颜色信息。

获取信息(设计稿)

尺寸信息 > 测量:width:200px;

颜色信息 > 取色:color:#ffccoo;

(1)测量(所有数字都要测量) >> 尽可能100%还原设计稿

哪些需要测量呢? // CSS中所有能够接受数值型的属性都需要测量

文本 文字大小(font-size)

单独图层,使用文字工具T,查看选项面板;

合并图层,矩形选框工具,文字高度即字号高度,不同字体有误差;

行高(lineheight)

单独图层,文字工具T,选项面板-属性面板,行高即lineheight

合并图层,矩形选框工具,放大,第一行的下面到第二行的下面

背景 背景图位置(background-position)

盒模型 高度、宽度(width/height) 内外边距(padding/margin) 边框(border)

布局 定位(top、right等)

>> 使用工具:矩形选框工具 + 信息面板(尽可能放大画布,以减小误差)

// 矩形选框工具,默认是新选区,即唯一一个选区

选区:即矩形选框工具选择的区域,可多个叠加、删减、交叉

添加到选区:按住Shift

从选区减掉:按住Alt

与选区交叉:按住Shift + Alt

> 小技巧:大图测量宽度 – 左右两边各画小图(shift),宽度为小图最左到最右的宽度

(2)取色(所有颜色都要取色)

哪些需要取色? // CSS中能接受颜色值的属性都要取色

文本 文字色(color)

单独图层,使用文字工具T获得;合并图层,放大,吸管拾色;

文字图层有叠加效果,拾色器+吸管工具,小心锯齿,选择深的地方。

背景 背景色(background-color)

盒模型 边框色(border-color)

>> 使用工具:拾色器+吸管工具(取色时尽量放大)

// 取色工具巧用

确定背景是否为纯色 > 不停的点击,观察颜色值是否变化

确定是否为线性渐变 > 魔棒工具(容差较小情况下,颜色选定区域,如Y、X轴渐变)

【案例】

PS切图-测量、取色

测量普通图片宽高

PS切图-测量、取色

PS切图-测量、取色

PS切图-测量、取色

PS切图-测量、取色

PS切图-测量、取色

PS切图-测量、取色

PS切图-测量、取色

PS切图-测量、取色

PS切图-测量、取色

PS切图-测量、取色

Web_整合分析、记录点滴

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com

(0)
上一篇 2023年 6月 17日 下午2:35
下一篇 2023年 6月 17日 下午2:41

相关推荐

  • 随你花贷款平台怎么样

    12月25日的上海,郭智渊发布了随你花的产品体系。据悉,随你花一个多月前就收到了多笔来自机构的投资。 “我没想过一开始就要拿投资人的钱的,在外企工作二十多年来,自己稍有积蓄,再加上…

    2023年 5月 2日
  • 爱奇艺弹幕设置在哪里,爱奇艺的弹幕在哪设置

    爱奇艺弹幕设置可以让用户以更加简便的方式来改变视频的观赏方式,让用户更容易地了解视频的内容。那么,爱奇艺弹幕设置在哪里呢?下面就给大家介绍一下爱奇艺弹幕设置的具体步骤: 第一步:打…

    2023年 4月 7日
  • 保税区企业网站建设方案策划书怎么写

    随着经济全球化程度的不断加深和贸易自由化进程的不断推进,保税区已成为国际贸易中重要的方式和利器。因此,建设一套功能完备、信息丰富、便于管理的保税区公司网站已成为当务之急。 保税区企…

    2023年 9月 4日
  • 三轮智能小车设计

    3月30日,阿里巴巴集团旗下的操作系统品牌AliOS发布了一则视频广告,宣布将于4月1日正式发布一款移动便携智能驾驶产品Auto Circle。从视频中看,这款产品仅有手掌大小,只…

    互联网 2023年 3月 14日
  • 网店选哪个平台好呢?淘宝,京东还是拼多多好

    我是一个电商运营者,做过淘宝天猫和拼夕夕。 我的个人建议优先考虑淘宝C店,其次是京东和天猫,最后再考虑抖音和拼夕夕。 理由如下: 第一,门槛高低。 淘宝天猫的平台系统比较完善,淘宝…

    2023年 1月 31日
  • 如何注册微信公众号?(找保姆微信公众号名字)

    “再小的个体,也有自己的品牌”,这是微信公众平台的官方广告。 微信公众平台的宗旨就是为每一个人提供创建自己品牌的机会,只要你想,你就能在微信公众平台上留下自己的足迹。 那么如何注册…

    2023年 2月 18日
  • 谷歌浏览器源码绿色正式版,谷歌浏览器缓存中文最新版

    谷歌浏览器Google Chrome是一款清爽,效率较高的浏览器。它与国产浏览器相比,特点在于界面简洁,浏览速度快,稳定。使用起来方便。相信很多人都在使用该浏览器进行上网。关键是,…

    2023年 1月 3日
  • 深挖一批网络黑灰产,斩断网络黑灰产

    “薅上一天,够吃一年。”这句“羊毛党”中流行的口头禅在日前拼多多被“薅羊毛”事件中成为现实,并揭开了国内网络黑灰产的冰山一角。 据中国证券报1月22日报道,记者调查发现,网络黑灰产…

    互联网 2023年 5月 17日
  • ps人像精修常用技巧,最新人像精修ps插件dr5的安装教程

    初级人像精修: 1.瘦脸 (1)打开液化滤镜,菜单栏-滤镜-液化。 (2)侧边栏的脸部工具,可以识别面部的五官及脸型,识别后产生的锚点和轮廓可以使用鼠标拖拽,可以控制眼睛的大小、鼻…

    2023年 6月 21日
  • 公众号怎么获得微信推荐增加更多流量呢

    昨天发的文章,刚一看阅读量马上破万了, 粉丝涨了100多个,而且还在持续增长中。。。 我去查了下后台数据,确认是因为这篇文章被系统推流了。 很多人都持悲观态度,并且最近还有很多人被…

    2023年 8月 14日