Posts PS-AE-Sketch
Post
Cancel

PS-AE-Sketch

PS

面板

主菜单【窗口】下开启的窗户,必备的是【属性】、【信息】、【图层】

选择图层

  • 【cmd + 左键】 => 选择图层
  • 【option + 滚轮】 => 放大缩小图像

属性面板

选择图层之后,可以再属性面板看到:

  • 文本的字体大小和颜色
  • 形状的填充色和圆角
  • 智能对象的宽高

信息面板

有时候在【属性面板】不能看到图层的宽高信息,可以通过【cmd + T】打开操作变形,在信息面板就一定可以看到宽高了,看完后用【esc】退出

吸管工具

  • 设计稿中有一些不太明显的渐变色背景色模块,按住左键拖动吸管,观察信息面板就知道用【background-color】还是【linear-gradient】了
  • 右键需要获取的颜色点,可以通过【拷贝颜色的十六进制代码】快速获得 CSS 的属性值
  • 图层有不透明度,需要先恢复到 100%才可以进行吸取
  • 按住【shift】然后左键取色可以在信息面板增加取样点,按住【shift + option】,鼠标移到取样点上后出现小剪刀可进行删除

复制 CSS

有时候可以看看 PS 提供的 CSS 长啥样子,一般都不能直接用,但是可以提供启发

微调导出的 icon

有时候合成雪碧图的时候,图表容易被另一个图标污染,四周留出 1px 的透明空白就有意义了,在【导出为】的页面,宽高比原来大【2px】即可

AE

扣除视频的黑色背景,导出透明序列帧

1、创建合成图层 2、拖入视频,把视频拖到合成 3、特效-通道-通道转换,设置成明亮度 4、特效-通道-移除透明通道 5、颜色转换-曲线 6、左上角文件,导出到渲染图层 7、渲染图层选择导出类型、导出路径、点击渲染进行导出

Sketch

教你 10 分钟上手 sketch

This post is licensed under CC BY 4.0 by the author.
Trending Tags
Contents

Trending Tags