photoshop cc如何一步生成页面所有样式

photoshop cc现在新加了一个功能,可以生成层元素的样式,你可以在photoshop cc中做好页面后,安排好层的元素布局,然后以页面左上角为坐标圆点,生成层的样式

那么如何做好层的管理,可以一步就可以生成所有的页面样式,而不用一步一步的再去,点击一个层生成一个样式呢?

方法如下:

一 .先来说下,页面层如何管理?

打开一个做好的页面,每层的元素都已经做好了命名,如图所示:

注意:右边层的管理,把我们做好的页面元素都放到一个组里面,组命名为css

photoshop cc之一步生成页面所有样式

二.选中名称为css的组,然后选择 "图层-复制css",现在样式已经到剪贴板里了

1.png

三.新建一个空的图层,选中文字,粘贴上去看看效果

注意:我这里是为了演示效果,直接在photoshop中粘贴的

实际使用中,大家直接在网页编辑工具中把样式给提取出来就可以了

photoshop cc之一步生成页面所有样式

上图所示,大家注意到了吗,现在所有css组里的层的样式全部都显示出来了。

css也做为一个层把样式给写出来了,这个你可以直接删除掉。

分组的目的,就是为了一步把所有的层样式给复制出来,不用再一层一层操作了。

Related Articles

nba直播8-ChinaJoy花式参展指南 【入门篇】

  一年一度的ChinaJoy又要开始啦!尽管还有一个多月,nba直播8 但公司已经进入了一片喜(yuan)乐 […]
Read more

爱游戏体育官网:《蛇道》今天正式发售 全新上市宣传片公布

今天开发商Sumo首款游戏《蛇道》已经登陆PS4,PC,XBOX ONE和Switch,这是一款益智游戏。为了 […]
Read more

大发娱乐场电竞-Steam抽成比例不受认可 但仍是最受欢迎的游戏商店

备受瞩目的游戏开发者大会(GDC)将于2019年3月18日在美国旧金山莫斯康展览中心举办。大发娱乐场电竞 大会 […]
Read more

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Search for: